@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--orange:#ff5a00;--orange-dark:#e04e00;--orange-light:#fff4ee;--orange-glow:#ff5a0026;--text:#111827;--text-muted:#6b7280;--border:#c8cdd5;--bg:#f4f0eb;--card:#fff;--success-bg:#ecfdf5;--success-text:#065f46;--error-bg:#fef2f2;--error-text:#b91c1c}.login-container{background-color:#f4f0eb;background-image:radial-gradient(80% 60% at 10% 10%,#ff5a0014 0%,#0000 60%),radial-gradient(60% 50% at 90% 90%,#ff5a000d 0%,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:28px 28px 22px;animation:.4s cubic-bezier(.16,1,.3,1) both slideUp;box-shadow:0 0 0 1px #00000012,0 4px 6px #0000000a,0 16px 40px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo-area{flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;display:flex}.login-logo{object-fit:contain;background:#fff8f3;border:1.5px solid #000;border-radius:16px;flex-shrink:0;width:80px;height:80px;padding:6px;box-shadow:0 4px 14px #ff5a002e}.login-brand-text{text-align:center}.login-brand-name{color:var(--text);letter-spacing:-.3px;font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1.2}.login-brand-sub{display:none}.login-divider{background:linear-gradient(90deg,#0000 0%,#e0dbd4 30% 70%,#0000 100%);height:1px;margin-bottom:18px}.alert{border-left:3px solid;border-radius:9px;align-items:center;gap:8px;margin-bottom:12px;padding:9px 12px;font-size:12.5px;font-weight:500;line-height:1.4;display:flex}.alert-error{background:var(--error-bg);color:var(--error-text);border-color:#ef4444}.alert-success{background:var(--success-bg);color:var(--success-text);border-color:#10b981}.alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-style:normal;font-weight:800;display:flex}.alert-error .alert-icon{color:var(--error-text);background:#fee2e2}.alert-success .alert-icon{color:var(--success-text);background:#d1fae5}.form-section{animation:.25s both fadeSlide}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.form-title{color:var(--text);letter-spacing:-.3px;margin-bottom:2px;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.form-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:12.5px}.field-group{margin-bottom:10px}.field-label{color:#374151;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.field-input{border:1.5px solid var(--border);width:100%;color:var(--text);-webkit-appearance:none;background:#f7f8fa;border-radius:9px;outline:none;padding:9px 12px;font-family:Outfit,sans-serif;font-size:13.5px;transition:all .18s}.field-input::placeholder{color:#a0a8b4}.field-input:hover:not(:focus){background:#f0f2f5;border-color:#a0a8b4}.field-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-glow);background:#fff}select.field-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.password-box{position:relative}.password-box .field-input{padding-right:42px}.eye-btn{cursor:pointer;color:#9ca3af;width:auto;min-height:unset;box-shadow:none;background:0 0;border:none;margin:0;padding:4px;font-size:14px;line-height:1;transition:color .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.eye-btn:hover{color:var(--orange);box-shadow:none;background:0 0;transform:translateY(-50%)scale(1.05)}.btn-primary{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#ff5a00,#ff7020);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:6px;padding:11px 20px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #ff5a004d}.btn-primary:after{content:"";background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);position:absolute;inset:0}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ff5a0061}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.signup-tabs{background:#f0f0f2;border-radius:10px;gap:4px;margin-bottom:12px;padding:3px;display:flex}.signup-tab{color:#6b7280;cursor:pointer;width:auto;min-height:unset;background:0 0;border:none;border-radius:8px;flex:1;margin:0;padding:8px 6px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;transition:all .18s}.signup-tab.active{color:#111827;background:#fff;box-shadow:0 1px 4px #0000001a,0 0 0 1px #0000000d}.signup-tab:hover:not(.active){color:#374151;background:#ffffffb3}.info-box{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-left:3px solid #3b82f6;border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:11.5px;font-weight:500;line-height:1.5}.switch-text{text-align:center;color:var(--text-muted);margin-top:12px;font-size:12.5px}.link{color:var(--orange);cursor:pointer;font-weight:600;transition:color .15s}.link:hover{color:var(--orange-dark);text-decoration:underline}.footer{text-align:center;color:#000;letter-spacing:.02em;margin-top:18px;font-size:11px;font-weight:500}.otp-boxes{justify-content:center;gap:8px;margin:18px 0 8px;display:flex}.otp-box{border:1.5px solid var(--border);text-align:center;width:44px;height:52px;color:var(--text);caret-color:var(--orange);background:#f7f8fa;border-radius:10px;outline:none;font-family:Outfit,sans-serif;font-size:22px;font-weight:700;transition:all .18s}.otp-box:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-glow);background:#fff}.dashboard-wrapper{background:#ede6db;min-height:100vh}.dash-navbar{z-index:100;background:linear-gradient(135deg,#c94500 0%,#ff5a00 55%,#ff7a2e 100%);justify-content:space-between;align-items:center;height:64px;padding:0 36px;display:flex;position:sticky;top:0;box-shadow:0 4px 28px #b4320080}.dash-brand{align-items:center;gap:14px;display:flex}.dash-logo{color:#ff5a00;letter-spacing:-1px;background:#fffffff7;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:flex;box-shadow:0 2px 14px #00000038,inset 0 1px #fffc}.dash-brand-name{color:#fff;letter-spacing:-.3px;font-size:17px;font-weight:800}.dash-brand-sub{color:#ffffffa6;letter-spacing:.6px;text-transform:uppercase;margin-top:1px;font-size:10px}.dash-user-area{align-items:center;gap:12px;display:flex}.dash-user-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000038;border:1px solid #ffffff2e;border-radius:24px;align-items:center;gap:8px;padding:7px 18px;display:flex}.dash-user-icon{font-size:14px}.dash-user-name{color:#fff;font-size:13px;font-weight:600}.dash-logout-btn{color:#fff;cursor:pointer;background:#00000038;border:1.5px solid #ffffff47;border-radius:9px;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.dash-logout-btn:hover{background:#0000005c;transform:translateY(-1px);box-shadow:0 4px 14px #00000038}.dash-tabs{background:#1c1c1c;gap:2px;padding:0 36px;display:flex;box-shadow:0 3px 16px #0000004d}.dash-tab-btn{cursor:pointer;color:#777;letter-spacing:.1px;background:0 0;border:none;border-bottom:3px solid #0000;padding:15px 28px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .2s}.dash-tab-btn:hover{color:#ff8040}.dash-tab-active{border-bottom:3px solid #ff5a00;font-weight:700;color:#ff5a00!important}.dash-body{max-width:1600px;margin:32px auto;padding:0 20px 60px}.form-card{background:#fdf9f5;border-radius:22px;padding:0;animation:.35s fadeSlideUp;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 12px 40px #0000001a,0 0 0 1px #0000000d}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-card-header{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-bottom:3px solid #ff5a00;align-items:center;gap:18px;margin-bottom:0;padding:26px 36px 24px;display:flex}.form-card-icon{background:linear-gradient(135deg,#ff5a00,#ff8533);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex;box-shadow:0 4px 18px #ff5a0080}.form-card-title{color:#fff;letter-spacing:-.3px;font-size:20px;font-weight:800}.form-card-sub{color:#fff6;margin-top:4px;font-size:12px}.form-error-banner{color:#c0392b;background:#fff0f0;border:1.5px solid #fca5a5;border-radius:10px;margin:24px 36px 0;padding:12px 16px;font-size:13px;font-weight:500}.form-grid{grid-template-columns:1fr 1fr;gap:20px;padding:28px 36px 0;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:#7a6e64;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700}.req{color:#ef4444}.form-hint{color:#c0b8b0;text-transform:none;font-size:10.5px;font-weight:400}.form-field input,.form-field select,.form-field textarea{color:#111;appearance:auto;background-color:#f0ebe3;border:2px solid #ddd5c8;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .2s,box-shadow .25s,background-color .2s,transform .15s}.form-field input::placeholder,.form-field textarea::placeholder{color:#bab0a5}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background-color:#fff;border-color:#ff5a00;transform:translateY(-1px);box-shadow:0 0 0 4px #ff5a001f,0 2px 8px #ff5a0026}.form-field input:hover:not(:focus),.form-field select:hover:not(:focus),.form-field textarea:hover:not(:focus){background-color:#f5f0e8;border-color:#c8bfb5}.form-field input.input-error,.form-field select.input-error,.form-field textarea.input-error{background-color:#fff5f5;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-field select option{color:#111;background-color:#fff;font-size:13px}.form-field select option[value=""]{color:#b0a8a0}.field-error{color:#dc2626;align-items:center;gap:3px;font-size:11px;font-weight:600;animation:.3s shake;display:flex}.field-error:before{content:"⚠ "}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.field-hint{color:#b8b0a8;font-size:11px}.char-count{font-size:11px;font-weight:700}.char-short{color:#f59e0b}.char-warn{color:#ef4444}.char-ok{color:#10b981}.desc-section{padding:20px 36px 0}.submit-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#c94500 0%,#ff5a00 55%,#ff7a2e 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 72px);margin:24px 36px 32px;padding:15px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 20px #d246006b,inset 0 1px #ffffff26}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #d2460085,inset 0 1px #ffffff26}.submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #d2460059}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;color:#a09890;background:#ccc4ba}.submit-btn-loading{cursor:not-allowed;color:#a09890;background:#ccc4ba}.btn-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.tickets-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.tickets-title{color:#111;letter-spacing:-.3px;font-size:22px;font-weight:800}.tickets-sub{color:#999;margin-top:4px;font-size:13px}.btn-raise-new{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c94500,#ff5a00);border:none;border-radius:10px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 3px 14px #c83c0061}.btn-raise-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c83c007a}.tickets-summary{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.summary-pill{border:1px solid #0000000f;border-radius:24px;padding:8px 22px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #00000014}.tickets-empty{text-align:center;color:#aaa;background:#fff;border:1px solid #e4ddd4;border-radius:20px;padding:72px 20px;animation:.35s fadeSlideUp;box-shadow:0 4px 20px #00000012}.tickets-empty-icon{margin-bottom:16px;font-size:56px}.tickets-empty-text{color:#999;margin-bottom:22px;font-size:15px;font-weight:500}.tickets-list{flex-direction:column;gap:16px;display:flex}.ticket-card{background:#fff;border:1px solid #e4ddd4;border-left-width:5px;border-radius:18px;padding:0;transition:transform .22s,box-shadow .22s;animation:.35s fadeSlideUp;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 6px 20px #00000014}.ticket-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000000f,0 14px 34px #0000001f}.ticket-card-header{background:#faf6f1;border-bottom:1px solid #ede8e0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.ticket-card-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ticket-product{color:#111;letter-spacing:-.3px;font-size:18px;font-weight:800}.ticket-id{color:#b0a89e;background:#eee8e0;border-radius:12px;padding:2px 10px;font-size:11.5px;font-weight:600}.ticket-status-badge{white-space:nowrap;letter-spacing:.4px;border-radius:24px;padding:6px 16px;font-size:11.5px;font-weight:800;box-shadow:0 2px 6px #00000014}.ticket-details-grid{background:#f5f0ea;border:1px solid #ede6dc;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:10px 16px;margin:18px 24px 14px;padding:16px 18px;display:grid}.ticket-detail-item{flex-direction:column;gap:3px;display:flex}.detail-label{color:#b0a898;text-transform:uppercase;letter-spacing:.07em;font-size:9.5px;font-weight:700}.detail-value{color:#1a1a1a;font-size:13px;font-weight:600}.ticket-description{color:#4a3e36;background:#fff8f2;border:1px solid #fad8be;border-left:4px solid #ff5a00;border-radius:10px;margin:0 24px 18px;padding:12px 16px;font-size:13px;line-height:1.65}.ticket-description .detail-label{margin-bottom:4px;font-size:10px;display:block}.ticket-progress{background:#f2ece4;border-top:1px solid #e8e0d4;border-bottom:1px solid #e8e0d4;border-radius:0;margin:0;padding:16px 24px}.progress-label{color:#b0a898;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:9.5px;font-weight:800}.progress-steps,.step-wrapper{align-items:center;display:flex}.step-item{flex-direction:column;align-items:center;gap:7px;display:flex}.step-circle{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.step-label{text-transform:capitalize;white-space:nowrap;letter-spacing:.02em;font-size:10px;font-weight:600}.step-connector{border-radius:2px;flex:1;min-width:44px;height:3px;margin:0 8px 22px;transition:background .4s}.ticket-timestamps{flex-wrap:wrap;gap:10px;padding:14px 24px 18px;display:flex}.timestamp{border:1px solid #0000000f;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.timestamp.open{color:#c44400;background:#fff2ea}.timestamp.resolved{color:#136638;background:#eaf7ef}.dashboard-container{background:#ede6db;min-height:100vh}select{color:#111;background-color:#f0ebe3}select option{color:#111;background-color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#e8e0d4}::-webkit-scrollbar-thumb{background:#c4b8ac;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a89890}.sla-root{color:#1a1a1a;min-height:100vh;font-family:DM Sans,sans-serif}.sla-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;font-size:14px;display:flex}.sla-spinner{border:3px solid #f0ede8;border-top-color:#ff5a00;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite sla-spin}@keyframes sla-spin{to{transform:rotate(360deg)}}.sla-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.sla-page-badge{color:#fff;letter-spacing:.12em;background:linear-gradient(135deg,#c94500,#ff5a00);border-radius:4px;margin-bottom:8px;padding:4px 10px;font-size:9px;font-weight:800;display:inline-block}.sla-page-title{color:#111;margin:0 0 4px;font-size:26px;font-weight:800;line-height:1.1}.sla-page-sub{color:#6b7280;margin:0;font-size:13px}.sla-filter-bar{background:#fff;border:1.5px solid #e0d8d0;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0000000d}.sla-filter-group{flex-direction:column;gap:4px;display:flex}.sla-filter-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.sla-select,.sla-date-input{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;outline:none;min-width:110px;padding:7px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:border-color .15s}.sla-select.active,.sla-date-input.active{color:#ff5a00;background:#fff4ee;border-color:#ff5a00;font-weight:700}.sla-clear-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fee2e2;border:none;border-radius:8px;align-self:flex-end;margin-bottom:0;padding:7px 12px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700}.sla-filter-count{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:2px;display:flex}.sla-filter-count-num{color:#ff5a00;font-size:20px;font-weight:800;line-height:1}.sla-filter-count-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600}.sla-section-nav{background:#fff;border:1.5px solid #e0d8d0;border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:6px;display:flex;box-shadow:0 2px 8px #0000000a}.sla-section-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.sla-section-btn:hover{color:#374151;background:#f9f7f4}.sla-section-btn.active{color:#fff;background:linear-gradient(135deg,#c94500,#ff5a00);font-weight:700;box-shadow:0 2px 8px #ff5a0047}.sla-section{animation:.25s sla-fade}@keyframes sla-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sla-card{background:#fff;border:1.5px solid #e0d8d0;border-radius:14px;padding:20px 22px;box-shadow:0 2px 10px #0000000d}.sla-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.sla-card-title{color:#1a1a1a;margin-bottom:4px;font-size:15px;font-weight:800}.sla-card-sub{color:#9ca3af;font-size:12px}.sla-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.sla-kpi-card{border:1px solid #e0d8d0;border-radius:12px;padding:16px;transition:transform .15s,box-shadow .15s}.sla-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.sla-kpi-icon{margin-bottom:8px;font-size:22px}.sla-kpi-value{margin-bottom:4px;font-family:DM Mono,monospace;font-size:28px;font-weight:800;line-height:1}.sla-kpi-label{color:#374151;margin-bottom:3px;font-size:12px;font-weight:700}.sla-kpi-sub{color:#9ca3af;font-size:10px}.sla-source-row{flex-wrap:wrap;gap:16px;display:flex}.sla-source-item{background:#f9f7f4;border:1px solid #f0ede8;border-radius:10px;flex:1;align-items:flex-start;gap:12px;min-width:160px;padding:14px;display:flex}.sla-source-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.sla-source-info{flex:1;min-width:0}.sla-source-name{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:700}.sla-source-count{margin-bottom:6px;font-family:DM Mono,monospace;font-size:26px;font-weight:800;line-height:1}.sla-source-pct{color:#9ca3af;margin-top:4px;font-size:11px}.sla-sla-band{border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;padding:20px 24px;display:flex}.sla-sla-grade{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;font-weight:900;display:flex;box-shadow:0 4px 12px #00000026}.sla-sla-band-info{flex:1;min-width:200px}.sla-sla-band-pct{margin-bottom:4px;font-family:DM Mono,monospace;font-size:36px;font-weight:800;line-height:1}.sla-sla-band-label{color:#374151;margin-bottom:10px;font-size:13px;font-weight:600}.sla-sla-band-sub{color:#9ca3af;margin-top:6px;font-size:11px}.sla-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;font-size:12px}.sla-table thead tr{z-index:1;background:linear-gradient(135deg,#c94500 0%,#ff5a00 100%);position:sticky;top:0}.sla-table th{color:#fff;text-transform:uppercase;letter-spacing:.07em;text-align:left;white-space:nowrap;border-right:1px solid #fff3;padding:11px 12px;font-size:10px;font-weight:800}.sla-table th:last-child{border-right:none}.sla-table td{vertical-align:middle;border-bottom:1px solid #f0ede8;border-right:1px solid #f0ede8;padding:10px 12px}.sla-table td:last-child{border-right:none}.sla-table tr.even td{background:#faf7f4}.sla-table tbody tr:hover td{background:#fff4ee!important}.sla-badge{border-radius:10px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.sla-badge.open{color:#e04e00;background:#fff4ee}.sla-badge.resolved{color:#1a7a46;background:#edfaf3}.sla-badge.rma{color:#7c3aed;background:#f5f3ff}.sla-badge.pending{color:#b45309;background:#fffbeb}.sla-rank{border-radius:6px;padding:2px 8px;font-family:DM Mono,monospace;font-size:10px;font-weight:800;display:inline-block}.sla-grade-badge{text-align:center;border-radius:8px;width:26px;height:26px;font-size:13px;font-weight:900;line-height:26px;display:inline-block}.sla-product-name{color:#1a1a1a;font-size:13px;font-weight:700}.sla-city-name{color:#374151;font-size:13px;font-weight:700}.sla-vol-cell{flex-direction:column;gap:4px;display:flex}.sla-vol-num{color:#ff5a00;font-family:DM Mono,monospace;font-size:14px;font-weight:800}.sla-city-heat-grid{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.sla-city-heat-block{text-align:center;cursor:default;border-radius:10px;min-width:90px;padding:10px 14px;transition:transform .15s}.sla-city-heat-block:hover{transform:scale(1.06)}.sla-city-heat-name{color:#555;margin-bottom:4px;font-size:11px;font-weight:700}.sla-city-heat-num{font-family:DM Mono,monospace;font-size:22px;font-weight:800;line-height:1}.sla-city-heat-sub{margin-top:2px;font-size:9px}.sla-sales-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:8px;display:grid}.sla-sales-card{text-align:center;background:#faf7f4;border:1px solid #e0d8d0;border-radius:12px;padding:16px;transition:transform .15s,box-shadow .15s}.sla-sales-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.sla-sales-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 8px;font-size:20px;font-weight:800;display:flex}.sla-sales-name{color:#1a1a1a;margin-bottom:5px;font-size:13px;font-weight:700}.sla-sales-source{border-radius:6px;margin-bottom:12px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.sla-sales-stats{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.sla-sales-stat{background:#fff;border:1px solid #f0ede8;border-radius:7px;flex-direction:column;align-items:center;padding:6px 4px;display:flex}.sla-sales-stat-val{font-family:DM Mono,monospace;font-size:18px;font-weight:800;line-height:1}.sla-sales-stat-lbl{color:#9ca3af;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600}.sla-sales-resrate{margin-top:4px;font-size:11px;font-weight:700}.sla-support-grade-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:8px;display:grid}.sla-support-grade-card{text-align:center;background:#faf7f4;border:1px solid #e0d8d0;border-radius:12px;padding:16px 14px;transition:transform .15s}.sla-support-grade-card:hover{transform:translateY(-2px)}.sla-support-grade-badge{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 8px;font-size:22px;font-weight:900;display:flex;box-shadow:0 2px 8px #00000026}.sla-support-grade-name{color:#374151;margin-bottom:6px;font-size:12px;font-weight:700}.sla-support-grade-sla{margin-bottom:2px;font-family:DM Mono,monospace;font-size:24px;font-weight:800;line-height:1}.sla-support-grade-sub{color:#9ca3af;margin-bottom:8px;font-size:10px}.sla-support-grade-meta{color:#6b7280;justify-content:space-between;margin-top:8px;font-size:10px;font-weight:600;display:flex}.sla-rma-reasons{flex-direction:column;gap:10px;display:flex}.sla-rma-row{align-items:center;gap:12px;display:flex}.sla-rma-label{color:#374151;white-space:nowrap;text-overflow:ellipsis;min-width:160px;font-size:12px;font-weight:600;overflow:hidden}.sla-rma-count{color:#7c3aed;text-align:right;min-width:24px;font-family:DM Mono,monospace;font-size:13px;font-weight:800}.sla-trend-chart{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;padding:16px 0;display:flex}.sla-trend-bar-wrap{flex-direction:column;align-items:center;gap:6px;min-width:60px;display:flex}.sla-trend-bar-top{color:#ff5a00;font-family:DM Mono,monospace;font-size:13px;font-weight:800}.sla-trend-bar-stack{align-items:flex-end;width:44px;display:flex;position:relative}.sla-trend-bar-bg{background:#f0ede8;border-radius:6px 6px 0 0;position:absolute;inset:0}.sla-trend-bar-total{background:#ff5a00;border-radius:6px 6px 0 0;flex-direction:column;justify-content:flex-end;width:100%;transition:height .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0}.sla-trend-bar-resolved{background:#10b981;border-radius:6px 6px 0 0;width:100%;transition:height .6s cubic-bezier(.4,0,.2,1)}.sla-trend-label{color:#374151;font-size:11px;font-weight:700}.sla-trend-sub{color:#9ca3af;text-align:center;font-size:9px}.sla-trend-legend{color:#6b7280;justify-content:center;gap:16px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.sla-empty{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.sla-scroll{max-height:400px;overflow:auto}.sla-card-scroll{max-height:500px;overflow-y:auto}.sla-card-scroll::-webkit-scrollbar{width:6px}.sla-card-scroll::-webkit-scrollbar-thumb{background:#ff5a00;border-radius:10px}.sla-card-scroll::-webkit-scrollbar-track{background:#f3f4f6}.sla-sales-grid,.sla-support-grade-grid{margin-bottom:20px}.pm-root{font-family:DM Sans,sans-serif}.pm-col{background:#fff;border:1.5px solid #e0d8d0;border-radius:14px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 4px 16px #00000012}.pm-col:hover{box-shadow:0 6px 24px #0000001a}.pm-col-header{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pm-col-list{scrollbar-width:thin;scrollbar-color:#e0d8d0 transparent;max-height:520px;overflow-y:auto}.pm-col-list::-webkit-scrollbar{width:5px}.pm-col-list::-webkit-scrollbar-thumb{background:#e0d8d0;border-radius:99px}.pm-row{cursor:pointer;border-bottom:1px solid #f5f2ef;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .12s;display:flex}.pm-row:hover{background:#fdf8f5!important}.pm-stat-card{text-align:center;background:#fff;border-radius:14px;padding:18px 22px;transition:transform .15s;box-shadow:0 2px 10px #0000000f}.pm-stat-card:hover{transform:translateY(-2px)}.pm-add-btn{cursor:pointer;border-radius:9px;width:100%;padding:9px;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .15s}.pm-add-btn:hover{opacity:.85}.rt-wrapper{padding:4px 0;font-family:DM Sans,sans-serif}.rt-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.rt-title{color:#1a1a1a;margin:0;font-size:22px;font-weight:800}.rt-subtitle{color:#6b7280;margin:4px 0 0;font-size:13px}.rt-header-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rt-stat-pill{white-space:nowrap;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700}.rt-success{color:#065f46;background:#ecfdf5;border:1.5px solid #6ee7b7;border-radius:10px;margin-bottom:16px;padding:12px 20px;font-size:14px;font-weight:600}.rt-filters-card{background:#fff;border:1.5px solid #e0d8d0;border-radius:12px;margin-bottom:16px;padding:16px 18px;box-shadow:0 1px 4px #0000000d}.rt-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rt-filter-label{color:#6b7280;white-space:nowrap;font-size:12px;font-weight:700}.rt-filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rt-filter-divider{background:#f0ede8;height:1px;margin:12px 0}.rt-filter-divider-v{background:#e0d8d0;flex-shrink:0;width:1px;height:22px}.rt-chip{color:#555;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:16px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:400;transition:all .15s}.rt-chip:hover{background:#f9fafb}.rt-chip-active{border-width:2px;font-weight:700}.rt-chip-active-orange{color:#ff5a00;background:#fff4ee;border:2px solid #ff5a00;font-weight:700}.rt-chip-active-green{color:#059669;background:#ecfdf5;border:2px solid #10b981;font-weight:700}.rt-chip-count{color:#555;background:#e5e7eb;border-radius:10px;margin-left:5px;padding:1px 6px;font-size:10px;font-weight:700}.rt-chip-active .rt-chip-count,.rt-chip-active-orange .rt-chip-count,.rt-chip-active-green .rt-chip-count{color:#fff;filter:brightness(0)invert();opacity:.9;background:currentColor}.rt-chip-sm{color:#555;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:400;transition:all .15s}.rt-chip-sm-active{color:#5b21b6;background:#f5f3ff;border:2px solid #7c3aed;font-weight:700}.rt-select-sm{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;outline:none;padding:6px 10px;font-family:inherit;font-size:12px}.rt-clear-btn{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:700}.rt-search-row{align-items:center;gap:8px;display:flex}.rt-search-input{color:#374151;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;transition:border-color .18s}.rt-search-input:focus{border-color:#ff5a00}.rt-table-wrap{border:1.5px solid #e0d8d0;border-radius:12px;max-height:72vh;overflow:auto;box-shadow:0 2px 12px #0000000f}.rt-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:1200px}.rt-thead-row{z-index:2;background:linear-gradient(135deg,#c94500 0%,#ff5a00 100%);position:sticky;top:0}.rt-th{color:#fff;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;border-right:1px solid #fff3;padding:12px;font-size:10px;font-weight:800}.rt-tr{border-bottom:1px solid #f0ede8;transition:background .12s}.rt-tr:hover{background:#fff8f4!important}.rt-td{text-align:left;vertical-align:middle;border-right:1px solid #f0ede8;padding:11px 12px}.rt-empty{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.rt-reassign-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .15s;box-shadow:0 2px 6px #f59e0b4d}.rt-reassign-btn:hover{opacity:.88}.rt-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rt-popup{background:#fff;border:2px solid #fed7aa;border-radius:16px;width:100%;max-width:500px;padding:26px 28px;box-shadow:0 20px 60px #0000004d}.rt-popup-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.rt-popup-title{color:#c2410c;font-size:16px;font-weight:800}.rt-popup-sub{color:#6b7280;margin-top:3px;font-size:12px}.rt-popup-close{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:8px;padding:4px 10px;font-family:inherit;font-size:13px}.rt-popup-info{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:18px;padding:14px 16px;display:flex}.rt-popup-info-row{align-items:center;gap:10px;display:flex}.rt-popup-info-label{color:#6b7280;text-transform:uppercase;min-width:110px;font-size:11px;font-weight:700}.rt-popup-info-val{color:#111;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.rt-popup-field{margin-bottom:16px}.rt-popup-label{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.rt-popup-select{color:#111827;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:10px 13px;font-family:inherit;font-size:13px;transition:border-color .18s}.rt-popup-select:focus{border-color:#f59e0b}.rt-popup-textarea{color:#111827;resize:vertical;box-sizing:border-box;background:#fff;border:1.5px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:10px 13px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .18s}.rt-popup-textarea:focus{border-color:#f59e0b}.rt-popup-actions{gap:10px;margin-top:4px;display:flex}.rt-btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:9px;padding:11px 24px;font-family:inherit;font-size:13px;font-weight:800;transition:opacity .15s;box-shadow:0 3px 10px #f59e0b4d}.rt-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.rt-btn-confirm:hover:not(:disabled){opacity:.88}.rt-btn-cancel{cursor:pointer;color:#64748b;background:#e2e8f0;border:none;border-radius:9px;padding:11px 18px;font-family:inherit;font-size:12px;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif}.admin-layout{background:#f0ede8;min-height:100vh;display:flex}.admin-sidebar{background:#0f0f0f;flex-direction:column;flex-shrink:0;width:252px;height:100vh;padding:28px 16px;display:flex;position:sticky;top:0;box-shadow:3px 0 20px #00000040}.sidebar-brand{align-items:center;gap:14px;margin-bottom:44px;padding:0 8px;display:flex}.sidebar-logo{color:#fff;background:linear-gradient(135deg,#ff5a00,#ff8533);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 14px #ff5a0073}.sidebar-brand-name{color:#fff;font-size:17px;font-weight:700}.sidebar-brand-sub{color:#444;margin-top:3px;font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:3px;display:flex}.nav-item{cursor:pointer;color:#666;text-align:left;letter-spacing:.01em;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;width:100%;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:#bbb;background:#ffffff0f;transform:translate(4px)}.nav-item.active{color:#ff7a30;background:linear-gradient(135deg,#ff5a002e,#ff853314);font-weight:700}.nav-item.active:before{content:"";background:linear-gradient(#ff5a00,#ff8533);border-radius:0 4px 4px 0;width:4px;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{font-size:17px}.logout-btn{cursor:pointer;color:#555;background:0 0;border:1px solid #222;border-radius:12px;align-items:center;gap:9px;margin-top:10px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s;display:flex}.logout-btn:hover{color:#888;background:#ffffff08;border-color:#3a3a3a}.admin-main{background:linear-gradient(160deg,#faf8f5 0%,#f0ede8 100%);flex:1;padding:36px 40px;overflow-y:auto}.tab-content{max-width:1080px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tab-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.tab-title{color:#111;font-size:24px;font-weight:800}.tab-sub{color:#999;margin-top:4px;font-size:13px}.tab-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stat-pill{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #00000012}.stat-pill.open{color:#e04e00;background:#fff4ee}.stat-pill.pending{color:#b45309;background:#fffbeb}.stat-pill.resolved{color:#1a7a46;background:#edfaf3}.section-label{color:#aaa;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:11px;font-weight:700}.empty-state{color:#bbb;text-align:center;padding:28px 0;font-size:14px}.empty-state-box{text-align:center;color:#bbb;background:#fff;border:1px solid #e8e4df;border-radius:18px;margin-bottom:24px;padding:52px 20px;font-size:14px;box-shadow:0 4px 16px #0000000f}.user-list{flex-direction:column;gap:10px;display:flex}.user-row{background:#fff;border:1px solid #e8e4df;border-radius:16px;align-items:center;gap:14px;padding:16px 22px;transition:all .2s;display:flex;box-shadow:0 2px 10px #0000000a}.user-row:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000017}.user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex;box-shadow:0 2px 10px #00000024}.pending-avatar{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.approved-avatar{background:linear-gradient(135deg,#10b981,#34d399)}.user-info{flex:1}.user-name{color:#111;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.user-email{color:#888;margin-top:3px;font-size:12px}.user-actions{gap:8px;display:flex}.btn-approve{cursor:pointer;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:9px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 3px 10px #10b9814d}.btn-approve:hover{transform:translateY(-2px);box-shadow:0 5px 14px #10b98166}.btn-reject{cursor:pointer;color:#b91c1c;background:#fee2e2;border:none;border-radius:9px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.btn-reject:hover{background:#fca5a5;transform:translateY(-2px)}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-input{color:#111;background:#fff;border:1.5px solid #e2ddd8;border-radius:12px;outline:none;flex:1;min-width:220px;padding:11px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s;box-shadow:0 2px 8px #0000000a}.search-input:focus{border-color:#ff5a00;box-shadow:0 0 0 3px #ff5a001a}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer;color:#666;background:#fff;border:1.5px solid #e2ddd8;border-radius:20px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.chip:hover{color:#ff5a00;border-color:#ff5a00}.chip-active{color:#ff5a00;background:#fff4ee;border-color:#ff5a00;font-weight:700}.query-table{background:#fff;border:1px solid #e8e4df;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.table-head{color:#999;text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(135deg,#f9f7f4,#f4f0eb);border-bottom:1px solid #e8e4df;padding:14px 22px;font-size:11px;font-weight:700;display:grid}.table-row{border-bottom:1px solid #f2eeea;align-items:center;gap:8px;padding:15px 22px;transition:background .15s;display:grid}.table-row:last-child{border-bottom:none}.table-row:hover{background:#fdf9f6}.cell-email{color:#222;text-overflow:ellipsis;font-size:13px;overflow:hidden}.cell-subject{color:#111;font-size:13px}.cell-date{color:#888;font-size:12px}.status-badge{text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 1px 4px #00000014}.status-select{color:#333;cursor:pointer;background:#fff;border:1.5px solid #e2ddd8;border-radius:9px;outline:none;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .2s}.status-select:focus{border-color:#ff5a00}.status-select option{color:#111;background:#fff}.analytics-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.agent-card{background:#fff;border:1px solid #e8e4df;border-radius:18px;padding:22px;transition:all .22s;box-shadow:0 4px 16px #0000000f}.agent-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px #0000001a}.agent-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.agent-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:700;display:flex;box-shadow:0 3px 12px #00000029}.agent-name{color:#111;font-size:15px;font-weight:700}.agent-total{color:#888;margin-top:2px;font-size:12px}.bar-chart{flex-direction:column;gap:12px;display:flex}.bar-row{align-items:center;gap:10px;display:flex}.bar-label{color:#888;flex-shrink:0;width:60px;font-size:12px}.bar-track{background:#f0ede8;border-radius:4px;flex:1;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .7s cubic-bezier(.16,1,.3,1)}.bar-value{color:#555;text-align:right;flex-shrink:0;width:22px;font-size:12px;font-weight:700}.agent-footer{border-top:1px solid #f0ede8;margin-top:18px;padding-top:14px}.resolve-rate{color:#888;font-size:12px}.resolve-rate strong{color:#10b981;font-size:14px}.period-filter-bar{background:#fff;border:1px solid #e8e4df;border-radius:16px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;padding:16px 22px;display:flex;box-shadow:0 4px 16px #0000000d}.period-filter-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.period-filter-label{color:#666;white-space:nowrap;font-size:12px;font-weight:700}.period-chips{flex-wrap:wrap;gap:8px;display:flex}.period-chip{cursor:pointer;color:#666;background:#fff;border:1.5px solid #e2ddd8;border-radius:24px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.period-chip:hover{color:#ff5a00;border-color:#ff5a00}.period-chip-active{background:linear-gradient(135deg,#ff5a00,#ff8533);font-weight:700;box-shadow:0 3px 10px #ff5a004d;color:#fff!important;border-color:#0000!important}.period-date-picker{align-items:center;gap:10px;display:flex}.date-input{color:#111;cursor:pointer;background:#fff;border:1.5px solid #e2ddd8;border-radius:10px;outline:none;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s}.date-input:focus{border-color:#ff5a00;box-shadow:0 0 0 3px #ff5a001a}.period-active-label{color:#888;white-space:nowrap;margin-left:auto;font-size:12px}.sla-legend{color:#333;background:#fff;border:1px solid #e8e4df;border-radius:16px;margin-bottom:24px;padding:18px 24px;font-size:13px;box-shadow:0 2px 10px #0000000a}.sla-legend-pills{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.sla-pill{background:#fff;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700}.export-all-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border:none;border-radius:12px;padding:11px 22px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 3px 12px #3b82f659}.export-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #3b82f666}.perf-grid{grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:20px;margin-bottom:40px;display:grid}.perf-card{background:#fff;border:1px solid #e8e4df;border-radius:20px;padding:24px;transition:all .22s;box-shadow:0 4px 20px #00000012}.perf-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0000001c}.perf-card-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.perf-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 12px #00000029}.perf-agent-info{flex:1}.perf-agent-name{color:#111;font-size:16px;font-weight:700}.perf-agent-total{color:#9ca3af;margin-top:3px;font-size:11px}.overdue-badge{color:#dc2626;white-space:nowrap;background:#fef2f2;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;box-shadow:0 1px 4px #dc262626}.perf-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.perf-stat-box{border-radius:12px;padding:13px 15px}.perf-stat-val{font-size:24px;font-weight:800}.perf-stat-label{color:#6b7280;margin-top:3px;font-size:11px}.perf-bottom{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:16px;padding-top:14px;display:flex}.perf-meta-label{color:#9ca3af;font-size:11px}.perf-meta-val{color:#111;margin-top:2px;font-size:17px;font-weight:700}.perf-score{margin-top:2px;font-size:26px;font-weight:800}.compliance-bar-wrap{margin-bottom:16px}.compliance-bar-header{color:#9ca3af;justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.compliance-pct{color:#374151;font-weight:700}.compliance-track{background:#e5e7eb;border-radius:5px;height:8px;overflow:hidden}.compliance-fill{border-radius:5px;height:100%;transition:width .7s cubic-bezier(.16,1,.3,1)}.export-btn{color:#166534;cursor:pointer;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #86efac;border-radius:12px;width:100%;margin-top:4px;padding:11px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.export-btn:hover{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;transform:translateY(-2px);box-shadow:0 5px 14px #10b98159}.detail-table-wrap{margin-top:8px}.detail-table-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.detail-table-title{color:#111;font-size:16px;font-weight:700}.detail-table-count{color:#ff5a00;background:#fff4ee;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:600}.detail-table{background:#fff;border:1px solid #e8e4df;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000012}.detail-table-head{color:#999;text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(135deg,#f9f7f4,#f4f0eb);border-bottom:1px solid #e8e4df;grid-template-columns:.8fr 1fr 1fr 1fr .9fr .6fr .6fr .7fr;padding:13px 20px;font-size:11px;font-weight:700;display:grid}.detail-table-row{border-bottom:1px solid #f2eeea;grid-template-columns:.8fr 1fr 1fr 1fr .9fr .6fr .6fr .7fr;align-items:center;padding:13px 20px;font-size:12px;transition:background .15s;display:grid}.detail-table-row:last-child{border-bottom:none}.detail-table-row:hover{background:#fdf9f6}.dt-agent{color:#111;font-weight:700}.dt-time{color:#888;font-size:11px}.dt-status{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.delete-info-banner{color:#92400e;background:linear-gradient(135deg,#fff8f0,#fff4ee);border:1.5px solid #fed7aa;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:11px 18px;font-size:13px;display:flex;box-shadow:0 2px 8px #ff5a0014}.btn-delete-ticket{color:#dc2626;cursor:pointer;background:#fff5f5;border:1.5px solid #fca5a5;border-radius:8px;justify-content:center;align-items:center;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:15px;transition:all .2s;display:flex}.btn-delete-ticket:hover{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-delete-ticket:disabled{opacity:.5;cursor:not-allowed;transform:none}.no-delete-placeholder{color:#d1d5db;text-align:center;font-size:13px;display:block}.row-resolved{border-left:3px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)!important}.row-resolved:hover{background:linear-gradient(135deg,#ecfdf5,#f0fdf4)!important}.hr-page{background:#f0f4f8;min-height:100vh;font-family:DM Sans,sans-serif}.hr-navbar{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);justify-content:space-between;align-items:center;padding:14px 28px;display:flex;box-shadow:0 2px 12px #2563eb4d}.hr-navbar__brand{align-items:center;gap:12px;display:flex}.hr-navbar__logo{object-fit:contain;background:#ffffff26;border-radius:8px;width:50px;height:50px;padding:2px}.hr-navbar__title{font-size:16px;font-weight:700}.hr-navbar__subtitle{opacity:.85;font-size:11px}.hr-navbar__logout{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff59;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:13px}.hr-tabs{background:#fff;border-bottom:2px solid #e5e7eb;gap:0;padding:0 28px;display:flex}.hr-tab-btn{cursor:pointer;white-space:nowrap;color:#6b7280;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:14px 22px;font-family:inherit;font-size:13px;font-weight:500}.hr-tab-btn--active{color:#2563eb;border-bottom-color:#2563eb;font-weight:800}.hr-success-msg{color:#065f46;background:#ecfdf5;border:1.5px solid #6ee7b7;border-radius:10px;margin:16px 28px 0;padding:12px 20px;font-size:14px;font-weight:600}.hr-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hr-popup{background:#fff;border-radius:14px;width:100%;max-width:480px;padding:24px 28px;box-shadow:0 20px 60px #0000004d}.hr-popup--issue{border:2px solid #dbeafe}.hr-popup--resolve{border:2px solid #6ee7b7}.hr-popup__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hr-popup__title--issue{color:#1d4ed8;font-size:14px;font-weight:800}.hr-popup__title--resolve{color:#065f46;font-size:14px;font-weight:800}.hr-popup__close--issue{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}.hr-popup__close--resolve{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:4px 10px;font-size:13px}.hr-popup__section{border-radius:10px;margin-bottom:12px;padding:14px 16px}.hr-popup__section--blue{background:#eff6ff;border:1px solid #bfdbfe}.hr-popup__section--gray{background:#f9fafb;border:1px solid #e5e7eb}.hr-popup__section--green{background:#ecfdf5;border:1px solid #6ee7b7}.hr-popup__label{color:#6b7280;margin-bottom:6px;font-size:11px;font-weight:700}.hr-popup__label--green{color:#065f46;margin-bottom:6px;font-size:11px;font-weight:700}.hr-popup__value{color:#374151;font-size:14px;font-weight:700}.hr-popup__text{color:#374151;font-size:13px;line-height:1.6}.hr-popup__timestamp{color:#9ca3af;margin-top:6px;font-size:10px}.hr-resolve__field-label{color:#374151;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.hr-resolve__required{color:#ef4444}.hr-resolve__textarea{resize:vertical;color:#111;box-sizing:border-box;background:#fff;border:2px solid #6ee7b7;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5}.hr-resolve__actions{gap:10px;display:flex}.hr-resolve__btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;flex:1;padding:11px;font-family:inherit;font-size:13px;font-weight:800}.hr-resolve__btn-confirm:disabled{cursor:not-allowed;opacity:.7}.hr-resolve__btn-cancel{cursor:pointer;color:#64748b;background:#f3f4f6;border:none;border-radius:8px;padding:11px 16px;font-family:inherit;font-size:12px}.hr-raise-wrapper{max-width:680px;margin:32px auto;padding:0 16px}.hr-raise-card{background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:32px;box-shadow:0 4px 24px #00000014}.hr-raise-card__header{border-bottom:1px solid #eff6ff;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;display:flex}.hr-raise-card__icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.hr-raise-card__title{color:#111827;margin:0;font-size:20px;font-weight:800}.hr-raise-card__subtitle{color:#6b7280;margin:2px 0 0;font-size:13px}.hr-raise-card__subtitle span{color:#2563eb}.hr-raise-card__error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.hr-form{flex-direction:column;gap:16px;display:flex}.hr-field__label{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.hr-field__label span{color:#2563eb}.hr-field__label--note{color:#9ca3af;text-transform:none;font-size:10px;font-weight:400}.hr-field__error{color:#ef4444;margin-top:4px;font-size:11px;display:block}.hr-emptype-btns{gap:12px;display:flex}.hr-emptype-btn{cursor:pointer;color:#374151;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:10px;flex:1;padding:12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .18s}.hr-emptype-btn--active{color:#1d4ed8;background:#eff6ff;border:2px solid #2563eb;font-weight:700}.hr-input{box-sizing:border-box;color:#111827;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .18s}.hr-input--error{background:#fff5f5;border-color:#ef4444}.hr-issue-chips{flex-wrap:wrap;gap:8px;display:flex}.hr-issue-placeholder{color:#9ca3af;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:10px;padding:11px 14px;font-size:13px}.hr-issue-chip{cursor:pointer;color:#374151;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:20px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.hr-issue-chip--selected{color:#1d4ed8;background:#eff6ff;border:2px solid #2563eb;font-weight:700}.hr-issue-selected-summary{color:#2563eb;margin-top:6px;font-size:11px;font-weight:600}.hr-textarea{box-sizing:border-box;color:#111827;resize:vertical;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;transition:border-color .18s}.hr-textarea--error{background:#fff5f5;border-color:#ef4444}.hr-textarea--disabled{opacity:.5}.hr-char-row{justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.hr-char-row__error{color:#ef4444}.hr-char-row__count{color:#9ca3af}.hr-char-row__left--ok{color:#10b981;font-weight:600}.hr-char-row__left--warn{color:#ef4444;font-weight:600}.hr-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-family:inherit;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 14px #2563eb59}.hr-submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af}.hr-tickets-wrapper{max-width:1100px;margin:28px auto;padding:0 16px}.hr-tickets-topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hr-tickets-topbar__heading{color:#374151;margin:0;font-size:20px;font-weight:800}.hr-tickets-topbar__sub{color:#6b7280;margin-top:4px;font-size:13px}.hr-new-ticket-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:700}.hr-date-filter{background:#fff;border:1.5px solid #dbeafe;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.hr-date-filter__label{color:#6b7280;font-size:12px;font-weight:700}.hr-date-filter__group{flex-direction:column;gap:2px;display:flex}.hr-date-filter__group-label{color:#9ca3af;text-transform:uppercase;font-size:10px;font-weight:700}.hr-date-filter__select,.hr-date-filter__input{color:#374151;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;outline:none;padding:6px 10px;font-family:inherit;font-size:12px}.hr-date-filter__select--active,.hr-date-filter__input--active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.hr-date-filter__clear{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:6px;margin-top:16px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:700}.hr-date-filter__count{color:#6b7280;margin-top:14px;font-size:12px}.hr-date-filter__count strong{color:#2563eb}.hr-filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.hr-filter-divider{background:#e0d8d0;width:1px;height:24px;margin:0 4px}.hr-filter-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #d1d5db;border-radius:16px;padding:6px 14px;font-size:12px;font-weight:400}.hr-filter-btn__badge{color:#555;background:#e5e7eb;border-radius:10px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:700}.hr-filter-btn--active .hr-filter-btn__badge{color:#fff;background:#ffffff4d}.hr-empty{text-align:center;background:#fff;border-radius:16px;padding:60px 20px;box-shadow:0 4px 16px #0000000f}.hr-empty__icon{margin-bottom:12px;font-size:48px}.hr-empty__text{color:#9ca3af;font-size:14px}.hr-empty__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;margin-top:14px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:700}.hr-table-wrapper{border:1.5px solid #dbeafe;border-radius:12px;max-height:60vh;overflow:scroll auto;box-shadow:0 2px 12px #0000000f}.hr-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:800px}.hr-table thead tr{z-index:2;background:linear-gradient(135deg,#2563eb,#1d4ed8);position:sticky;top:0}.hr-table th{color:#fff;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;border-right:1px solid #fff3;padding:12px 14px;font-size:10px;font-weight:800}.hr-table tbody tr{border-bottom:1px solid #dbeafe}.hr-table tbody tr:nth-child(2n){background:#fff}.hr-table tbody tr:nth-child(odd){background:#f0f7ff}.hr-table td{border-right:1px solid #dbeafe;padding:12px 14px}.hr-cell__ticket-no{color:#2563eb;font-size:11px;font-weight:800}.hr-cell__ticket-type{color:#1d4ed8;background:#dbeafe;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.hr-cell__raised-name{color:#374151;font-size:12px;font-weight:600}.hr-cell__raised-email{color:#9ca3af;font-size:10px}.hr-cell__emp-code{color:#374151;font-size:12px;font-weight:700}.hr-cell__emp-badge{border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.hr-cell__emp-badge--new{color:#166534;background:#dcfce7}.hr-cell__emp-badge--old{color:#854d0e;background:#fef9c3}.hr-cell__emp-name{color:#374151;margin-top:4px;font-size:11px;font-weight:600}.hr-cell__emp-email,.hr-cell__emp-phone{color:#6b7280;font-size:10px}.hr-cell__dept{color:#374151;font-size:12px}.hr-cell__issue-wrap{cursor:pointer;max-width:200px}.hr-cell__issue-text{color:#1d4ed8;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;overflow:hidden}.hr-cell__resolution-preview{color:#059669;margin-top:4px;font-size:10px;font-weight:700}.hr-cell__status-badge{white-space:nowrap;border-radius:10px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-block}.hr-cell__date{color:#374151;white-space:nowrap;font-size:11px;font-weight:600}.hr-cell__resolve-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:700}.hr-cell__resolved-label{color:#059669;font-size:11px;font-weight:700}.hr-cell__resolved-by{color:#9ca3af;font-size:10px;font-weight:400}.hr-tickets-footer{color:#9ca3af;text-align:right;margin-top:10px;font-size:12px}.hr-tickets-footer strong{color:#374151}.hr-table-wrapper::-webkit-scrollbar{width:10px;height:10px}.hr-table-wrapper::-webkit-scrollbar-track{background:#f0f4f8;border-radius:10px}.hr-table-wrapper::-webkit-scrollbar-thumb{background:#93c5fd;border:2px solid #f0f4f8;border-radius:10px}.hr-table-wrapper::-webkit-scrollbar-thumb:hover{background:#2563eb}*{font-family:DM Sans,sans-serif}