: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)}}#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}body{margin:0}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%}.create-booking-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.create-booking-header h1{color:#fff;letter-spacing:-.02em;margin:5px 0 8px;font-size:30px;font-weight:700;line-height:1.2}.create-booking-header p{color:#8194ac;max-width:650px;margin:0;font-size:14px;line-height:1.55}.create-booking-back{color:#d8e3f0;cursor:pointer;background:#101e30;border:1px solid #263c57;border-radius:10px;flex-shrink:0;height:42px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .18s,border-color .18s}.create-booking-back:hover{background:#15263b;border-color:#355171}.create-booking-back:disabled{opacity:.5;cursor:not-allowed}.create-booking-alert{box-sizing:border-box;border-radius:10px;width:100%;margin-bottom:20px;padding:13px 16px;font-size:13px;line-height:1.45}.create-booking-alert.error{color:#ffb0b0;background:#ff484814;border:1px solid #ff5c5c33}.create-booking-alert.success{color:#9be8b9;background:#40d37e14;border:1px solid #40d37e33}.create-booking-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.create-booking-card{box-sizing:border-box;background:#0e1b2c;border:1px solid #1d334c;border-radius:14px;min-width:0;padding:23px}.create-booking-section-title{align-items:flex-start;gap:13px;margin-bottom:21px;display:flex}.create-booking-section-title>span{box-sizing:border-box;color:#70a6f8;background:#4d8dff17;border:1px solid #4d8dff2e;border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.create-booking-section-title h2{color:#f5f8fc;margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.3}.create-booking-section-title p{color:#71849b;margin:0;font-size:12px;line-height:1.45}.create-booking-card label{color:#9eafc3;margin:0 0 7px;font-size:12px;font-weight:600;line-height:1.3;display:block}.create-booking-card input,.create-booking-card select,.create-booking-card textarea{box-sizing:border-box;color:#e6edf7;background:#091524;border:1px solid #243b55;border-radius:9px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:border-color .18s,background .18s,box-shadow .18s}.create-booking-card input,.create-booking-card select{height:43px;padding:0 12px}.create-booking-card textarea{resize:vertical;min-height:105px;padding:11px 12px;line-height:1.5}.create-booking-card input::placeholder,.create-booking-card textarea::placeholder{color:#50647c}.create-booking-card input:hover,.create-booking-card select:hover,.create-booking-card textarea:hover{border-color:#304963}.create-booking-card input:focus,.create-booking-card select:focus,.create-booking-card textarea:focus{background:#0a1727;border-color:#4d8dff;box-shadow:0 0 0 3px #4d8dff14}.create-booking-card input:disabled,.create-booking-card select:disabled,.create-booking-card textarea:disabled{opacity:.5;cursor:not-allowed}.create-booking-card select option{color:#fff;background:#0e1b2c}.create-booking-card label+input,.create-booking-card label+select,.create-booking-card label+textarea{margin-bottom:16px}.create-booking-help{color:#667b93;margin-top:-6px;font-size:11px;line-height:1.45;display:block}.create-booking-muted{color:#687d95;padding:8px 0;font-size:12px}.create-booking-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.create-booking-two-column>div{min-width:0}.create-booking-addon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.create-booking-addon{box-sizing:border-box;cursor:pointer;background:#0b1828;border:1px solid #1d334b;border-radius:9px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:11px 12px;transition:border-color .18s,background .18s;margin:0!important;display:grid!important}.create-booking-addon:hover{background:#0e1d2f;border-color:#2d4661}.create-booking-addon.selected{background:#4d8dff12;border-color:#4d8dff73}.create-booking-addon input{accent-color:#5b98ff;width:15px;height:15px;margin:0;padding:0}.create-booking-addon span{color:#d5e0ed;overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:600;line-height:1.35}.create-booking-addon strong{color:#8db7f5;white-space:nowrap;font-size:11px;font-weight:700}.create-booking-footer{box-sizing:border-box;background:#0e1b2c;border:1px solid #1d334c;border-radius:14px;justify-content:space-between;align-items:center;gap:25px;margin-top:18px;padding:20px 23px;display:flex}.create-booking-footer>div{flex-direction:column;gap:5px;min-width:0;display:flex}.create-booking-footer strong{color:#f5f8fc;font-size:14px;font-weight:700;line-height:1.3}.create-booking-footer span{color:#71849b;font-size:12px;line-height:1.45}.create-booking-submit{color:#fff;cursor:pointer;background:#4d8dff;border:1px solid #4d8dff;border-radius:9px;flex:none;min-width:165px;height:44px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:700;transition:background .18s,border-color .18s,transform .18s}.create-booking-submit:hover{background:#3f80ef;border-color:#3f80ef;transform:translateY(-1px)}.create-booking-submit:active{transform:translateY(0)}.create-booking-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=1100px){.create-booking-layout{grid-template-columns:1fr}}@media (width<=720px){.create-booking-page{padding:24px 16px 30px}.create-booking-header{flex-direction:column}.create-booking-header h1{font-size:25px}.create-booking-card{padding:19px}.create-booking-two-column,.create-booking-addon-grid{grid-template-columns:1fr}.create-booking-footer{flex-direction:column;align-items:stretch}.create-booking-submit{width:100%}}.create-booking-secondary-button{appearance:none;color:#78aaff;cursor:pointer;white-space:nowrap;background:#4d8dff14;border:1px solid #4d8dff59;border-radius:8px;min-height:32px;padding:0 11px;font-size:11px;font-weight:700}.create-booking-secondary-button:disabled{opacity:.5;cursor:not-allowed}.create-booking-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;background:#03080fb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.create-booking-modal{background:#111b29;border:1px solid #ffffff1a;border-radius:16px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 80px #00000073}.create-booking-modal-header h3{color:#fff;margin:5px 0 6px;font-size:20px;line-height:1.25}.create-booking-modal-close{color:#8ea0b7;cursor:pointer;background:#0c1522;border:1px solid #ffffff14;border-radius:9px;flex:none;width:34px;height:34px;font-size:22px;line-height:1}.create-booking-modal-close:hover{color:#fff;background:#162234}.create-booking-modal-body{flex-direction:column;gap:15px;padding:20px 22px;display:flex}.create-booking-modal-body input{box-sizing:border-box;color:#eef5ff;width:100%;min-height:42px;font:inherit;background:#0c1522;border:1px solid #ffffff17;border-radius:9px;outline:none;padding:11px 12px;font-size:13px;display:block}.create-booking-modal-body input:disabled{opacity:.55}.create-booking-modal-footer{border-top:1px solid #ffffff12;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px 20px;display:flex}.create-booking-modal-cancel,.create-booking-modal-submit{cursor:pointer;border-radius:9px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700}.create-booking-modal-cancel{color:#b8c5d5;background:#151f2e;border:1px solid #ffffff17}.create-booking-modal-cancel:hover{background:#1b2738}.create-booking-modal-submit{color:#fff;background:#4d8dff;border:1px solid #4d8dff73;box-shadow:0 8px 22px #4d8dff29}.create-booking-modal-submit:hover{background:#5b98ff}.create-booking-modal-cancel:disabled,.create-booking-modal-submit:disabled{opacity:.55;cursor:not-allowed}@media (width<=620px){.create-booking-modal-backdrop{align-items:flex-end;padding:14px}.create-booking-modal{border-radius:14px}.create-booking-modal-header{padding:18px 18px 15px}.create-booking-modal-body{padding:17px 18px}.create-booking-modal-footer{padding:14px 18px 18px}.create-booking-modal-cancel,.create-booking-modal-submit{flex:1}}.create-booking-field-header{justify-content:space-between;align-items:center;gap:12px;margin:0 0 7px;display:flex}.create-booking-field-header label{margin:0!important}.create-booking-secondary-button{appearance:none;color:#78aaff;cursor:pointer;white-space:nowrap;background:#4d8dff14;border:1px solid #4d8dff59;border-radius:8px;min-height:32px;padding:0 11px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.create-booking-secondary-button:hover{background:#4d8dff24;border-color:#4d8dff80}.create-booking-secondary-button:active{transform:translateY(1px)}.create-booking-secondary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.create-booking-modal-backdrop{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);background:#03080fb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.create-booking-modal{background:#111b29;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:min(520px,100%);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 80px #00000073,0 8px 30px #0003}.create-booking-modal-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 22px 18px;display:flex}.create-booking-modal-header>div:first-child{min-width:0}.create-booking-modal-header h3{color:#fff;margin:5px 0 6px;font-size:20px;font-weight:750;line-height:1.25}.create-booking-modal-header p{color:#7d8ea4;max-width:390px;margin:0;font-size:12px;line-height:1.5}.create-booking-modal-close{color:#8ea0b7;cursor:pointer;background:#0c1522;border:1px solid #ffffff14;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:flex}.create-booking-modal-close:hover{color:#fff;background:#162234;border-color:#ffffff24}.create-booking-modal-close:disabled{opacity:.5;cursor:not-allowed}.create-booking-modal-body{flex-direction:column;gap:15px;padding:20px 22px;display:flex;overflow-y:auto}.create-booking-modal-body>div{min-width:0}.create-booking-modal-body label{color:#9fb0c5!important;text-align:left!important;margin:0 0 7px!important;font-size:11px!important;font-weight:650!important;line-height:1.3!important;display:block!important}.create-booking-modal-body input{box-sizing:border-box;color:#eef5ff;width:100%;min-height:42px;font:inherit;background:#0c1522;border:1px solid #ffffff17;border-radius:9px;outline:none;padding:11px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s;display:block}.create-booking-modal-body input::placeholder{color:#53657c}.create-booking-modal-body input:hover:not(:disabled){border-color:#ffffff24}.create-booking-modal-body input:focus{border-color:#4d8dff8c;box-shadow:0 0 0 3px #4d8dff14}.create-booking-modal-body input:disabled{opacity:.55;cursor:not-allowed}.create-booking-modal-body input[type=number]::-webkit-inner-spin-button{opacity:.45}.create-booking-modal-body input[type=number]::-webkit-outer-spin-button{opacity:.45}.create-booking-modal-footer{background:#09101b59;border-top:1px solid #ffffff12;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px 20px;display:flex}.create-booking-modal-cancel{color:#b8c5d5;cursor:pointer;background:#151f2e;border:1px solid #ffffff17;border-radius:9px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.create-booking-modal-cancel:hover{background:#1b2738;border-color:#ffffff24}.create-booking-modal-cancel:active{transform:translateY(1px)}.create-booking-modal-cancel:disabled{opacity:.55;cursor:not-allowed;transform:none}.create-booking-modal-submit{color:#fff;cursor:pointer;background:#4d8dff;border:1px solid #4d8dff73;border-radius:9px;min-height:42px;padding:0 17px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;box-shadow:0 8px 22px #4d8dff29}.create-booking-modal-submit:hover{background:#5b98ff;border-color:#5b98ff99;box-shadow:0 10px 26px #4d8dff33}.create-booking-modal-submit:active{transform:translateY(1px)}.create-booking-modal-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=620px){.create-booking-field-header{align-items:flex-start}.create-booking-modal-backdrop{align-items:flex-end;padding:14px}.create-booking-modal{border-radius:14px;width:100%;max-height:calc(100vh - 28px)}.create-booking-modal-header{padding:18px 18px 15px}.create-booking-modal-header h3{font-size:19px}.create-booking-modal-body{padding:17px 18px}.create-booking-modal-footer{padding:14px 18px 18px}.create-booking-modal-cancel,.create-booking-modal-submit{flex:1}}.vehicle-form{flex-direction:column;gap:16px;display:flex}.vehicle-form-group{flex-direction:column;gap:7px;display:flex}.vehicle-form-group label{color:#374151;font-size:13px;font-weight:600}.vehicle-form-group input,.vehicle-form-group select{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:44px;padding:0 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.vehicle-form-group input::placeholder{color:#9ca3af}.vehicle-form-group input:focus,.vehicle-form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.vehicle-form-group input:disabled,.vehicle-form-group select:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.vehicle-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.vehicle-form-group select{cursor:pointer}.vehicle-form-group select:disabled{cursor:not-allowed}.vehicle-modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:16px;display:flex}.vehicle-modal-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:42px;padding:0 18px;font-size:14px;font-weight:600}.vehicle-modal-cancel:hover{background:#f9fafb}.vehicle-modal-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;height:42px;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s}.vehicle-modal-submit:hover{background:#1d4ed8}.vehicle-modal-submit:disabled,.vehicle-modal-cancel:disabled{opacity:.6;cursor:not-allowed}.vehicle-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4}@media (width<=640px){.vehicle-form-row{grid-template-columns:1fr;gap:16px}.vehicle-modal-actions{flex-direction:column-reverse}.vehicle-modal-cancel,.vehicle-modal-submit{width:100%}}.coupons-page{color:#f4f7ff}.coupons-header{align-items:flex-end;margin-bottom:28px}.coupons-header h1{letter-spacing:-.8px;margin:6px 0 8px;font-size:32px;font-weight:700}.coupons-header p{color:#7890b1;margin:0;font-size:14px}.coupons-header-actions{align-items:center;gap:12px;display:flex}.coupons-page .primary-button,.coupon-modal .primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#315edc);border:1px solid #467eff73;border-radius:11px;padding:11px 18px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 8px 24px #2563eb29}.coupons-page .primary-button:hover,.coupon-modal .primary-button:hover{border-color:#6096ffbf;transform:translateY(-1px);box-shadow:0 10px 30px #2563eb47}.coupons-page .secondary-button,.coupon-modal .secondary-button{color:#c7d4e8;cursor:pointer;background:#0d1a2c;border:1px solid #243752;border-radius:11px;padding:11px 17px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.coupons-page .secondary-button:hover,.coupon-modal .secondary-button:hover{color:#fff;background:#12233a;border-color:#355172}.coupons-page button:disabled,.coupon-modal button:disabled{opacity:.55;cursor:not-allowed;transform:none}.coupons-loading{color:#7890b1;background:#0a1728b8;border:1px solid #172a43;border-radius:18px;justify-content:center;align-items:center;min-height:260px;font-size:14px;display:flex}.coupons-error{color:#ff9b9b;background:#7f1d1d29;border:1px solid #ef444440;border-radius:12px;margin-bottom:20px;padding:13px 16px;font-size:13px}.coupon-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.coupon-summary-card{background:radial-gradient(circle at 100% 100%,#2563eb17,#0000 38%),linear-gradient(145deg,#0d1b2e,#0b1728);border:1px solid #1b314d;border-radius:18px;min-height:128px;padding:21px 22px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001f}.coupon-summary-card:after{content:"";pointer-events:none;background:#315edc12;border-radius:50%;width:105px;height:105px;position:absolute;bottom:-42px;right:-34px}.coupon-summary-card span{color:#7794bd;margin-bottom:12px;font-size:12px;font-weight:500;display:block}.coupon-summary-card strong{color:#f6f8ff;letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1;display:block}.coupon-summary-card small{color:#536d91;margin-top:11px;font-size:11px;display:block}.coupons-panel{background:linear-gradient(145deg,#0d1b2efa,#081525fa);border:1px solid #182d48;border-radius:19px;overflow:hidden;box-shadow:0 18px 50px #00000029}.coupons-toolbar{background:#091626b8;border-bottom:1px solid #172b45;align-items:center;gap:14px;padding:17px 19px;display:flex}.coupon-search{flex:1;min-width:220px}.coupon-search input{box-sizing:border-box;color:#edf3ff;background:#0b192b;border:1px solid #223a59;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.coupon-search input::placeholder{color:#506886}.coupon-search input:focus{border-color:#376fd8;box-shadow:0 0 0 3px #376fd81a}.coupon-filters{background:#091727;border:1px solid #1d334f;border-radius:11px;align-items:center;gap:5px;padding:4px;display:flex}.coupon-filters button{color:#7189aa;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .2s,color .2s}.coupon-filters button:hover{color:#dbe7fa}.coupon-filters button.active{color:#fff;background:#172e50;box-shadow:inset 0 0 0 1px #477bd733}.coupon-count{text-align:right;color:#5f789b;min-width:76px;font-size:12px}.coupons-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:50px 20px;display:flex}.coupons-empty strong{color:#dce7f8;font-size:16px}.coupons-empty span{color:#627b9d;margin:8px 0 20px;font-size:13px}.coupons-table-wrap{width:100%;overflow-x:auto}.coupons-table{border-collapse:collapse;width:100%;min-width:1050px}.coupons-table th{color:#627d9f;letter-spacing:1.1px;text-align:left;text-transform:uppercase;white-space:nowrap;background:#07121f99;border-bottom:1px solid #172c47;padding:14px 17px;font-size:10px;font-weight:700}.coupons-table td{vertical-align:middle;color:#c8d5e8;border-bottom:1px solid #1b304ab8;padding:17px;font-size:13px}.coupons-table tbody tr{transition:background .18s}.coupons-table tbody tr:hover{background:#18314f38}.coupons-table tbody tr:last-child td{border-bottom:0}.coupon-code{color:#78a9ff;letter-spacing:.8px;background:#2563eb14;border:1px solid #3a70cd40;border-radius:7px;align-items:center;margin-bottom:7px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.coupons-table td strong{color:#edf3ff;font-size:13px;font-weight:650;display:block}.coupons-table td small{color:#5f789a;margin-top:5px;font-size:11px;line-height:1.45;display:block}.coupon-tag{color:#8ca5c7;background:#101f32;border:1px solid #273c56;border-radius:6px;margin-top:7px;margin-right:5px;padding:4px 7px;font-size:9px;font-weight:600;display:inline-flex}.coupon-status{border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.coupon-status:before{content:"";border-radius:50%;width:5px;height:5px}.coupon-status.active{color:#5ee79a;background:#16a34a17;border:1px solid #22c55e2e}.coupon-status.active:before{background:#42dc88;box-shadow:0 0 7px #42dc88b3}.coupon-status.inactive{color:#8ea0b8;background:#64748b17;border:1px solid #94a3b829}.coupon-status.inactive:before{background:#718096}.coupon-status.expired{color:#ff8585;background:#7f1d1d1a;border:1px solid #ef44442e}.coupon-status.expired:before{background:#ef6666}.coupon-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.coupon-actions button{color:#8ea5c5;cursor:pointer;background:#0d1c2e;border:1px solid #243a55;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:600;transition:color .18s,border-color .18s,background .18s}.coupon-actions button:hover{color:#e4edfb;background:#13263d;border-color:#35557b}.coupon-actions button.danger:hover{color:#ff8585;background:#7f1d1d26;border-color:#ef444459}.coupon-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#020810c7;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.coupon-modal{background:radial-gradient(circle at 85% 0,#2563eb17,#0000 32%),linear-gradient(145deg,#0c1b2e,#081525);border:1px solid #28415f;border-radius:20px;flex-direction:column;width:min(900px,100%);max-height:calc(100vh - 60px);display:flex;overflow:hidden;box-shadow:0 35px 90px #0000008c,0 0 45px #1c52aa14}.coupon-modal-header{border-bottom:1px solid #1a314c;justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.coupon-modal-header h2{color:#f3f7ff;letter-spacing:-.4px;margin:6px 0 0;font-size:21px;font-weight:700}.coupon-modal-close{color:#8197b5;cursor:pointer;background:#0c1a2c;border:1px solid #243b57;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;font-size:22px;line-height:1;transition:color .2s,background .2s,border-color .2s;display:flex}.coupon-modal-close:hover{color:#fff;background:#14263c;border-color:#3a5270}.coupon-form{flex:1;padding:24px;overflow-y:auto}.coupon-form::-webkit-scrollbar{width:6px}.coupon-form::-webkit-scrollbar-track{background:0 0}.coupon-form::-webkit-scrollbar-thumb{background:#203852;border-radius:10px}.coupon-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.coupon-form label{flex-direction:column;gap:7px;display:flex}.coupon-form label.full{grid-column:1/-1}.coupon-form label>span{color:#8fa8c9;font-size:11px;font-weight:600}.coupon-form input,.coupon-form select,.coupon-form textarea{box-sizing:border-box;color:#edf3ff;background:#091727;border:1px solid #223a57;border-radius:9px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.coupon-form textarea{resize:vertical;min-height:80px}.coupon-form input::placeholder,.coupon-form textarea::placeholder{color:#4e6786}.coupon-form input:focus,.coupon-form select:focus,.coupon-form textarea:focus{background:#0a192b;border-color:#3a72d8;box-shadow:0 0 0 3px #3a72d81a}.coupon-form select{cursor:pointer}.coupon-form label>small,.coupon-form-section>small{color:#58708f;font-size:10px}.coupon-form-section{border-top:1px solid #172c46;margin-top:25px;padding-top:21px}.coupon-form-section h3{color:#dce7f8;margin:0 0 14px;font-size:13px;font-weight:650}.coupon-checkbox-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.checkbox-option{cursor:pointer;background:#0a1829;border:1px solid #1e354f;border-radius:8px;align-items:center;min-height:38px;padding:8px 10px;transition:border-color .2s,background .2s;flex-direction:row!important;gap:8px!important;display:flex!important}.checkbox-option:hover{background:#0d1d31;border-color:#315275}.checkbox-option input{accent-color:#3675ed;cursor:pointer;width:15px;height:15px;margin:0}.checkbox-option span{color:#91a8c7!important;font-size:11px!important;font-weight:500!important}.coupon-region-input{margin-bottom:10px}.coupon-region-tags{flex-wrap:wrap;gap:7px;margin-bottom:9px;display:flex}.coupon-region-tags button{color:#82adff;cursor:pointer;background:#2563eb14;border:1px solid #3d73d040;border-radius:7px;padding:5px 9px;font-size:10px}.coupon-region-tags button:hover{background:#2563eb24;border-color:#3d73d080}.coupon-switches{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.coupon-switches .checkbox-option{min-height:42px}.coupon-modal-footer{background:#06101ca6;border-top:1px solid #1a314c;justify-content:flex-end;align-items:center;gap:10px;padding:17px 24px;display:flex}@media (width<=1200px){.coupon-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coupon-checkbox-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.coupons-header{flex-direction:column;align-items:flex-start;gap:18px}.coupons-toolbar{flex-wrap:wrap}.coupon-search{flex-basis:100%}.coupon-count{margin-left:auto}.coupon-form-grid{grid-template-columns:1fr}.coupon-form label.full{grid-column:auto}.coupon-checkbox-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.coupon-switches{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.coupon-summary-grid{grid-template-columns:1fr}.coupon-filters{width:100%;overflow-x:auto}.coupon-filters button{flex-shrink:0}.coupon-count{text-align:left;width:100%}.coupon-modal-backdrop{padding:12px}.coupon-modal{border-radius:16px;max-height:calc(100vh - 24px)}.coupon-form{padding:18px}.coupon-modal-header,.coupon-modal-footer{padding-left:18px;padding-right:18px}.coupon-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coupon-switches{grid-template-columns:1fr}}.subscriptions-page{color:#e8eef8;min-height:100%;padding:28px 30px 40px}.subscriptions-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.subscriptions-header h1{letter-spacing:-.7px;color:#f5f8fd;margin:5px 0 7px;font-size:30px;font-weight:700;line-height:1.15}.subscriptions-header p{color:#8290a6;max-width:650px;margin:0;font-size:14px;line-height:1.6}.eyebrow{color:#5e9cff;letter-spacing:1.7px;font-size:10px;font-weight:700}.subscriptions-header-actions{align-items:center;gap:10px;display:flex}.subscriptions-refresh-button,.subscriptions-primary-button,.plan-edit-button,.plan-toggle-danger,.plan-toggle-success,.subscription-action-button,.drawer-warning-button,.drawer-danger-button,.drawer-success-button,.plan-cancel-button{cursor:pointer;border:1px solid #0000;border-radius:9px;font-family:inherit;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,transform .18s,opacity .18s}.subscriptions-refresh-button{color:#b8c5d8;background:#111b2b;border-color:#22324a;min-height:40px;padding:0 15px}.subscriptions-refresh-button:hover{color:#eef4fc;background:#172337;border-color:#304664}.subscriptions-primary-button{color:#fff;background:#145ea8;border-color:#2676c7;min-height:40px;padding:0 17px;box-shadow:0 8px 22px #0003}.subscriptions-primary-button:hover{background:#176abd;border-color:#3887d8;transform:translateY(-1px)}.subscriptions-refresh-button:disabled,.subscriptions-primary-button:disabled,.plan-edit-button:disabled,.plan-toggle-danger:disabled,.plan-toggle-success:disabled,.subscription-action-button:disabled,.drawer-warning-button:disabled,.drawer-danger-button:disabled,.drawer-success-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.subscriptions-error{color:#f0a8ae;background:#24151a;border:1px solid #5d3037;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 15px;font-size:13px;display:flex}.subscriptions-error span{color:#ffb8be;background:#5a252d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.subscription-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.subscription-kpi-card{background:linear-gradient(145deg,#121e30fa,#0c1523fa);border:1px solid #1d2b40;border-radius:13px;min-height:128px;padding:17px 18px;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000029,inset 0 1px #ffffff05}.subscription-kpi-card:after{content:"";pointer-events:none;background:#2673c90b;border-radius:50%;width:115px;height:115px;position:absolute;bottom:-45px;right:-35px}.kpi-icon{color:#75a9e8;background:#142239;border:1px solid #263952;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;display:inline-flex}.kpi-icon.kpi-success{color:#62d2a0;background:#122b28;border-color:#214b40}.subscription-view-switcher{background:#0d1727;border:1px solid #1d2b40;border-radius:10px;align-items:center;gap:3px;margin-bottom:16px;padding:4px;display:inline-flex}.subscription-view-switcher button{color:#738299;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:34px;padding:0 15px;font-family:inherit;font-size:11px;font-weight:600;transition:all .18s}.subscription-view-switcher button:hover{color:#b9c7da}.subscription-view-switcher button.active{color:#dce9f8;background:#172940;box-shadow:inset 0 0 0 1px #263e5c}.subscriptions-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.subscription-search{background:#0d1726;border:1px solid #203149;border-radius:9px;flex:1;align-items:center;min-width:250px;height:42px;display:flex;position:relative}.subscription-search>span{color:#61738d;margin-left:13px;font-size:17px}.subscription-search input{color:#dce6f3;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 11px;font-family:inherit;font-size:12px}.subscription-search input::placeholder{color:#526177}.subscription-search:focus-within{border-color:#31577f;box-shadow:0 0 0 3px #3570b114}.subscription-search button{color:#67778e;cursor:pointer;background:0 0;border:0;margin-right:8px;font-size:18px}.subscription-select{color:#aebbd0;cursor:pointer;background:#0d1726;border:1px solid #203149;border-radius:9px;outline:0;min-width:150px;height:42px;padding:0 12px;font-family:inherit;font-size:11px}.subscriptions-table-card{background:#0d1726;border:1px solid #1d2b40;border-radius:13px;overflow:hidden;box-shadow:0 10px 30px #00000021}.subscriptions-table-heading{border-bottom:1px solid #1a283c;justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;display:flex}.subscriptions-table-heading h2{color:#e8eef7;margin:0 0 5px;font-size:14px;font-weight:650}.subscriptions-table-heading p{color:#627188;margin:0;font-size:11px}.result-count{white-space:nowrap;color:#718198;font-size:11px}.subscriptions-table-wrapper{width:100%;overflow-x:auto}.subscriptions-table{border-collapse:collapse;width:100%;min-width:1080px}.subscriptions-table th{color:#627189;letter-spacing:1.05px;text-align:left;white-space:nowrap;background:#0b1422;border-bottom:1px solid #1a283c;padding:12px 17px;font-size:9px;font-weight:700}.subscriptions-table td{color:#aebbd0;vertical-align:middle;border-bottom:1px solid #172438;padding:15px 17px;font-size:11px}.subscriptions-table tbody tr{cursor:pointer;transition:background .16s}.subscriptions-table tbody tr:hover{background:#101e31}.subscriptions-table tbody tr:last-child td{border-bottom:0}.subscription-customer{align-items:center;gap:10px;min-width:190px;display:flex}.subscription-avatar{color:#79ace7;background:#14263d;border:1px solid #284362;border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.subscription-customer strong,.subscription-vehicle strong,.subscription-plan-cell strong{color:#dce5f1;font-size:11px;font-weight:650;display:block}.subscription-customer span,.subscription-vehicle span,.subscription-plan-cell span{color:#5f6f85;margin-top:4px;font-size:9px;display:block}.subscription-usage{min-width:100px}.subscription-usage strong{color:#c9d6e7;font-size:11px;display:block}.subscription-usage small{color:#56667d;margin-top:4px;font-size:8px;display:block}.usage-bar{background:#1b2a3d;border-radius:20px;width:100%;height:4px;margin-top:7px;overflow:hidden}.usage-bar span{border-radius:inherit;background:#397dbd;height:100%;display:block}.subscription-validity strong{color:#c6d2e2;font-size:10px;display:block}.subscription-validity span{color:#56667c;margin-top:4px;font-size:8px;display:block}.subscription-status{letter-spacing:.45px;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.subscription-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.subscription-status.active{color:#67d4a0;background:#112b25;border-color:#20503f}.subscription-status.expired{color:#d8b46b;background:#292315;border-color:#4a3e25}.subscription-status.suspended{color:#d4a95e;background:#2a2115;border-color:#4b3b22}.subscription-status.cancelled{color:#df8993;background:#2a171c;border-color:#512c34}.subscription-status.inactive{color:#7c8b9f;background:#171f2b;border-color:#303b4c}.subscription-action-button{color:#8eafd2;background:#121f31;border-color:#253850;min-height:30px;padding:0 11px}.subscription-action-button:hover{color:#c9ddf2;background:#192b43;border-color:#345477}.subscriptions-loading,.subscriptions-empty{color:#65758c;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:30px;display:flex}.subscriptions-loading{flex-direction:row;gap:10px}@keyframes subscription-spin{to{transform:rotate(360deg)}}.subscriptions-empty h3{color:#b6c3d4;margin:0 0 6px;font-size:13px}.subscriptions-empty p{color:#596a81;margin:0;font-size:10px}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.plan-card{background:linear-gradient(150deg,#101d2f,#0c1625);border:1px solid #1e2e43;border-radius:14px;padding:20px;transition:border-color .18s,transform .18s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.plan-card:hover{border-color:#2c4563;transform:translateY(-2px)}.plan-card.inactive{opacity:.67}.plan-card.popular{border-color:#31577d}.plan-popular-badge{color:#b9dcfa;letter-spacing:.8px;background:#1b4d78;border-bottom-left-radius:8px;padding:6px 10px;font-size:8px;font-weight:700;position:absolute;top:0;right:0}.plan-badge{color:#8daed1;background:#142235;border:1px solid #31445b;border-radius:5px;margin-bottom:9px;padding:4px 7px;font-size:8px;font-weight:650;display:inline-flex}.plan-card-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:12px;display:flex}.plan-card-header>div:first-child{align-items:center;gap:10px;display:flex}.plan-color{border-radius:5px;width:7px;height:34px;box-shadow:0 0 12px #4788ca38}.plan-card h3{color:#e5edf7;letter-spacing:-.25px;margin:0;font-size:17px;font-weight:680}.plan-description{color:#66768d;min-height:39px;margin:0 0 17px;font-size:10px;line-height:1.55}.plan-price{align-items:baseline;gap:7px;margin-bottom:17px;display:flex}.plan-price strong{color:#f1f5fa;font-size:24px;font-weight:700}.plan-price span{color:#56667d;font-size:9px}.plan-meta{background:#0c1726;border:1px solid #1d2c40;border-radius:9px;grid-template-columns:repeat(3,1fr);margin-bottom:15px;display:grid}.plan-meta>div{border-right:1px solid #1d2c40;padding:10px}.plan-meta>div:last-child{border-right:0}.plan-meta span,.plan-vehicle-pricing span{color:#56667c;font-size:8px;display:block}.plan-meta strong,.plan-vehicle-pricing strong{color:#bdcadb;margin-top:4px;font-size:10px;font-weight:650;display:block}.plan-vehicle-pricing{grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:15px;display:grid}.plan-vehicle-pricing>div{background:#0d1827;border:1px solid #1b2a3d;border-radius:7px;padding:8px 9px}.plan-features{flex-wrap:wrap;gap:6px;min-height:44px;margin-bottom:17px;display:flex}.plan-features span{color:#6db69d;background:#102126;border:1px solid #1d3940;border-radius:6px;align-items:center;padding:5px 7px;font-size:8px;display:inline-flex}.plan-card-actions{border-top:1px solid #1a283a;gap:8px;padding-top:15px;display:flex}.plan-edit-button{color:#9db8d6;background:#142338;border-color:#28405b;flex:1;min-height:35px}.plan-edit-button:hover{background:#1a2d46;border-color:#385777}.plan-toggle-danger,.plan-toggle-success{min-height:35px;padding:0 10px}.plan-toggle-danger{color:#d58b94;background:#25171b;border-color:#4d3036}.plan-toggle-danger:hover{background:#311b21}.plan-toggle-success{color:#67cda0;background:#122b24;border-color:#24503f}.plan-toggle-success:hover{background:#16392e}.subscription-drawer-backdrop,.plan-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02070eb8;justify-content:flex-end;display:flex;position:fixed;inset:0}.subscription-drawer{background:#0b1524;border-left:1px solid #253850;flex-direction:column;width:min(540px,94vw);height:100vh;animation:.2s ease-out subscription-drawer-in;display:flex;box-shadow:-18px 0 55px #00000052}@keyframes subscription-drawer-in{0%{opacity:.5;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.drawer-header{background:#0d1828;border-bottom:1px solid #1c2b3f;justify-content:space-between;align-items:flex-start;gap:16px;padding:23px 22px 19px;display:flex;position:relative}.drawer-header h2{color:#edf3fa;margin:6px 0 5px;font-size:20px;font-weight:680}.drawer-header p{color:#63748b;margin:0;font-size:10px}.drawer-close{color:#8a9ab0;cursor:pointer;background:#121f31;border:1px solid #263950;border-radius:8px;flex:0 0 31px;justify-content:center;align-items:center;width:31px;height:31px;font-family:inherit;font-size:17px;display:flex}.drawer-section{margin-bottom:21px}.drawer-highlight,.drawer-usage-card{background:#0f1c2c;border:1px solid #21334a;border-radius:10px}.drawer-highlight{grid-template-columns:1fr 1fr;display:grid}.drawer-highlight>div{border-right:1px solid #21334a;padding:13px}.drawer-highlight>div:last-child{border-right:0}.drawer-highlight span,.drawer-info-grid span,.drawer-usage-card span{color:#5d6e85;font-size:9px;display:block}.drawer-highlight strong,.drawer-info-grid strong{color:#c9d5e4;word-break:break-word;margin-top:5px;font-size:11px;font-weight:650;display:block}.drawer-usage-card{grid-template-columns:repeat(3,1fr);display:grid}.drawer-usage-card>div{text-align:center;border-right:1px solid #21334a;padding:13px}.drawer-usage-card>div:last-child{border-right:0}.drawer-usage-card strong{color:#d7e2ef;margin-bottom:4px;font-size:18px;font-weight:700;display:block}.drawer-info-grid{background:#1d2d42;border:1px solid #1d2d42;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.drawer-info-grid>div{background:#0e1a2a;min-width:0;padding:12px}.drawer-note{color:#c88d96;background:#21161b;border:1px solid #4a3238;border-radius:9px;padding:12px 13px;font-size:10px;line-height:1.5}.drawer-footer{background:#0d1828;border-top:1px solid #1c2b3f;gap:9px;padding:15px 22px;display:flex}.drawer-warning-button,.drawer-danger-button,.drawer-success-button{min-height:38px;padding:0 14px}.drawer-warning-button{color:#d1ac68;background:#251f15;border-color:#4a3c25}.drawer-warning-button:hover{background:#302618}.drawer-danger-button{color:#df8993;background:#27171c;border-color:#512d35}.drawer-danger-button:hover{background:#341b22}.drawer-success-button{color:#6ad2a2;background:#122b24;border-color:#24503f}.drawer-success-button:hover{background:#17392e}.plan-modal-backdrop{justify-content:center;align-items:center;padding:24px}.plan-modal{background:#0b1524;border:1px solid #263b55;border-radius:15px;flex-direction:column;width:min(900px,96vw);max-height:min(900px,92vh);animation:.18s ease-out plan-modal-in;display:flex;overflow:hidden;box-shadow:0 30px 90px #0000007a,0 0 0 1px #ffffff04}@keyframes plan-modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.plan-modal-header{background:#0d1828;border-bottom:1px solid #1c2b3f;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 23px 18px;display:flex}.plan-modal-header h2{color:#edf3fa;margin:6px 0 5px;font-size:19px;font-weight:680}.plan-modal-header p{color:#61728a;margin:0;font-size:10px}.plan-form{flex:1;padding:20px 23px;overflow-y:auto}.plan-form::-webkit-scrollbar{width:6px}.plan-form::-webkit-scrollbar-track{background:0 0}.plan-form::-webkit-scrollbar-thumb{background:#27394f;border-radius:10px}.form-section{border-bottom:1px solid #19283b;margin-bottom:22px;padding-bottom:20px}.form-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.form-section-title{color:#62748b;letter-spacing:1.2px;margin-bottom:12px;font-size:9px;font-weight:700}.form-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.form-grid label{flex-direction:column;gap:6px;display:flex}.form-grid label>span{color:#7b8ba1;font-size:9px;font-weight:600}.form-grid input,.form-grid textarea{box-sizing:border-box;color:#dce6f2;background:#0d1929;border:1px solid #22344b;border-radius:8px;outline:0;width:100%;font-family:inherit;font-size:11px;transition:border-color .18s,box-shadow .18s}.form-grid input{height:39px;padding:0 11px}.form-grid textarea{resize:vertical;min-height:78px;padding:10px 11px}.form-grid input:focus,.form-grid textarea:focus{border-color:#35638e;box-shadow:0 0 0 3px #35638e14}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#4e6077}.form-full{grid-column:1/-1}.service-checkbox-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.service-checkbox{color:#8494a9;cursor:pointer;background:#0d1928;border:1px solid #1f3045;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:0 9px;font-size:9px;transition:all .16s;display:flex}.service-checkbox:hover{color:#b3c2d4;border-color:#304a66}.service-checkbox input{accent-color:#397bb8}.feature-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.feature-toggle{color:#8291a6;cursor:pointer;background:#0d1928;border:1px solid #1e2e43;border-radius:8px;align-items:center;gap:8px;min-height:37px;padding:0 10px;font-size:9px;display:flex}.feature-toggle:hover{color:#b6c5d6;border-color:#304966}.feature-toggle input{accent-color:#397bb8}.plan-modal-footer{background:#0d1828;border-top:1px solid #1c2b3f;justify-content:flex-end;gap:9px;padding:15px 23px;display:flex}.plan-cancel-button{color:#8797ad;background:#121f30;border-color:#263950;min-height:40px;padding:0 16px}.plan-cancel-button:hover{color:#b8c6d8;background:#192a40}@media (width<=1250px){.subscription-kpi-grid,.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.service-checkbox-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.subscriptions-page{padding:22px 18px 30px}.subscriptions-header{flex-direction:column}.subscriptions-header-actions{width:100%}.subscriptions-header-actions button{flex:1}.plans-grid{grid-template-columns:1fr}.feature-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-checkbox-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){.subscriptions-page{padding:18px 12px 25px}.subscription-kpi-grid{grid-template-columns:1fr}.subscriptions-toolbar{flex-direction:column;align-items:stretch}.subscription-search{min-width:0}.subscription-select{width:100%}.form-grid,.form-grid.five{grid-template-columns:1fr}.service-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-toggle-grid,.drawer-info-grid{grid-template-columns:1fr}.drawer-footer{flex-wrap:wrap}.drawer-footer button{flex:1}.plan-modal-backdrop{padding:8px}.plan-modal{border-radius:12px;width:100%;max-height:96vh}.plan-modal-header,.plan-modal-footer{padding-left:16px;padding-right:16px}.plan-form{padding:17px 16px}}.page{color:#e8eef7;width:100%;min-height:100%}.card{background:#0d1829;border:1px solid #94a3b824;border-radius:14px;box-shadow:0 10px 30px #00000029}.card-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.card-header p{color:#718198;margin:5px 0 0;font-size:12px}.primary-button,.secondary-button,.table-action{cursor:pointer;font-family:inherit;transition:all .15s}.primary-button{color:#fff;background:#3b82f6;border:1px solid #3b82f6;border-radius:9px;min-height:40px;padding:0 16px;font-size:13px;font-weight:650}.secondary-button{color:#b6c3d4;background:#101d30;border:1px solid #2b405d;border-radius:9px;min-height:40px;padding:0 16px;font-size:13px;font-weight:600}.primary-button:disabled,.secondary-button:disabled,.table-action:disabled{opacity:.5;cursor:not-allowed}.error{color:#fca5a5;background:#7f1d1d29;border:1px solid #ef444447;border-radius:9px;margin-bottom:18px;padding:11px 14px;font-size:13px}.staff-form{margin-bottom:20px;overflow:hidden}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px;display:grid}.form-field label{color:#b9c6d7;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.form-field input,.form-field select{box-sizing:border-box;color:#e8eef7;background:#0b1728;border:1px solid #263b58;border-radius:9px;outline:0;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:13px}.form-field input:focus,.form-field select:focus{border-color:#4b8fe8;box-shadow:0 0 0 3px #3b82f61a}.form-actions{border-top:1px solid #94a3b81a;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:980px}.data-table th{color:#6f8097;text-align:left;white-space:nowrap;letter-spacing:.075em;text-transform:uppercase;background:#09121f8c;border-bottom:1px solid #94a3b81a;padding:12px 16px;font-size:10px;font-weight:700}.data-table td{color:#aebbd0;vertical-align:middle;border-bottom:1px solid #94a3b813;padding:15px 16px;font-size:12px}.staff-email{color:#667890;margin-top:4px;font-size:11px}.role-badge,.status-badge{color:#aebdd0;white-space:nowrap;background:#94a3b812;border:1px solid #94a3b829;border-radius:999px;align-items:center;min-height:25px;padding:0 9px;font-size:10px;font-weight:650;display:inline-flex}.role-badge{color:#9fc5fa;background:#3b82f614;border-color:#3b82f62e}.status-badge.active{color:#72d99a;background:#22c55e14;border-color:#22c55e2e}.status-badge.inactive{color:#f08b8b;background:#ef444414;border-color:#ef44442e}.status-badge.active:before{content:"";background:#22c55e;border-radius:50%;width:6px;height:6px;margin-right:6px}.table-action{color:#9fb0c5;background:#101e31;border:1px solid #273d5a;border-radius:7px;min-height:32px;padding:0 10px;font-size:11px;font-weight:600}.loading,.empty-state{color:#718198;text-align:center;padding:56px 24px;font-size:13px}.page>div[style*="rgba(0,0,0,0.55)"]{z-index:1000!important;-webkit-backdrop-filter:blur(7px)!important;background:#030812c2!important;justify-content:center!important;align-items:center!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card{background:#0d1829!important;border:1px solid #94a3b82e!important;border-radius:16px!important;width:min(610px,100vw - 48px)!important;max-width:610px!important;max-height:min(720px,100vh - 48px)!important;overflow-y:auto!important;box-shadow:0 28px 80px #0000008c,0 8px 30px #00000040!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card>.card-header{background:#0f1b2c!important;padding:20px 24px 18px!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card>.card-header h2{color:#f5f8fc!important;font-size:19px!important;font-weight:700!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card>.card-header p{color:#8192a9!important;margin-top:5px!important;font-size:12px!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card>.form-field{margin:0 24px!important;padding-top:18px!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card>.form-field>label{color:#b9c7d9!important;margin-bottom:9px!important;font-size:12px!important;font-weight:650!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card .form-field>div[style*=flex-wrap]{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:0!important;display:grid!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card .form-field>div[style*=flex-wrap] button{letter-spacing:.015em!important;white-space:nowrap!important;border-radius:9px!important;min-height:42px!important;padding:0 8px!important;font-size:11px!important;font-weight:650!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card .form-field>div[style*=flex-wrap] .primary-button{color:#dcecff!important;box-shadow:none!important;background:#3b82f624!important;border-color:#4387df!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card .form-field>div[style*=flex-wrap] .secondary-button{color:#899bb2!important;background:#101e31!important;border-color:#293f5d!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card input[type=number]{box-sizing:border-box!important;color:#edf3fa!important;background:#0a1627!important;border:1px solid #293f5d!important;border-radius:9px!important;outline:0!important;width:100%!important;height:42px!important;margin:0!important;padding:0 12px!important;font-family:inherit!important;font-size:13px!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card input[type=number]:focus{border-color:#4b8fe8!important;box-shadow:0 0 0 3px #3b82f61a!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card small{color:#6f8097!important;margin-top:7px!important;font-size:11px!important;line-height:1.5!important;display:block!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card .form-field>label[style*=cursor]{cursor:pointer!important;background:#101d2f!important;border:1px solid #94a3b81f!important;border-radius:10px!important;align-items:center!important;gap:10px!important;min-height:48px!important;margin:0!important;padding:11px 13px!important;display:flex!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card .form-field>label[style*=cursor]:hover{background:#122239!important;border-color:#3b82f640!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card input[type=checkbox]{accent-color:#3b82f6!important;cursor:pointer!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card .form-field>label[style*=cursor] span{color:#b7c5d7!important;font-size:12px!important;font-weight:600!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card>.form-actions{background:#0b1626!important;border-top:1px solid #94a3b81a!important;justify-content:flex-end!important;align-items:center!important;gap:9px!important;margin-top:20px!important;padding:15px 24px!important;display:flex!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card>.form-actions .primary-button,.page>div[style*="rgba(0,0,0,0.55)"]>.card>.form-actions .secondary-button{min-width:128px!important;height:40px!important;min-height:40px!important}@media (width<=700px){.page-header{flex-direction:column}.form-grid{grid-template-columns:1fr;padding:18px}.page>div[style*="rgba(0,0,0,0.55)"]{padding:14px!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card{width:calc(100vw - 28px)!important;max-height:calc(100vh - 28px)!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card>.card-header{padding:18px!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card>.form-field{margin-left:18px!important;margin-right:18px!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card .form-field>div[style*=flex-wrap]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page>div[style*="rgba(0,0,0,0.55)"]>.card>.form-actions{padding:14px 18px!important}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.live-tracking-map{border-radius:14px;width:100%;height:100%;min-height:460px;position:relative;overflow:hidden}.live-map-container{z-index:1;width:100%;height:100%;min-height:460px}.tracking-technician-icon,.tracking-customer-icon{background:0 0;border:none}.tracking-technician-marker{background:#2563eb2e;border:2px solid #2563eb;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 0 0 7px #2563eb1a,0 4px 14px #0000004d}.tracking-technician-arrow{color:#2563eb;font-size:22px;line-height:1}.tracking-customer-marker{color:#dc2626;background:#dc262629;border:2px solid #dc2626;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;box-shadow:0 3px 10px #00000040}.tracking-popup-card{flex-direction:column;gap:12px;width:230px;display:flex}.tracking-popup-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.tracking-popup-header strong{font-size:15px}.tracking-status{color:#16a34a;font-size:11px;font-weight:700}.tracking-popup-details{flex-direction:column;gap:8px;display:flex}.tracking-popup-details>div{justify-content:space-between;gap:12px;display:flex}.tracking-popup-details span{color:#64748b;font-size:12px}.tracking-popup-details strong{text-align:right;font-size:12px}.tracking-view-details{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:6px;width:100%;padding:8px 10px;font-size:12px;font-weight:600}.tracking-view-details:hover{opacity:.9}.tracking-customer-popup{flex-direction:column;gap:5px;min-width:130px;display:flex}.tracking-customer-popup strong{font-size:14px}.tracking-customer-popup span{font-size:12px}.tracking-map-badge{z-index:500;color:#fff;background:#071222e6;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 4px 14px #00000040}.leaflet-container{font-family:inherit}.tracking-details-panel{z-index:1000;color:#e8eef8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1728;border:1px solid #ffffff1f;border-radius:14px;width:285px;max-width:calc(100% - 28px);padding:16px;position:absolute;top:14px;right:14px;box-shadow:0 14px 35px #00000073}.tracking-details-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tracking-details-eyebrow{color:#7fa3d6;letter-spacing:.14em;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.tracking-details-header h3{color:#fff;margin:0;font-size:17px;font-weight:700;line-height:1.25}.tracking-details-close{color:#aebdd0;cursor:pointer;background:#ffffff0f;border:0;border-radius:7px;width:28px;height:28px;padding:0;font-size:21px;line-height:1}.tracking-details-close:hover{color:#fff;background:#ffffff1f}.tracking-details-status{color:#8ee6aa;background:#22c55e1f;border-radius:999px;align-items:center;gap:7px;margin-top:11px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.tracking-live-dot{background:#35d77b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #35d77bb3}.tracking-details-grid{grid-template-columns:1fr 1fr;gap:11px 14px;margin-top:15px;display:grid}.tracking-details-grid>div{min-width:0}.tracking-details-grid span{color:#71849c;margin-bottom:3px;font-size:9px;font-weight:600;display:block}.tracking-details-grid strong{color:#e8eef8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;display:block;overflow:hidden}.tracking-details-updated{color:#71849c;border-top:1px solid #ffffff14;margin-top:14px;padding-top:11px;font-size:9px}.tracking-focus-button{color:#8bb7ff;cursor:pointer;background:#417df024;border:1px solid #4885ff59;border-radius:9px;width:100%;margin-top:12px;padding:9px 11px;font-size:11px;font-weight:700}.tracking-focus-button:hover{background:#417df03d}.hr-dashboard{--hr-bg:#07111f;--hr-bg-deep:#050c17;--hr-surface:#0b1829;--hr-surface-2:#0e1d31;--hr-surface-3:#12243a;--hr-border:#78a0cd24;--hr-border-strong:#699bdc3d;--hr-text:#f4f7fb;--hr-text-soft:#c3d0df;--hr-muted:#7790ad;--hr-muted-2:#536b86;--hr-blue:#4f8cff;--hr-blue-bright:#6da1ff;--hr-blue-soft:#4f8cff1f;--hr-green:#40d99a;--hr-green-soft:#40d99a1a;--hr-orange:#ffb84d;--hr-orange-soft:#ffb84d1a;--hr-red:#ff6673;--hr-red-soft:#ff66731a;--hr-purple:#9d7cff;--hr-purple-soft:#9d7cff1a;--hr-radius-sm:10px;--hr-radius-md:16px;--hr-radius-lg:20px;--hr-radius-xl:24px;--hr-shadow:0 18px 50px #0000003d;--hr-shadow-soft:0 10px 32px #0000002e;box-sizing:border-box;width:100%;min-height:100%;color:var(--hr-text);background:radial-gradient(circle at 85% 0,#3970d214,#0000 32%),radial-gradient(circle at 10% 30%,#5b49be0b,#0000 30%),linear-gradient(#081321 0%,#07111f 45%,#060f1b 100%);padding:34px}.hr-dashboard *,.hr-dashboard :before,.hr-dashboard :after{box-sizing:border-box}.hr-dashboard h1,.hr-dashboard h2,.hr-dashboard h3,.hr-dashboard h4,.hr-dashboard p,.hr-dashboard span,.hr-dashboard strong,.hr-dashboard small{overflow-wrap:anywhere}.hr-dashboard button{font-family:inherit}.hr-dashboard button:focus-visible{outline:2px solid var(--hr-blue);outline-offset:3px}.hr-dashboard-header{border-bottom:1px solid var(--hr-border);justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px;padding-bottom:27px;display:flex;position:relative}.hr-dashboard-header:after{content:"";background:linear-gradient(90deg, var(--hr-blue), #4f8cff00);width:110px;height:2px;position:absolute;bottom:-1px;left:0}.hr-dashboard-header>div:first-child{min-width:0}.hr-dashboard-eyebrow{color:#6f98c9;letter-spacing:2px;text-transform:uppercase;align-items:center;margin-bottom:10px;font-size:11px;font-weight:800;display:inline-flex}.hr-dashboard-eyebrow:before{content:"";background:var(--hr-blue);border-radius:50%;width:7px;height:7px;margin-right:9px;box-shadow:0 0 0 4px #4f8cff17,0 0 16px #4f8cff59}.hr-dashboard-header h1{color:var(--hr-text);letter-spacing:-.8px;margin:0;font-size:clamp(28px,3vw,38px);font-weight:760;line-height:1.12}.hr-dashboard-header p{max-width:650px;color:var(--hr-muted);margin:10px 0 0;font-size:13px;line-height:1.7}.hr-dashboard-header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;display:flex}.hr-dashboard-updated{border:1px solid var(--hr-border);min-height:42px;color:var(--hr-muted);white-space:nowrap;background:#0c1b2db3;border-radius:11px;align-items:center;padding:0 14px;font-size:11px;font-weight:650;display:inline-flex}.hr-dashboard-refresh{color:#dce9f8;cursor:pointer;background:linear-gradient(145deg,#183150f2,#0d1d31f2);border:1px solid #5e91e03d;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:12px;font-weight:700;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 25px #00000029}.hr-dashboard-refresh:hover:not(:disabled){background:linear-gradient(145deg,#1f3f67fa,#0f233afa);border-color:#5a91eb80;transform:translateY(-2px);box-shadow:0 12px 30px #00000038}.hr-dashboard-refresh:active:not(:disabled){transform:translateY(0)}.hr-dashboard-refresh:disabled{opacity:.55;cursor:not-allowed}.hr-dashboard-refresh>span{color:inherit}.hr-dashboard-error{border-radius:var(--hr-radius-md);color:#f3b3b9;background:linear-gradient(135deg,#ff667317,#ff667309);border:1px solid #ff667338;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:22px;padding:15px 17px;display:grid;box-shadow:0 12px 30px #0000001f}.hr-dashboard-error strong{color:#ff9ba5;font-size:12px;font-weight:750}.hr-dashboard-error span{color:#b88990;min-width:0;font-size:12px;line-height:1.5}.hr-dashboard-error button{color:#ffb3ba;cursor:pointer;background:#ff667314;border:1px solid #ff737d40;border-radius:9px;min-height:34px;padding:0 13px;font-size:11px;font-weight:700}.hr-dashboard-error button:hover{background:#ff667324}.hr-dashboard-loading{border:1px solid var(--hr-border);border-radius:var(--hr-radius-xl);min-height:420px;color:var(--hr-muted);box-shadow:var(--hr-shadow);background:linear-gradient(145deg,#0c1d30eb,#07121ff5);flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex}.hr-dashboard-spinner{border:2px solid #5c8bcf29;border-top-color:var(--hr-blue);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite hr-dashboard-spin}.hr-dashboard-loading span{color:var(--hr-muted);font-size:12px;font-weight:650}@keyframes hr-dashboard-spin{to{transform:rotate(360deg)}}.hr-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.hr-dashboard-card{border:1px solid var(--hr-border);border-radius:var(--hr-radius-md);min-width:0;min-height:126px;box-shadow:var(--hr-shadow-soft);background:linear-gradient(145deg,#0f1f33fa,#081422fa);flex-direction:column;justify-content:center;padding:21px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.hr-dashboard-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#4f8cff17,#0000 68%);border-radius:50%;width:150px;height:150px;position:absolute;top:-80px;right:-80px}.hr-dashboard-card:hover{border-color:var(--hr-border-strong);transform:translateY(-3px);box-shadow:0 18px 40px #0000003d}.hr-dashboard-card span{z-index:1;color:var(--hr-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:750;position:relative}.hr-dashboard-card strong{z-index:1;color:var(--hr-text);letter-spacing:-.5px;margin-top:9px;font-size:29px;font-weight:780;line-height:1;display:block;position:relative}.hr-dashboard-card small{z-index:1;color:var(--hr-muted-2);margin-top:8px;font-size:10px;line-height:1.4;display:block;position:relative}.hr-dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px;display:grid}.hr-dashboard-kpi-card{border:1px solid var(--hr-border);border-radius:var(--hr-radius-lg);background:linear-gradient(145deg,#0e1e32fa,#081422fa);align-items:center;gap:15px;min-width:0;min-height:132px;padding:20px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #0000002b}.hr-dashboard-kpi-card:before{content:"";background:var(--hr-blue);border-radius:10px;width:2px;position:absolute;top:18px;bottom:18px;left:0}.hr-dashboard-kpi-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#4f8cff1a,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-95px;right:-95px}.hr-dashboard-kpi-card:hover{border-color:var(--hr-border-strong);transform:translateY(-4px);box-shadow:0 20px 42px #00000040}.hr-dashboard-kpi-card.primary:before{background:var(--hr-blue)}.hr-dashboard-kpi-card.success:before{background:var(--hr-green)}.hr-dashboard-kpi-card.warning:before{background:var(--hr-orange)}.hr-dashboard-kpi-card.danger:before{background:var(--hr-red)}.hr-dashboard-kpi-icon{width:48px;height:48px;color:var(--hr-blue-bright);background:linear-gradient(145deg,#223e61eb,#11263feb);border:1px solid #6799de2e;border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:19px;font-weight:750;display:flex;box-shadow:inset 0 1px #ffffff09}.success .hr-dashboard-kpi-icon{color:var(--hr-green);background:linear-gradient(145deg,#194b3db3,#0d3027cc);border-color:#40d99a2e}.warning .hr-dashboard-kpi-icon{color:var(--hr-orange);background:linear-gradient(145deg,#533e1fb3,#332614cc);border-color:#ffb84d2e}.danger .hr-dashboard-kpi-icon{color:var(--hr-red);background:linear-gradient(145deg,#57272fb3,#35181ecc);border-color:#ff66732e}.hr-dashboard-kpi-content{z-index:2;min-width:0;position:relative}.hr-dashboard-kpi-content span{color:var(--hr-muted);font-size:11px;font-weight:700;line-height:1.35;display:block}.hr-dashboard-kpi-content strong{color:var(--hr-text);margin-top:7px;font-size:29px;font-weight:800;line-height:1;display:block}.hr-dashboard-kpi-content small{color:var(--hr-muted-2);margin-top:7px;font-size:10px;line-height:1.35;display:block}.hr-dashboard-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.hr-dashboard-panel{border:1px solid var(--hr-border);border-radius:var(--hr-radius-lg);box-sizing:border-box;background:linear-gradient(145deg,#0e1d30fa,#071320fc);min-width:0;padding:22px;position:relative;overflow:hidden;box-shadow:0 15px 42px #0000002e}.hr-dashboard-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#538bdf14,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-110px;right:-110px}.hr-dashboard-two-column .hr-dashboard-panel{margin-bottom:0}.hr-dashboard-panel-header{z-index:2;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex;position:relative}.hr-dashboard-panel-header>div:first-child{min-width:0}.hr-dashboard-panel-eyebrow{color:#6f98c9;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.hr-dashboard-panel-header h2{color:var(--hr-text);letter-spacing:-.25px;margin:0;font-size:18px;font-weight:760;line-height:1.25}.hr-dashboard-panel-header p{max-width:470px;color:var(--hr-muted);margin:6px 0 0;font-size:11px;line-height:1.55}.hr-dashboard-count{color:#d8e6f8;background:linear-gradient(145deg,#19314ee6,#0e1f34e6);border:1px solid #5d91dc30;border-radius:11px;flex:none;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.hr-dashboard-list{z-index:2;flex-direction:column;gap:10px;display:flex;position:relative}.hr-dashboard-list-item{background:linear-gradient(145deg,#0c1d30eb,#081524eb);border:1px solid #608fc91c;border-radius:13px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:13px;transition:transform .18s,border-color .18s,background .18s;display:grid}.hr-dashboard-list-item:hover{background:linear-gradient(145deg,#11253dfa,#0a1a2cfa);border-color:#598fda42;transform:translateY(-2px)}.hr-dashboard-avatar{color:#bcd5f6;letter-spacing:.4px;background:linear-gradient(145deg,#1f3d62f2,#112741f2);border:1px solid #5c91e138;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffff0a}.hr-dashboard-list-main{flex-direction:column;gap:3px;min-width:0;display:flex}.hr-dashboard-list-main strong{color:#e9f0f8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:750;line-height:1.35;overflow:hidden}.hr-dashboard-list-main span{min-width:0;color:var(--hr-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;overflow:hidden}.hr-dashboard-list-main small{color:var(--hr-muted-2);font-size:9px;line-height:1.4}.hr-dashboard-list-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;min-width:80px;display:flex}.hr-dashboard-list-meta strong{color:#dfe9f5;font-size:11px;font-weight:750;line-height:1.3}.hr-dashboard-list-meta span{color:var(--hr-muted);font-size:9px;line-height:1.3}.hr-dashboard-list-meta small{color:var(--hr-muted-2);font-size:9px}.hr-dashboard-status{background:var(--hr-green-soft);min-height:26px;color:var(--hr-green);letter-spacing:.5px;text-transform:uppercase;border:1px solid #40d99a2e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.hr-dashboard-status.active{color:var(--hr-green);background:#40d99a14;border-color:#40d99a33}.hr-dashboard-status.inactive{color:#a4b1c0;background:#a4b1c00f;border-color:#a4b1c029}.hr-dashboard-status.on_notice{color:var(--hr-orange);background:#ffb84d14;border-color:#ffb84d33}.hr-dashboard-status.resigned,.hr-dashboard-status.terminated{color:var(--hr-red);background:#ff667314;border-color:#ff667333}.hr-dashboard-interview-badge{background:var(--hr-purple-soft);color:#b8a4ff;letter-spacing:.45px;text-transform:uppercase;border:1px solid #9d7cff33;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:26px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.hr-dashboard-empty{min-height:100px;color:var(--hr-muted);text-align:center;background:#07132059;border:1px dashed #6491c624;border-radius:13px;justify-content:center;align-items:center;padding:20px;font-size:11px;line-height:1.5;display:flex}.hr-dashboard-premium-panel{border-radius:var(--hr-radius-xl);background:radial-gradient(circle at 100% 0,#4f8cff17,#0000 30%),linear-gradient(145deg,#0e1f33fc,#07121ffc);border:1px solid #5b8ed729;min-width:0;margin-bottom:20px;padding:25px;position:relative;overflow:hidden;box-shadow:0 20px 55px #00000038}.hr-dashboard-premium-panel:before{content:"";background:linear-gradient(180deg, var(--hr-blue), #4f8cff00);width:2px;position:absolute;top:0;bottom:0;left:0}.hr-panel-heading{z-index:2;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px;display:flex;position:relative}.hr-panel-eyebrow{color:#719bd0;letter-spacing:1.9px;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.hr-panel-heading p{max-width:620px;color:var(--hr-muted);margin:7px 0 0;font-size:11px;line-height:1.55}.hr-approval-header-right{flex:none}.hr-panel-badge{color:#dbe9f8;background:linear-gradient(145deg,#1b3759f2,#0d1f34f2);border:1px solid #5b91e138;border-radius:12px;justify-content:center;align-items:center;min-width:42px;height:42px;padding:0 12px;font-size:12px;font-weight:800;display:flex}.hr-approval-empty{z-index:2;background:linear-gradient(145deg,#40d99a0e,#40d99a05);border:1px solid #40d99a1f;border-radius:14px;align-items:center;gap:14px;padding:17px;display:flex;position:relative}.hr-approval-empty-icon{width:38px;height:38px;color:var(--hr-green);background:#40d99a14;border:1px solid #40d99a33;border-radius:11px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.hr-approval-empty>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.hr-approval-empty strong{color:#dceee8;font-size:12px;font-weight:750}.hr-approval-empty span{color:#6f9288;font-size:10px;line-height:1.5}.hr-approval-list{z-index:2;flex-direction:column;gap:9px;display:flex;position:relative}.hr-approval-row{background:linear-gradient(145deg,#0c1c2ff0,#081423f0);border:1px solid #5d8ed01c;border-radius:14px;grid-template-columns:minmax(210px,1.45fr) minmax(150px,1fr) minmax(120px,.8fr) minmax(105px,.7fr) auto;align-items:center;gap:18px;min-width:0;padding:15px 16px;transition:transform .18s,border-color .18s,background .18s;display:grid}.hr-approval-row:hover{background:linear-gradient(145deg,#10243bfa,#091829fa);border-color:#598fda3d;transform:translateY(-2px)}.hr-approval-candidate strong{color:#e9f0f8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.hr-approval-candidate span{color:var(--hr-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.hr-approval-position{flex-direction:column;gap:4px;min-width:0;display:flex}.hr-approval-position strong{color:#dce7f3;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.hr-approval-position span{color:var(--hr-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.hr-approval-salary,.hr-approval-date{flex-direction:column;gap:4px;min-width:0;display:flex}.hr-approval-salary span,.hr-approval-date span{color:var(--hr-muted-2);letter-spacing:.5px;text-transform:uppercase;font-size:8px}.hr-approval-salary strong{color:#8fe6bd;font-size:11px;font-weight:750}.hr-approval-date strong{color:#d6e1ee;font-size:10px;font-weight:700}.hr-approval-status{min-height:27px;color:var(--hr-orange);letter-spacing:.6px;text-transform:uppercase;background:#ffb84d14;border:1px solid #ffb84d33;border-radius:999px;justify-content:center;justify-self:end;align-items:center;padding:0 10px;font-size:8px;font-weight:800;display:inline-flex}.hr-pipeline,.hr-dashboard-recruitment-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.hr-dashboard-recruitment-card{background:linear-gradient(145deg,#0c1d30fa,#071423fa);border:1px solid #5b8cd124;border-radius:14px;flex-direction:column;justify-content:space-between;min-width:0;min-height:124px;padding:17px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.hr-dashboard-recruitment-card:before{content:"";background:linear-gradient(180deg, var(--hr-blue), #4f8cff0d);width:2px;position:absolute;top:0;bottom:0;left:0}.hr-dashboard-recruitment-card:hover{border-color:#598fda40;transform:translateY(-3px);box-shadow:0 15px 32px #0003}.hr-dashboard-recruitment-card span{color:#7294ba;letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:800}.hr-dashboard-recruitment-card strong{color:var(--hr-text);margin-top:12px;font-size:27px;font-weight:800;line-height:1;display:block}.hr-dashboard-recruitment-card small{color:var(--hr-muted-2);margin-top:8px;font-size:9px;line-height:1.4;display:block}.hr-pipeline-item{text-align:center;background:linear-gradient(145deg,#0c1d30f2,#071423f2);border:1px solid #5b8cd121;border-radius:13px;min-width:0;padding:17px 13px;transition:transform .18s,border-color .18s}.hr-pipeline-item:hover{border-color:#598fda40;transform:translateY(-3px)}.hr-pipeline-item span{color:#718eaf;letter-spacing:.65px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:750;display:block;overflow:hidden}.hr-pipeline-item strong{color:var(--hr-text);margin-top:8px;font-size:23px;font-weight:800;line-height:1;display:block}.hr-dashboard-operations{border-radius:var(--hr-radius-xl);background:radial-gradient(circle at 85% 0,#4f8cff13,#0000 27%),linear-gradient(145deg,#0c1c2ff5,#07121ffa);border:1px solid #5b8ed726;margin-top:22px;padding:25px;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000030}.hr-dashboard-operations-heading{z-index:2;margin-bottom:20px;position:relative}.hr-dashboard-operations-heading p{color:var(--hr-muted);margin:7px 0 0;font-size:11px;line-height:1.55}.hr-operations-grid{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;position:relative}.hr-operation-card{background:linear-gradient(145deg,#0c1d30e0,#081524e0);border:1px solid #5e8cc91f;border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;min-width:0;min-height:92px;padding:15px;transition:transform .18s,border-color .18s;display:grid}.hr-operation-card:hover{border-color:#598fda3d;transform:translateY(-3px)}.hr-operation-icon{width:42px;height:42px;color:var(--hr-blue-bright);background:#4f8cff14;border:1px solid #5b8fda2e;border-radius:12px;justify-content:center;align-items:center;font-size:16px;display:flex}.hr-operation-card>div:last-child,.hr-operation-card>section:last-child{min-width:0}.hr-operation-card h3{color:#dfe8f2;margin:0;font-size:12px;font-weight:750}.hr-operation-card p{color:var(--hr-muted);margin:4px 0 0;font-size:9px;line-height:1.45}.hr-dashboard-footer{border-radius:var(--hr-radius-lg);background:linear-gradient(145deg,#0d1d30f5,#081422fa);border:1px solid #5c8cd124;justify-content:space-between;align-items:center;gap:25px;margin-top:20px;padding:21px 23px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 34px #00000029}.hr-dashboard-footer:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f8cff17,#0000 68%);border-radius:50%;width:220px;height:220px;position:absolute;top:-110px;right:-90px}.hr-dashboard-footer>div:first-child{z-index:2;flex-direction:column;gap:5px;min-width:0;display:flex;position:relative}.hr-dashboard-footer>div:first-child>span{color:#6e95c1;letter-spacing:1.6px;text-transform:uppercase;font-size:9px;font-weight:800}.hr-dashboard-footer>div:first-child>strong{color:#dfe9f5;font-size:13px;font-weight:720}.hr-dashboard-footer-metrics{z-index:2;align-items:center;gap:0;display:flex;position:relative}.hr-dashboard-footer-metrics>div{border-left:1px solid var(--hr-border);flex-direction:column;gap:4px;min-width:105px;padding:0 20px;display:flex}.hr-dashboard-footer-metrics>div:first-child{border-left:0}.hr-dashboard-footer-metrics strong{color:var(--hr-text);font-size:20px;font-weight:800;line-height:1}.hr-dashboard-footer-metrics span{color:var(--hr-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:650}.hr-dashboard-card:hover,.hr-dashboard-panel:hover,.hr-dashboard-list-item:hover,.hr-pipeline-item:hover,.hr-dashboard-recruitment-card:hover,.hr-operation-card:hover{cursor:default}@media (width<=1250px){.hr-dashboard{padding:28px}.hr-dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-dashboard-recruitment-grid,.hr-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-approval-row{grid-template-columns:minmax(190px,1.3fr) minmax(130px,1fr) minmax(110px,.8fr) minmax(100px,.7fr) auto}}@media (width<=1000px){.hr-dashboard{padding:24px}.hr-dashboard-header{flex-direction:column;align-items:flex-start}.hr-dashboard-header-actions{justify-content:flex-start;width:100%}.hr-dashboard-two-column{grid-template-columns:1fr}.hr-dashboard-recruitment-grid,.hr-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-approval-row{grid-template-columns:minmax(220px,1.5fr) minmax(160px,1fr) minmax(120px,.8fr);gap:14px}.hr-approval-salary,.hr-approval-date{padding-top:3px}.hr-approval-status{justify-self:start}.hr-dashboard-footer{flex-direction:column;align-items:flex-start}.hr-dashboard-footer-metrics{width:100%}.hr-dashboard-footer-metrics>div{flex:1}}@media (width<=760px){.hr-dashboard{padding:19px}.hr-dashboard-header{margin-bottom:24px;padding-bottom:21px}.hr-dashboard-header h1{font-size:29px}.hr-dashboard-header-actions{flex-direction:column;align-items:stretch}.hr-dashboard-updated,.hr-dashboard-refresh{width:100%}.hr-dashboard-kpi-grid{grid-template-columns:1fr}.hr-dashboard-grid,.hr-dashboard-recruitment-grid,.hr-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-operations-grid{grid-template-columns:1fr}.hr-approval-row{grid-template-columns:1fr 1fr;padding:15px}.hr-approval-candidate{grid-column:1/-1}.hr-approval-status{justify-self:start}.hr-dashboard-footer{padding:19px}.hr-dashboard-footer-metrics{width:100%}}@media (width<=600px){.hr-dashboard{padding:15px}.hr-dashboard-eyebrow{letter-spacing:1.5px;font-size:9px}.hr-dashboard-header h1{font-size:27px}.hr-dashboard-header p{font-size:11px}.hr-dashboard-kpi-card{min-height:112px;padding:17px}.hr-dashboard-kpi-icon{width:44px;height:44px}.hr-dashboard-kpi-content strong{font-size:27px}.hr-dashboard-panel,.hr-dashboard-premium-panel,.hr-dashboard-operations{border-radius:17px;padding:18px}.hr-dashboard-panel-header,.hr-panel-heading{gap:12px}.hr-dashboard-panel-header h2,.hr-panel-heading h2,.hr-dashboard-operations-heading h2{font-size:17px}.hr-dashboard-grid{grid-template-columns:1fr}.hr-dashboard-two-column{gap:14px}.hr-dashboard-list-item{grid-template-columns:40px minmax(0,1fr);align-items:center}.hr-dashboard-avatar{width:40px;height:40px}.hr-dashboard-status,.hr-dashboard-interview-badge{grid-column:2;justify-self:start}.hr-dashboard-list-meta{text-align:left;grid-column:2;align-items:flex-start;min-width:0}.hr-dashboard-recruitment-grid,.hr-pipeline{grid-template-columns:1fr 1fr}.hr-dashboard-recruitment-card{min-height:110px;padding:14px}.hr-dashboard-recruitment-card strong{font-size:24px}.hr-approval-row{grid-template-columns:1fr;gap:12px}.hr-approval-candidate{grid-column:auto}.hr-approval-position,.hr-approval-salary,.hr-approval-date{padding-left:52px}.hr-approval-status{justify-self:start;margin-left:52px}.hr-dashboard-footer{gap:18px}.hr-dashboard-footer-metrics{flex-direction:column;align-items:stretch;width:100%}.hr-dashboard-footer-metrics>div{border-left:0;border-top:1px solid var(--hr-border);width:100%;padding:12px 0}.hr-dashboard-footer-metrics>div:first-child{border-top:0;padding-top:0}}@media (width<=420px){.hr-dashboard{padding:12px}.hr-dashboard-header h1{font-size:25px}.hr-dashboard-card,.hr-dashboard-kpi-card{padding:15px}.hr-dashboard-kpi-icon{border-radius:11px;width:41px;height:41px}.hr-dashboard-kpi-content strong{font-size:25px}.hr-dashboard-recruitment-grid,.hr-pipeline{grid-template-columns:1fr}.hr-dashboard-panel,.hr-dashboard-premium-panel,.hr-dashboard-operations{padding:15px}.hr-panel-heading,.hr-dashboard-panel-header{align-items:flex-start}.hr-panel-badge,.hr-dashboard-count{min-width:34px;height:34px}.hr-dashboard-list-item{padding:11px}.hr-approval-position,.hr-approval-salary,.hr-approval-date{padding-left:0}.hr-approval-status{margin-left:0}}@media (prefers-reduced-motion:reduce){.hr-dashboard *,.hr-dashboard :before,.hr-dashboard :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hr-dashboard ::selection{color:#fff;background:#4f8cff47}.hr-dashboard{scrollbar-width:thin;scrollbar-color:#294361 #07111f}.hr-dashboard::-webkit-scrollbar{width:8px}.hr-dashboard::-webkit-scrollbar-track{background:#07111f}.hr-dashboard::-webkit-scrollbar-thumb{background:#294361;border-radius:999px}.hr-dashboard::-webkit-scrollbar-thumb:hover{background:#36577d}.hr-dashboard .hr-dashboard-kpi-section{box-sizing:border-box;width:100%;margin:0 0 34px;padding:0;position:relative}.hr-dashboard .hr-dashboard-section-heading{box-sizing:border-box;justify-content:space-between;align-items:flex-end;gap:30px;width:100%;margin:0 0 18px;display:flex}.hr-dashboard .hr-dashboard-section-heading>div:first-child{min-width:0}.hr-dashboard .hr-dashboard-section-heading>div:first-child>span{color:#6f91bc;letter-spacing:2.2px;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:800;line-height:1.2;display:block}.hr-dashboard .hr-dashboard-section-heading h2{color:#f4f7fc;letter-spacing:-.35px;margin:0;font-size:22px;font-weight:750;line-height:1.2}.hr-dashboard .hr-dashboard-section-line{background:linear-gradient(90deg,#4a89ff6b,#4a89ff14,#0000);flex:auto;height:1px;margin-bottom:7px}.hr-dashboard .hr-dashboard-kpi-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;margin:0;padding:0;display:grid}.hr-dashboard .hr-dashboard-kpi-card{isolation:isolate;box-sizing:border-box;background:linear-gradient(145deg,#122239fa,#0a182afa);border:1px solid #34517785;border-radius:17px;flex-direction:column;justify-content:space-between;min-width:0;min-height:154px;padding:18px 19px 16px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #0000002e,inset 0 1px #ffffff09}.hr-dashboard .hr-dashboard-kpi-card:before{content:"";z-index:-1;filter:blur(1px);pointer-events:none;background:#4a89ff12;border-radius:50%;width:150px;height:150px;transition:transform .35s,opacity .35s;position:absolute;top:-80px;right:-75px}.hr-dashboard .hr-dashboard-kpi-card:after{content:"";opacity:.65;pointer-events:none;background:linear-gradient(90deg,#4a89ffbf,#4a89ff00);border-radius:10px 10px 0 0;height:2px;position:absolute;bottom:0;left:18px;right:18px}.hr-dashboard .hr-dashboard-kpi-card:hover{background:linear-gradient(145deg,#152842fc,#0b1b2ffc);border-color:#467bc2b8;transform:translateY(-4px);box-shadow:0 20px 42px #00000042,0 0 0 1px #4a89ff09,inset 0 1px #ffffff0b}.hr-dashboard .hr-dashboard-kpi-card:hover:before{opacity:1;transform:scale(1.35)}.hr-dashboard .hr-kpi-top{z-index:2;box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;margin:0;display:flex;position:relative}.hr-dashboard .hr-kpi-icon{color:#8eb8ff;background:#233d5e7a;border:1px solid #5b8bcd40;border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:700;line-height:1;display:flex;box-shadow:inset 0 1px #ffffff0a}.hr-dashboard .hr-kpi-label{color:#7695bd;letter-spacing:1.45px;text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:10px;font-weight:800;line-height:1.3;overflow:hidden}.hr-dashboard .hr-kpi-value{z-index:2;color:#f7f9fd;letter-spacing:-1px;text-align:left;white-space:nowrap;width:100%;min-width:0;margin:18px 0 8px;font-size:34px;font-weight:780;line-height:1;display:block;position:relative}.hr-dashboard .hr-kpi-footer{z-index:2;color:#617fa6;box-sizing:border-box;border-top:1px solid #45608238;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;padding-top:11px;font-size:10px;font-weight:550;line-height:1.35;display:flex;position:relative}.hr-dashboard .hr-kpi-footer>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hr-dashboard .hr-kpi-arrow{color:#6ea3ff;flex:none;font-size:16px;font-weight:600;line-height:1;transition:transform .2s}.hr-dashboard .hr-dashboard-kpi-card:hover .hr-kpi-arrow{transform:translate(3px)}.hr-dashboard .hr-kpi-status-dot{background:#42d99a;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #42d99a14,0 0 12px #42d99a52}.hr-dashboard .hr-kpi-mini-meter{background:#4a698f40;border-radius:20px;flex:0 0 62px;width:62px;height:4px;overflow:hidden}.hr-dashboard .hr-kpi-mini-meter>span{border-radius:inherit;background:#61a3ff;width:0;height:100%;transition:width .4s;display:block;box-shadow:0 0 10px #61a3ff4d}.hr-dashboard .hr-dashboard-kpi-card.kpi-primary{border-color:#417acf7a}.hr-dashboard .hr-dashboard-kpi-card.kpi-primary .hr-kpi-icon{color:#79adff;background:#3169bb24;border-color:#4d8be547}.hr-dashboard .hr-dashboard-kpi-card.kpi-primary:after{background:linear-gradient(90deg,#4d8dff,#4d8dff00)}.hr-dashboard .hr-dashboard-kpi-card.kpi-success{border-color:#2e97746b}.hr-dashboard .hr-dashboard-kpi-card.kpi-success .hr-kpi-icon{color:#55dfa4;background:#27a77a1f;border-color:#41d29d40}.hr-dashboard .hr-dashboard-kpi-card.kpi-success:after{background:linear-gradient(90deg,#3ed69c,#3ed69c00)}.hr-dashboard .hr-dashboard-kpi-card.kpi-attendance{border-color:#3491ae6b}.hr-dashboard .hr-dashboard-kpi-card.kpi-attendance .hr-kpi-icon{color:#69d7ef;background:#24a3bf1f;border-color:#4dcae63d}.hr-dashboard .hr-dashboard-kpi-card.kpi-attendance:after{background:linear-gradient(90deg,#51c9e6,#51c9e600)}.hr-dashboard .hr-dashboard-kpi-card.kpi-warning{border-color:#b27e3561}.hr-dashboard .hr-dashboard-kpi-card.kpi-warning .hr-kpi-icon{color:#ffc05c;background:#c784271c;border-color:#ffb74b40}.hr-dashboard .hr-dashboard-kpi-card.kpi-warning:after{background:linear-gradient(90deg,#e9a942,#e9a94200)}.hr-dashboard .hr-dashboard-kpi-card.kpi-purple{border-color:#7b59be6b}.hr-dashboard .hr-dashboard-kpi-card.kpi-purple .hr-kpi-icon{color:#b596ff;background:#7046be21;border-color:#9c74eb45}.hr-dashboard .hr-dashboard-kpi-card.kpi-purple:after{background:linear-gradient(90deg,#9b70f4,#9b70f400)}.hr-dashboard .hr-dashboard-kpi-card.kpi-orange{border-color:#bc703466}.hr-dashboard .hr-dashboard-kpi-card.kpi-orange .hr-kpi-icon{color:#ffad69;background:#cb682a1f;border-color:#f0844140}.hr-dashboard .hr-dashboard-kpi-card.kpi-orange:after{background:linear-gradient(90deg,#e98a4e,#e98a4e00)}.hr-dashboard .hr-dashboard-kpi-card.kpi-success .hr-kpi-value{color:#f2fff9}.hr-dashboard .hr-dashboard-kpi-card.kpi-attendance .hr-kpi-value{color:#effcff}.hr-dashboard .hr-dashboard-kpi-card.kpi-warning .hr-kpi-value{color:#fff8eb}.hr-dashboard .hr-dashboard-kpi-card.kpi-purple .hr-kpi-value{color:#f8f4ff}.hr-dashboard .hr-dashboard-kpi-card.kpi-orange .hr-kpi-value{color:#fff7f0}.hr-dashboard .hr-dashboard-kpi-card .hr-kpi-value:empty{min-height:34px}@media (width<=1100px){.hr-dashboard .hr-dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.hr-dashboard .hr-dashboard-section-heading{flex-direction:column;align-items:flex-start;gap:10px}.hr-dashboard .hr-dashboard-section-line{display:none}.hr-dashboard .hr-dashboard-kpi-grid{grid-template-columns:1fr;gap:12px}.hr-dashboard .hr-dashboard-kpi-card{min-height:148px}}@media (width<=420px){.hr-dashboard .hr-dashboard-kpi-card{border-radius:15px;min-height:142px;padding:16px}.hr-dashboard .hr-kpi-icon{border-radius:10px;width:35px;height:35px}.hr-dashboard .hr-kpi-value{margin-top:15px;font-size:31px}.hr-dashboard .hr-kpi-label{letter-spacing:1.2px;font-size:9px}}.hr-dashboard .hr-dashboard-main-grid{box-sizing:border-box;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;width:100%;margin:0 0 28px;display:grid}.hr-dashboard .hr-dashboard-main-grid>.hr-dashboard-premium-panel{isolation:isolate;box-sizing:border-box;background:linear-gradient(145deg,#112238fa,#091728fc);border:1px solid #34517785;border-radius:18px;min-width:0;min-height:0;padding:22px;transition:border-color .22s,transform .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 16px 38px #0003,inset 0 1px #ffffff09}.hr-dashboard .hr-dashboard-main-grid>.hr-dashboard-premium-panel:before{content:"";z-index:-1;pointer-events:none;background:#4c8bff0e;border-radius:50%;width:190px;height:190px;position:absolute;top:-105px;right:-95px}.hr-dashboard .hr-dashboard-main-grid>.hr-dashboard-premium-panel:after{content:"";pointer-events:none;background:linear-gradient(90deg,#4e8bff73,#4e8bff0d,#0000);height:1px;position:absolute;bottom:0;left:22px;right:22px}.hr-dashboard .hr-dashboard-main-grid>.hr-dashboard-premium-panel:hover{border-color:#456c9da8;transform:translateY(-2px);box-shadow:0 22px 45px #00000040,inset 0 1px #ffffff0b}.hr-dashboard .hr-dashboard-main-grid .hr-panel-heading{z-index:2;box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:18px;width:100%;margin:0 0 22px;display:flex;position:relative}.hr-dashboard .hr-dashboard-main-grid .hr-panel-heading>div:first-child{min-width:0}.hr-dashboard .hr-dashboard-main-grid .hr-panel-eyebrow{color:#7295c0;letter-spacing:2px;text-transform:uppercase;margin:0 0 7px;font-size:9px;font-weight:800;line-height:1.2;display:block}.hr-dashboard .hr-dashboard-main-grid .hr-panel-heading h2{color:#f3f7fc;letter-spacing:-.25px;margin:0;font-size:19px;font-weight:750;line-height:1.25}.hr-dashboard .hr-dashboard-main-grid .hr-panel-heading p{color:#607d9f;margin:7px 0 0;font-size:11px;font-weight:500;line-height:1.45}.hr-dashboard .hr-dashboard-main-grid .hr-panel-badge{color:#c8d9ee;background:linear-gradient(145deg,#1d344fd9,#12253cbf);border:1px solid #5176a34d;border-radius:11px;flex:none;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex;box-shadow:inset 0 1px #ffffff09}.hr-dashboard .attendance-panel .hr-panel-heading{align-items:center}.hr-dashboard .attendance-panel .hr-attendance-score{flex:none;justify-content:center;align-items:center;display:flex}.hr-dashboard .attendance-panel .hr-attendance-ring{--ring-size:72px;width:var(--ring-size);height:var(--ring-size);background:conic-gradient(#59a0ff 0deg, #59a0ff var(--attendance,0deg), #405b7b38 var(--attendance,0deg), #405b7b38 360deg);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 22px #4e91ff1a,inset 0 0 12px #00000026}.hr-dashboard .attendance-panel .hr-attendance-ring:before{content:"";z-index:0;background:linear-gradient(145deg,#132944,#0b1c30);border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 1px #ffffff09}.hr-dashboard .attendance-panel .hr-attendance-ring>div{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex;position:relative}.hr-dashboard .attendance-panel .hr-attendance-ring strong{color:#f5f9ff;font-size:14px;font-weight:800;line-height:1;display:block}.hr-dashboard .attendance-panel .hr-attendance-ring span{color:#6684a7;letter-spacing:.5px;text-transform:uppercase;font-size:7px;font-weight:700;line-height:1.2;display:block}.hr-dashboard .attendance-panel .hr-attendance-stats{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0;display:grid}.hr-dashboard .attendance-panel .hr-attendance-stat{box-sizing:border-box;background:linear-gradient(145deg,#0f2035e6,#0a192beb);border:1px solid #37547761;border-radius:13px;align-items:center;gap:12px;min-width:0;min-height:62px;padding:12px 13px;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative}.hr-dashboard .attendance-panel .hr-attendance-stat:hover{background:linear-gradient(145deg,#132841f2,#0b1c30f5);border-color:#4a77a88c;transform:translateY(-2px)}.hr-dashboard .attendance-panel .hr-attendance-stat-icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.hr-dashboard .attendance-panel .hr-attendance-stat.present .hr-attendance-stat-icon{color:#54dda4;background:#39cd931a;border:1px solid #39cd9333}.hr-dashboard .attendance-panel .hr-attendance-stat.absent .hr-attendance-stat-icon{color:#ff737b;background:#f459631a;border:1px solid #f459632e}.hr-dashboard .attendance-panel .hr-attendance-stat.full-day .hr-attendance-stat-icon{color:#74aaff;background:#4b8bff1a;border:1px solid #4b8bff33}.hr-dashboard .attendance-panel .hr-attendance-stat.half-day .hr-attendance-stat-icon{color:#ffc45f;background:#eea9361a;border:1px solid #eea93633}.hr-dashboard .attendance-panel .hr-attendance-stat>div{flex-direction:column;gap:3px;min-width:0;display:flex}.hr-dashboard .attendance-panel .hr-attendance-stat strong{color:#f0f5fb;font-size:20px;font-weight:760;line-height:1;display:block}.hr-dashboard .attendance-panel .hr-attendance-stat>div>span{color:#6d89aa;font-size:10px;font-weight:600;line-height:1.3;display:block}.hr-dashboard .attendance-panel .hr-attendance-live{box-sizing:border-box;background:linear-gradient(145deg,#153a3342,#0b242233);border:1px solid #306f5b57;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:14px 15px;display:flex;position:relative}.hr-dashboard .attendance-panel .hr-attendance-live:before{content:"";background:#42d79a;border-radius:20px;width:2px;position:absolute;top:10px;bottom:10px;left:0;box-shadow:0 0 12px #42d79a40}.hr-dashboard .attendance-panel .hr-attendance-live>div{align-items:center;gap:11px;min-width:0;display:flex}.hr-dashboard .attendance-panel .hr-attendance-live-icon{color:#51dba1;background:#37d2961a;border:1px solid #37d2962e;border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.hr-dashboard .attendance-panel .hr-attendance-live strong{color:#dceee8;font-size:11px;font-weight:700;line-height:1.3;display:block}.hr-dashboard .attendance-panel .hr-attendance-live span{color:#66877e;margin-top:2px;font-size:9px;font-weight:500;line-height:1.35;display:block}.hr-dashboard .attendance-panel .hr-attendance-live-number{color:#54dfa4;flex:none;font-size:25px;font-weight:800;line-height:1}.hr-dashboard .workforce-panel .hr-workforce-status-list{box-sizing:border-box;flex-direction:column;gap:0;width:100%;margin:0;display:flex}.hr-dashboard .workforce-panel .hr-workforce-status-row{box-sizing:border-box;border-bottom:1px solid #3c567533;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:54px;padding:8px 0;display:grid}.hr-dashboard .workforce-panel .hr-workforce-status-row:last-child{border-bottom:none}.hr-dashboard .workforce-panel .hr-workforce-status-name{align-items:center;gap:10px;min-width:0;display:flex}.hr-dashboard .workforce-panel .hr-workforce-status-name>span:last-child{color:#dbe5f0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:620;line-height:1.3;overflow:hidden}.hr-dashboard .workforce-panel .status-marker{border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #ffffff06}.hr-dashboard .workforce-panel .status-marker.active{background:#46d99d;box-shadow:0 0 0 4px #46d99d14,0 0 12px #46d99d4d}.hr-dashboard .workforce-panel .status-marker.inactive{background:#6d829c}.hr-dashboard .workforce-panel .status-marker.on-notice{background:#f2b84b;box-shadow:0 0 0 4px #f2b84b12}.hr-dashboard .workforce-panel .status-marker.resigned{background:#a98cff;box-shadow:0 0 0 4px #a98cff12}.hr-dashboard .workforce-panel .status-marker.terminated{background:#ff6d78;box-shadow:0 0 0 4px #ff6d7812}.hr-dashboard .workforce-panel .hr-workforce-status-row>strong{color:#f2f6fb;text-align:right;min-width:24px;font-size:15px;font-weight:750;line-height:1}.hr-dashboard .workforce-panel .hr-workforce-percent{color:#6885a6;text-align:right;min-width:38px;font-size:10px;font-weight:650;line-height:1}.hr-dashboard .workforce-panel .hr-workforce-status-row:first-child>strong{color:#55dda3}.hr-dashboard .workforce-panel .hr-workforce-status-row:nth-child(3)>strong{color:#f2bd57}.hr-dashboard .workforce-panel .hr-workforce-status-row:nth-child(4)>strong{color:#b69cff}.hr-dashboard .workforce-panel .hr-workforce-status-row:nth-child(5)>strong{color:#ff747e}.hr-dashboard .workforce-panel .hr-workforce-total{box-sizing:border-box;background:#12263d80;border:1px solid #435f8147;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding:12px 14px;display:flex}.hr-dashboard .workforce-panel .hr-workforce-total span{color:#708dab;letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:700}.hr-dashboard .workforce-panel .hr-workforce-total strong{color:#eaf2fb;font-size:16px;font-weight:800}@media (width<=1050px){.hr-dashboard .hr-dashboard-main-grid{grid-template-columns:1fr 1fr}}@media (width<=820px){.hr-dashboard .hr-dashboard-main-grid{grid-template-columns:1fr}.hr-dashboard .hr-dashboard-main-grid>.hr-dashboard-premium-panel{width:100%}}@media (width<=560px){.hr-dashboard .hr-dashboard-main-grid>.hr-dashboard-premium-panel{border-radius:15px;padding:17px}.hr-dashboard .hr-dashboard-main-grid .hr-panel-heading{margin-bottom:17px}.hr-dashboard .attendance-panel .hr-attendance-stats{grid-template-columns:1fr}.hr-dashboard .attendance-panel .hr-attendance-live{align-items:flex-start}}@media (width<=400px){.hr-dashboard .workforce-panel .hr-workforce-status-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.hr-dashboard .workforce-panel .hr-workforce-percent{display:none}.hr-dashboard .attendance-panel .hr-attendance-ring{--ring-size:64px}}.hr-pipeline{box-sizing:border-box;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;width:100%;margin-top:24px;display:grid}.hr-pipeline-item{box-sizing:border-box;text-align:left;background:linear-gradient(145deg,#13253df5 0%,#0b1b2ef5 100%);border:1px solid #47699157;border-radius:16px;flex-direction:column;justify-content:space-between;min-width:0;min-height:150px;padding:20px 18px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 10px 28px #0003}.hr-pipeline-item:before{content:"";opacity:.9;background:linear-gradient(90deg,#4f8cff 0%,#4f8cff40 100%);height:2px;position:absolute;top:0;left:0;right:0}.hr-pipeline-item:after{content:"";pointer-events:none;background:#3f7eff14;border-radius:50%;width:100px;height:100px;position:absolute;top:-45px;right:-45px}.hr-pipeline-item:hover{background:linear-gradient(145deg,#162b46fa 0%,#0c1f34fa 100%);border-color:#4e8bff8c;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff0b,0 16px 34px #00000047,0 0 24px #3a78ff12}.hr-pipeline-item span{z-index:2;color:#7694bb;letter-spacing:.12em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;font-size:11px;font-weight:700;line-height:1.4;display:block;position:relative;overflow:hidden}.hr-pipeline-item strong{z-index:2;color:#f4f7fc;letter-spacing:-.04em;margin:16px 0 0;font-size:34px;font-weight:750;line-height:1;display:block;position:relative}.hr-pipeline-item small{z-index:2;color:#587494;margin-top:12px;font-size:11px;font-weight:500;line-height:1.45;display:block;position:relative}.hr-dashboard-panel .hr-pipeline{margin-top:22px}@media (width<=1200px){.hr-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-pipeline-item{min-height:145px}}@media (width<=800px){.hr-pipeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (width<=520px){.hr-pipeline{grid-template-columns:1fr;gap:10px}.hr-pipeline-item{min-height:125px;padding:18px}.hr-pipeline-item strong{font-size:30px}}.hr-dashboard .hr-pipeline{box-sizing:border-box!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:14px!important;width:100%!important;margin-top:24px!important;display:grid!important}.hr-dashboard .hr-pipeline .hr-pipeline-item{box-sizing:border-box!important;text-align:left!important;background:linear-gradient(145deg,#12243a 0%,#0c1b2d 100%)!important;border:1px solid #46699673!important;border-radius:16px!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-start!important;width:auto!important;min-width:0!important;min-height:145px!important;padding:22px 20px!important;display:flex!important;position:relative!important;overflow:hidden!important;transform:none!important;box-shadow:inset 0 1px #ffffff0a,0 12px 30px #00000038!important}.hr-dashboard .hr-pipeline .hr-pipeline-item:before{content:""!important;opacity:.95!important;background:#4f8cff!important;height:3px!important;position:absolute!important;top:0!important;left:0!important;right:0!important}.hr-dashboard .hr-pipeline .hr-pipeline-item:after{content:""!important;pointer-events:none!important;background:#4f8cff14!important;border-radius:50%!important;width:120px!important;height:120px!important;position:absolute!important;top:-65px!important;right:-65px!important}.hr-dashboard .hr-pipeline .hr-pipeline-item:hover{background:linear-gradient(145deg,#172c47 0%,#0d2035 100%)!important;border-color:#4f8cffa6!important;transform:translateY(-4px)!important;box-shadow:inset 0 1px #ffffff0d,0 18px 38px #00000047!important}.hr-dashboard .hr-pipeline .hr-pipeline-item span{z-index:2!important;color:#7fa0c8!important;letter-spacing:.11em!important;text-align:left!important;text-transform:uppercase!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;margin:0!important;padding:0!important;font-size:11px!important;font-weight:700!important;line-height:1.4!important;display:block!important;position:relative!important;overflow:hidden!important}.hr-dashboard .hr-pipeline .hr-pipeline-item strong{z-index:2!important;color:#f5f8fd!important;letter-spacing:-.04em!important;text-align:left!important;width:100%!important;margin:18px 0 0!important;padding:0!important;font-size:36px!important;font-weight:750!important;line-height:1!important;display:block!important;position:relative!important}@media (width<=1100px){.hr-dashboard .hr-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=720px){.hr-dashboard .hr-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=480px){.hr-dashboard .hr-pipeline{grid-template-columns:1fr!important}}.hr-approval-section{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;display:flex}.hr-approval-section-heading{box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:58px;padding:0 2px;display:flex}.hr-approval-section-heading>div{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-width:0;display:flex}.hr-approval-section-heading strong{color:#f5f8ff;white-space:nowrap;margin:0;font-size:23px;font-weight:700;line-height:1.2;display:block}.hr-approval-section-heading span:not(.hr-panel-badge){color:#7f9abd;white-space:nowrap;margin:0;font-size:14px;line-height:1.4;display:block}.hr-approval-section-heading .hr-panel-badge{box-sizing:border-box;color:#f4f8ff;background:#1c45748c;border:1px solid #568fdc47;border-radius:14px;flex:none;justify-content:center;align-items:center;min-width:48px;height:48px;padding:0 14px;font-size:16px;font-weight:700;display:flex}.hr-approval-list{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;display:flex}.hr-approval-row{box-sizing:border-box;background:linear-gradient(135deg,#102742f5,#081b30f5);border:1px solid #35679d73;border-radius:20px;grid-template-columns:minmax(250px,1.5fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(130px,.7fr) auto;align-items:center;column-gap:24px;width:100%;min-height:150px;padding:22px 28px;display:grid;position:relative;overflow:visible}.hr-approval-candidate{align-items:center;gap:16px;min-width:0;display:flex}.hr-approval-avatar{color:#eaf3ff;background:#1a416d8c;border:1px solid #5291dd59;border-radius:15px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;font-size:15px;font-weight:800;display:flex}.hr-approval-candidate>div:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.hr-approval-candidate strong{color:#f3f7ff;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;line-height:1.25;display:block;overflow:hidden}.hr-approval-candidate span{color:#7896b8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.3;display:block;overflow:hidden}.hr-approval-row>div{min-width:0}.hr-approval-row>div strong{color:#f1f6ff}.hr-approval-row>div span{color:#7f9abd}.hr-approval-row .hr-approval-status,.hr-approval-row .approval-status{box-sizing:border-box;color:#d8a85d;letter-spacing:.7px;background:#71501b38;border:1px solid #d6a04a59;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:34px;padding:7px 14px;font-size:11px;font-weight:800;display:inline-flex}.hr-approval-actions{z-index:10;position:relative;visibility:visible!important;opacity:1!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:9px!important;width:auto!important;min-width:max-content!important;display:flex!important;overflow:visible!important}.hr-approval-actions button,.hr-approval-row button{box-sizing:border-box;cursor:pointer;white-space:nowrap;border-radius:10px;font-family:inherit;transition:transform .15s,filter .15s,background .15s,border-color .15s;position:relative;visibility:visible!important;opacity:1!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:92px!important;min-height:40px!important;padding:9px 15px!important;font-size:12px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}.hr-approval-actions button:first-child,.hr-approval-row button[data-action=approve]{color:#53e0a4!important;background:#0f6f4c47!important;border:1px solid #2dcc8d73!important}.hr-approval-actions button:first-child:hover,.hr-approval-row button[data-action=approve]:hover{transform:translateY(-1px);background:#1691626b!important;border-color:#4ae0a4bf!important}.hr-approval-actions button:nth-child(2),.hr-approval-row button[data-action=reject]{color:#ff8585!important;background:#82202840!important;border:1px solid #ef606073!important}.hr-approval-actions button:nth-child(2):hover,.hr-approval-row button[data-action=reject]:hover{transform:translateY(-1px);background:#9d27306b!important;border-color:#ff6f6fbf!important}.hr-approval-actions button:nth-child(3),.hr-approval-row button[data-action=send-back]{color:#83bdf5!important;background:#1e53894d!important;border:1px solid #4e99e673!important}.hr-approval-actions button:nth-child(3):hover,.hr-approval-row button[data-action=send-back]:hover{transform:translateY(-1px);background:#2668aa7a!important;border-color:#64b0f4bf!important}.hr-approval-actions button:focus-visible,.hr-approval-row button:focus-visible{outline-offset:2px;outline:2px solid #5da4f7cc}.hr-approval-actions button span,.hr-approval-actions button svg,.hr-approval-actions button i{visibility:visible!important;opacity:1!important;display:inline-flex!important}.hr-approval-section,.hr-approval-list,.hr-approval-row{overflow:visible!important}@media (width<=1250px){.hr-approval-row{grid-template-columns:minmax(220px,1fr) minmax(130px,.7fr) minmax(130px,.7fr);row-gap:18px}.hr-approval-actions{grid-column:1/-1;justify-content:flex-start!important}}@media (width<=760px){.hr-approval-section-heading{align-items:flex-start}.hr-approval-section-heading strong{font-size:19px}.hr-approval-row{flex-direction:column;align-items:stretch;gap:18px;padding:20px;display:flex}.hr-approval-actions{flex-wrap:wrap;justify-content:stretch!important;width:100%!important}.hr-approval-actions button,.hr-approval-row button{flex:auto;min-width:100px!important}}.hr-approval-actions{box-sizing:border-box;border-top:1px solid #46709e38;grid-column:1/-1;gap:14px;width:100%;margin-top:4px;padding-top:18px;justify-content:flex-end!important;align-items:center!important;display:flex!important}.hr-approval-actions .hr-approval-status{color:#e1ad5c;letter-spacing:.7px;white-space:nowrap;background:#71501b38;border:1px solid #d6a04a59;border-radius:999px;justify-content:center;align-items:center;min-height:34px;margin-right:auto;padding:7px 14px;font-size:11px;font-weight:800;display:inline-flex}.hr-approval-buttons{flex-wrap:nowrap;gap:10px;visibility:visible!important;opacity:1!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;display:flex!important;overflow:visible!important}.hr-approval-buttons .hr-approval-btn{letter-spacing:.2px;white-space:nowrap;cursor:pointer;box-sizing:border-box;border-radius:10px;min-width:105px;height:40px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:800;line-height:1;transition:background .15s,border-color .15s,transform .15s,opacity .15s;visibility:visible!important;opacity:1!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}.hr-approval-btn-approve{color:#5be4aa!important;background:#0f6f4c4d!important;border:1px solid #2dd28f7a!important}.hr-approval-btn-approve:hover:not(:disabled){transform:translateY(-1px);background:#138f5e73!important;border-color:#4ae7a5cc!important}.hr-approval-btn-reject{color:#ff8585!important;background:#82202845!important;border:1px solid #ef60607a!important}.hr-approval-btn-reject:hover:not(:disabled){transform:translateY(-1px);background:#9e283173!important;border-color:#ff6f6fcc!important}.hr-approval-btn-sendback{color:#83bdf5!important;background:#1e53894d!important;border:1px solid #4e99e67a!important}.hr-approval-btn-sendback:hover:not(:disabled){transform:translateY(-1px);background:#2668aa7a!important;border-color:#64b0f4cc!important}.hr-approval-buttons .hr-approval-btn:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.hr-approval-buttons .hr-approval-btn:focus-visible{outline-offset:2px;outline:2px solid #5da4f7d9}@media (width<=850px){.hr-approval-actions{gap:14px;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important}.hr-approval-actions .hr-approval-status{margin-right:0}.hr-approval-buttons{flex-wrap:wrap;width:100%;justify-content:flex-start!important}}@media (width<=520px){.hr-approval-buttons{grid-template-columns:1fr;width:100%;display:grid!important}.hr-approval-buttons .hr-approval-btn{width:100%;min-width:0}}.hr-approval-row{align-items:center;overflow:visible!important}.hr-approval-row>.hr-approval-actions{grid-column:1/-1!important}.hr-dashboard-recruitment-section{background:radial-gradient(circle at 10% 0,#3670d61a,#0000 35%),linear-gradient(145deg,#0a1c33fa,#051121fa);border:1px solid #5e97ff29;border-radius:24px;margin-top:28px;padding:30px 32px 32px;position:relative;overflow:hidden;box-shadow:0 20px 55px #00000038,inset 0 1px #ffffff06}.hr-dashboard-recruitment-section .hr-dashboard-section-heading.recruitment-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.hr-dashboard-recruitment-section .recruitment-heading>div:first-child>span{color:#76a8ee;letter-spacing:2.4px;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:8px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.hr-dashboard-recruitment-section .recruitment-heading>div:first-child>span:before{content:"";background:#4f8cff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4f8cff1a,0 0 14px #4f8cff73}.hr-dashboard-recruitment-section .recruitment-heading h2{color:#f4f7fb;letter-spacing:-.5px;margin:0;font-size:27px;font-weight:750;line-height:1.15}.hr-dashboard-recruitment-section .recruitment-heading p{color:#7795bb;margin:8px 0 0;font-size:14px;line-height:1.5}.hr-recruitment-total{background:#142f4f8c;border:1px solid #598fde33;border-radius:14px;flex-direction:column;align-items:flex-end;min-width:105px;padding:12px 17px 13px;display:flex;box-shadow:inset 0 1px #ffffff06}.hr-recruitment-total span{color:#6e91bc;letter-spacing:1.8px;font-size:9px;font-weight:800}.hr-recruitment-total strong{color:#fff;margin-top:3px;font-size:25px;font-weight:800;line-height:1}.hr-recruitment-pipeline{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%;display:grid;position:relative}.hr-recruitment-stage{background:linear-gradient(160deg,#122b49f2,#08192df5);border:1px solid #5b91dc26;border-radius:17px;flex-direction:column;min-width:0;min-height:155px;padding:19px 17px 18px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden}.hr-recruitment-stage:before{content:"";opacity:.8;background:linear-gradient(90deg,#4f8cffd9,#4f8cff00);height:2px;position:absolute;top:0;left:0;right:0}.hr-recruitment-stage:hover{background:linear-gradient(160deg,#153153fa,#091c32fa);border-color:#5b97f557;transform:translateY(-3px);box-shadow:0 12px 30px #0003,0 0 22px #3675d312}.hr-stage-number{color:#6e9ee1;letter-spacing:.5px;background:#4377be1a;border:1px solid #6499e12e;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:17px;font-size:11px;font-weight:800;display:flex}.hr-stage-label{color:#b7c9df;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;line-height:1.3;display:block;overflow:hidden}.hr-stage-value{color:#f5f8fc;letter-spacing:-.5px;margin-top:7px;font-size:28px;font-weight:800;line-height:1;display:block}.hr-stage-note{color:#6888ae;margin-top:auto;padding-top:15px;font-size:10px;font-weight:500;line-height:1.35;display:block}.hr-recruitment-stage.pipeline-candidates:before{background:linear-gradient(90deg,#4f8cff,#0000)}.hr-recruitment-stage.pipeline-interviews:before{background:linear-gradient(90deg,#5d9cff,#0000)}.hr-recruitment-stage.pipeline-pending:before{background:linear-gradient(90deg,#e5a84b,#0000)}.hr-recruitment-stage.pipeline-pending .hr-stage-value{color:#f0b65d}.hr-recruitment-stage.pipeline-selected:before{background:linear-gradient(90deg,#55c99a,#0000)}.hr-recruitment-stage.pipeline-selected .hr-stage-value{color:#67d6a6}.hr-recruitment-stage.pipeline-approved:before{background:linear-gradient(90deg,#5b9cff,#0000)}.hr-recruitment-stage.pipeline-approved .hr-stage-value{color:#78adff}.hr-recruitment-stage.pipeline-offers:before{background:linear-gradient(90deg,#8a7cff,#0000)}.hr-recruitment-stage.pipeline-offers .hr-stage-value{color:#a295ff}@media (width<=1200px){.hr-recruitment-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-recruitment-stage{min-height:145px}}@media (width<=760px){.hr-dashboard-recruitment-section{border-radius:20px;padding:24px 20px}.hr-dashboard-recruitment-section .hr-dashboard-section-heading.recruitment-heading{align-items:flex-start}.hr-recruitment-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-stage-value{font-size:25px}}@media (width<=480px){.hr-dashboard-recruitment-section{padding:21px 16px}.hr-dashboard-recruitment-section .hr-dashboard-section-heading.recruitment-heading{flex-direction:column;align-items:stretch}.hr-recruitment-total{align-self:flex-start;align-items:flex-start}.hr-dashboard-recruitment-section .recruitment-heading h2{font-size:23px}.hr-recruitment-pipeline{grid-template-columns:1fr}.hr-recruitment-stage{min-height:130px}}.hr-dashboard-operations{background:radial-gradient(circle at 15% 0,#3770d217,#0000 38%),linear-gradient(145deg,#0a1d34fa,#051120fa);border:1px solid #5b91dc29;border-radius:24px;margin-top:28px;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 55px #00000038,inset 0 1px #ffffff06}.hr-dashboard-operations-heading{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.hr-dashboard-operations-heading .hr-panel-eyebrow{color:#76a8ee;letter-spacing:2.4px;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:9px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.hr-dashboard-operations-heading .hr-panel-eyebrow:before{content:"";background:#4f8cff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4f8cff1a,0 0 14px #4f8cff73}.hr-dashboard-operations-heading h2{color:#f3f7fc;letter-spacing:-.5px;margin:0;font-size:27px;font-weight:750;line-height:1.2}.hr-dashboard-operations-heading p{color:#7897bd;max-width:600px;margin:9px 0 0;font-size:14px;line-height:1.5}.hr-operations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.hr-operation-card{background:linear-gradient(145deg,#0d233df5,#07172afa);border:1px solid #5b91dc26;border-radius:17px;align-items:center;gap:18px;min-width:0;min-height:126px;padding:20px 22px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden}.hr-operation-card:before{content:"";opacity:.75;background:linear-gradient(90deg,#4f8cffbf,#4f8cff00);height:2px;position:absolute;top:0;left:0;right:0}.hr-operation-card:hover{background:linear-gradient(145deg,#112b49fa,#081b30fa);border-color:#5b97f552;transform:translateY(-3px);box-shadow:0 12px 28px #0003,0 0 20px #3675d30f}.hr-operation-icon{color:#6fa7ff;background:linear-gradient(145deg,#28568f4d,#1231563d);border:1px solid #508fe833;border-radius:14px;flex:0 0 54px;justify-content:center;align-items:center;width:54px;height:54px;font-size:21px;line-height:1;display:flex;box-shadow:inset 0 1px #ffffff06}.hr-operation-card>div{flex-direction:column;justify-content:center;gap:5px;min-width:0;display:flex}.hr-operation-card strong{color:#f5f8fc;letter-spacing:-.5px;margin:0;font-size:27px;font-weight:800;line-height:1;display:block}.hr-operation-card>div>span{color:#7898bd;margin:0;font-size:12px;font-weight:600;line-height:1.25;display:block}.hr-operation-card:first-child:before{background:linear-gradient(90deg,#6b70d8,#0000)}.hr-operation-card:first-child .hr-operation-icon{color:#9b83ed}.hr-operation-card:nth-child(2):before{background:linear-gradient(90deg,#4f9cff,#0000)}.hr-operation-card:nth-child(2) .hr-operation-icon{color:#69aaff}.hr-operation-card:nth-child(3):before{background:linear-gradient(90deg,#e5a84b,#0000)}.hr-operation-card:nth-child(3) .hr-operation-icon,.hr-operation-card:nth-child(3) strong{color:#f0b65d}.hr-operation-card:nth-child(4):before{background:linear-gradient(90deg,#e1b94e,#0000)}.hr-operation-card:nth-child(4) .hr-operation-icon{color:#e9bd58}.hr-operation-card:nth-child(4) strong{color:#f1c361}.hr-operation-card:nth-child(5):before{background:linear-gradient(90deg,#55c99a,#0000)}.hr-operation-card:nth-child(5) .hr-operation-icon{color:#62d5a5}.hr-operation-card:nth-child(5) strong{color:#72dbae}.hr-operation-card:nth-child(6):before{background:linear-gradient(90deg,#887bff,#0000)}.hr-operation-card:nth-child(6) .hr-operation-icon{color:#9c91ff}.hr-operation-card:nth-child(6) strong{color:#a79cff}@media (width<=1100px){.hr-operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.hr-dashboard-operations{padding:25px 20px}.hr-dashboard-operations-heading h2{font-size:24px}.hr-operations-grid{grid-template-columns:1fr}}@media (width<=450px){.hr-dashboard-operations{border-radius:20px;padding:22px 16px}.hr-operation-card{min-height:110px;padding:17px}.hr-operation-icon{flex-basis:48px;width:48px;height:48px;font-size:19px}.hr-operation-card strong{font-size:24px}}.hr-dashboard-main-grid.secondary-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;gap:24px;width:100%;display:grid}.hr-dashboard-premium-panel{background:radial-gradient(circle at 15% 0,#4678d21f,#0000 32%),linear-gradient(145deg,#12223afa,#0a1728fa);border:1px solid #709cdc2e;border-radius:24px;min-width:0;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0000002e,inset 0 1px #ffffff06}.hr-panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.hr-panel-heading>div:first-child{min-width:0}.hr-panel-eyebrow{color:#6f9bd0;letter-spacing:2.4px;margin-bottom:7px;font-size:11px;font-weight:800;line-height:1.2;display:block}.hr-panel-heading h2{color:#f4f7fb;letter-spacing:-.5px;margin:0;font-size:25px;font-weight:750;line-height:1.2}.hr-panel-heading p{color:#7890ad;margin:8px 0 0;font-size:14px;line-height:1.5}.hr-panel-badge{color:#dbe9ff;background:linear-gradient(145deg,#26456fb3,#112643bf);border:1px solid #6497e040;border-radius:15px;flex:none;justify-content:center;align-items:center;min-width:52px;height:52px;font-size:17px;font-weight:750;display:flex;box-shadow:inset 0 1px #ffffff0a}.hr-employee-list{border-top:1px solid #7091b81f;flex-direction:column;width:100%;display:flex}.hr-employee-row{border-bottom:1px solid #7091b81a;grid-template-columns:46px minmax(170px,1fr) minmax(120px,.75fr) auto;align-items:center;column-gap:16px;min-height:78px;padding:13px 4px;transition:background .16s,transform .16s;display:grid}.hr-employee-row:last-child{border-bottom:0}.hr-employee-row:hover{background:#4d7bbe0e}.hr-employee-avatar{color:#a9c2ff;background:linear-gradient(145deg,#213a70,#182b55);border:1px solid #6b93de2e;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:13px;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffff09}.hr-employee-main{flex-direction:column;gap:5px;min-width:0;display:flex}.hr-employee-main strong{text-overflow:ellipsis;white-space:nowrap;color:#edf3fb;font-size:15px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.hr-employee-main span{text-overflow:ellipsis;white-space:nowrap;color:#7189a6;font-size:12px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.hr-employee-role{flex-direction:column;gap:5px;min-width:0;display:flex}.hr-employee-role strong{text-overflow:ellipsis;white-space:nowrap;color:#cbd8e9;font-size:13px;font-weight:650;line-height:1.3;display:block;overflow:hidden}.hr-employee-role span{text-overflow:ellipsis;white-space:nowrap;color:#6f87a4;font-size:12px;line-height:1.3;display:block;overflow:hidden}.hr-employee-status{color:#a9bad0;letter-spacing:.2px;white-space:nowrap;background:#ffffff06;border:1px solid #7091b826;border-radius:999px;justify-content:center;justify-self:end;align-items:center;min-width:78px;padding:7px 11px;font-size:11px;font-weight:750;display:inline-flex}.hr-employee-status.active{color:#63dba5;background:#37d29114;border-color:#37d29138}.hr-employee-status.inactive{color:#98a7bb;background:#96a4b90f;border-color:#96a4b92e}.hr-employee-status.resigned{color:#eab16c;background:#f4ae5214;border-color:#f4ae5238}.hr-employee-status.terminated{color:#ed7c86;background:#ee5b6714;border-color:#ee5b6738}.hr-dashboard-empty{color:#7189a6;border:1px dashed #7091b826;border-radius:16px;justify-content:center;align-items:center;min-height:180px;padding:30px;font-size:14px;display:flex}@media (width<=1100px){.hr-dashboard-main-grid.secondary-grid{grid-template-columns:1fr}}@media (width<=700px){.hr-dashboard-premium-panel{border-radius:20px;padding:20px}.hr-panel-heading h2{font-size:21px}.hr-employee-row{grid-template-columns:42px minmax(0,1fr) auto;column-gap:12px}.hr-employee-avatar{width:42px;height:42px}.hr-employee-role{display:none}.hr-employee-status{min-width:auto;padding:6px 9px}}.hr-dashboard-premium-panel{border-radius:20px;padding:22px}.hr-panel-heading{gap:14px;margin-bottom:18px}.hr-panel-eyebrow{letter-spacing:2px;margin-bottom:5px;font-size:10px}.hr-panel-heading h2{letter-spacing:-.3px;font-size:21px}.hr-panel-heading p{margin-top:5px;font-size:12px}.hr-panel-badge{border-radius:12px;min-width:42px;height:42px;font-size:14px}.hr-employee-row{grid-template-columns:40px minmax(140px,1fr) minmax(105px,.7fr) auto;column-gap:12px;min-height:62px;padding:9px 4px}.hr-employee-avatar{border-radius:12px;width:40px;height:40px;font-size:11px}.hr-employee-main{gap:3px}.hr-employee-main strong{font-size:13px}.hr-employee-main span{font-size:11px}.hr-employee-role{gap:3px}.hr-employee-role strong{font-size:12px}.hr-employee-role span{font-size:11px}.hr-employee-status{min-width:68px;padding:6px 9px;font-size:10px}.staff-page{box-sizing:border-box;color:#e9eff7;background:#0b1220;width:100%;min-height:100%;padding:28px}.page-eyebrow{color:#6f9cff;letter-spacing:.14em;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.page-header h1{color:#f4f7fb;margin:0;font-size:30px;font-weight:700;line-height:1.15}.card{color:#e9eff7;box-sizing:border-box;background:#101a2a;border:1px solid #1c2b40;border-radius:12px;box-shadow:0 8px 28px #0000002e}.staff-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.staff-overview-card{background:#101a2a;border:1px solid #1c2b40;border-radius:11px;min-width:0;padding:18px;box-shadow:0 6px 20px #00000024}.staff-overview-card span{color:#8fa4c0;font-size:12px;font-weight:600;display:block}.staff-overview-card strong{color:#f4f7fb;margin-top:8px;font-size:28px;line-height:1;display:block}.staff-overview-card small{color:#657792;margin-top:7px;font-size:11px;display:block}.staff-form{margin-bottom:24px;padding:22px}.card-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.card-header h2{color:#f2f6fc;margin:0;font-size:18px;font-weight:700}.card-header p{color:#7186a3;margin:6px 0 0;font-size:12px;line-height:1.5}.form-field input,.form-field select{color:#f4f7fb;width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#0d1929;border:1px solid #263852;border-radius:9px;outline:none;padding:0 13px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.primary-button,.secondary-button{min-height:42px;font:inherit;cursor:pointer;border-radius:9px;padding:0 18px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .12s,box-shadow .18s}.primary-button:hover:not(:disabled){background:#182941;border-color:#284261;box-shadow:0 6px 20px #00000038}.secondary-button:hover:not(:disabled){color:#f4f7fb;background:#111f32;border-color:#38516f}.error,.success{border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.45}.error{color:#f08b86;background:#dc4b4514;border:1px solid #dc4b4540}.success{color:#63d394;background:#35c87814;border:1px solid #35c87833}.staff-list-card{overflow:hidden}.staff-list-header{border-bottom:1px solid #1c2b40;padding:20px 22px}.staff-list-header p{margin-top:5px}.staff-toolbar{border-bottom:1px solid #1c2b40;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex}.search-field{flex:1;max-width:360px}.search-field input{color:#f4f7fb;width:100%;min-height:40px;font:inherit;box-sizing:border-box;background:#0d1929;border:1px solid #263852;border-radius:8px;outline:none;padding:0 12px;font-size:13px}.search-field input::placeholder{color:#657792}.search-field input:focus{border-color:#4d82ff;box-shadow:0 0 0 3px #4d82ff1f}.status-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-button{color:#899bb2;min-height:34px;font:inherit;cursor:pointer;background:#101c2d;border:1px solid #2a3d57;border-radius:7px;padding:0 11px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,color .18s}.filter-button:hover{color:#f2f6fc;background:#182941;border-color:#38516f}.filter-button.active{color:#a9c4ff;background:#162b4c;border-color:#3b66bd}.staff-identity{align-items:center;gap:11px;min-width:210px;display:flex}.staff-avatar{color:#9dbbff;background:#172337;border:1px solid #2d4668;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.table-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.table-action{color:#aebed2;min-height:34px;font:inherit;cursor:pointer;background:#101c2d;border:1px solid #2b3e58;border-radius:7px;padding:0 11px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,color .18s}.table-action.success:hover{background:#35c8781f;border-color:#35c87866}@media (width<=1000px){.staff-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.form-grid{grid-template-columns:1fr}.staff-toolbar{flex-direction:column;align-items:stretch}.search-field{max-width:none}.form-actions{justify-content:stretch}.form-actions .primary-button,.form-actions .secondary-button{flex:1}}@media (width<=640px){.staff-page{padding:18px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header .primary-button{width:100%}.staff-overview{grid-template-columns:1fr}.staff-form,.card{border-radius:10px}.form-grid{gap:16px}.form-actions{flex-direction:column-reverse}.form-actions .primary-button,.form-actions .secondary-button{width:100%}.staff-list-header{flex-direction:column;align-items:flex-start}}.staff-page{position:relative}.staff-page .page-header{z-index:20;position:relative}.staff-page .page-header .primary-button{z-index:100;cursor:pointer;position:relative;pointer-events:auto!important}.staff-page .staff-form{z-index:50;position:relative}.recruitment-page{--rc-bg:#07111f;--rc-surface:#0b1727;--rc-surface-2:#0e1c2f;--rc-surface-3:#111f33;--rc-border:#809ec724;--rc-border-strong:#809ec738;--rc-text:#f4f7fb;--rc-text-soft:#a8b7ca;--rc-text-muted:#71839c;--rc-accent:#5d8cff;--rc-accent-soft:#5d8cff1f;box-sizing:border-box;background:radial-gradient(circle at 85% 0%, #375faa14, transparent 28%), radial-gradient(circle at 10% 25%, #2c4e870f, transparent 30%), var(--rc-bg);width:100%;min-height:100%;color:var(--rc-text);padding:30px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.recruitment-header h1{color:#f7f9fc;letter-spacing:-.025em;margin:0;font-size:30px;font-weight:750;line-height:1.15}.recruitment-header p{max-width:620px;color:var(--rc-text-muted);margin:9px 0 0;font-size:13px;line-height:1.6}.recruitment-header-actions{align-items:center;gap:9px;display:flex}.recruitment-btn{cursor:pointer;border-radius:8px;min-height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}.recruitment-btn:hover:not(:disabled){transform:translateY(-1px)}.recruitment-btn:active:not(:disabled){transform:translateY(0)}.recruitment-btn.primary{color:#cfe0ff;background:linear-gradient(#5d8cff38,#5d8cff1f);border:1px solid #5d8cff6b;box-shadow:0 8px 22px #0000002e}.recruitment-btn.primary:hover:not(:disabled){background:linear-gradient(#5d8cff4d,#5d8cff29);border-color:#5d8cffa6}.recruitment-btn.secondary{border:1px solid var(--rc-border-strong);color:var(--rc-text-soft);background:#ffffff06}.recruitment-btn.secondary:hover:not(:disabled){color:var(--rc-text);background:#ffffff0e;border-color:#809ec759}.recruitment-alert{border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:13px 15px;font-size:12px;line-height:1.5;display:flex}.recruitment-alert button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:18px}.recruitment-stat{border:1px solid var(--rc-border);box-sizing:border-box;background:linear-gradient(145deg,#112034f0,#0a1727f5);border-radius:10px;min-height:104px;padding:17px 18px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.recruitment-stat:after{content:"";background:#5d8cff0d;border-radius:50%;width:90px;height:90px;position:absolute;top:-45px;right:-45px}.recruitment-stat:hover{border-color:#5d8cff40;transform:translateY(-2px)}.recruitment-stat span{z-index:1;color:var(--rc-text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:750;display:block;position:relative}.recruitment-stat strong{z-index:1;color:#f3f6fb;letter-spacing:-.03em;margin-top:12px;font-size:27px;font-weight:750;line-height:1;display:block;position:relative}.recruitment-panel{border:1px solid var(--rc-border);background:#0b1727eb;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px #00000024}.recruitment-toolbar{border-bottom:1px solid var(--rc-border);background:linear-gradient(#111f338c,#0b172759);align-items:center;gap:14px;padding:15px;display:flex}.recruitment-search{flex:1;min-width:230px;position:relative}.recruitment-search input{border:1px solid var(--rc-border-strong);width:100%;min-height:40px;color:var(--rc-text);box-sizing:border-box;background:#081524;border-radius:8px;outline:none;padding:0 13px 0 38px;font-size:12px;transition:border-color .18s,box-shadow .18s}.recruitment-search:before{content:"⌕";color:#657a97;pointer-events:none;z-index:2;font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.recruitment-filter-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.recruitment-table-wrap{width:100%;overflow-x:auto}.recruitment-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1080px}.recruitment-table th{border-bottom:1px solid var(--rc-border);color:#71859f;letter-spacing:.09em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#0d1a2c;height:48px;padding:0 15px;font-size:9px;font-weight:800}.recruitment-table td{color:#aebdd0;vertical-align:middle;border-bottom:1px solid #809ec714;padding:15px;font-size:12px}.recruitment-table tbody tr{background:#08142373;transition:background .16s}.recruitment-table tbody tr:last-child td{border-bottom:0}.recruitment-candidate{align-items:center;gap:11px;min-width:190px;display:flex}.recruitment-avatar{color:#9bbaff;background:linear-gradient(145deg,#172b47,#0f1e32);border:1px solid #5d8cff40;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.recruitment-position{color:#e9eef6;font-size:12px;font-weight:700;line-height:1.4}.recruitment-employment{color:#657994;text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-top:3px;font-size:10px;line-height:1.35;display:block;overflow:hidden}.recruitment-interview-badge,.recruitment-status{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-height:25px;padding:0 8px;font-size:10px;font-weight:750;display:inline-flex}.recruitment-interview-badge{color:#92b2fa;background:#5d8cff14;border:1px solid #5d8cff38}.recruitment-status{color:#9caec5;background:#809ec70f;border-color:#809ec72b}.recruitment-status.approved,.recruitment-status.selected,.recruitment-status.offer-accepted{color:#69d69b;background:#3cc97e14;border-color:#3cc97e38}.recruitment-status.rejected,.recruitment-status.offer-declined{color:#ed9292;background:#ef5c5c12;border-color:#ef5c5c38}.recruitment-status.pending,.recruitment-status.pending-approval,.recruitment-status.sent-back,.recruitment-status.hold{color:#e5c16d;background:#e6b24212;border-color:#e6b24238}.recruitment-status.offer-generated,.recruitment-status.offer-sent{color:#9bbaff;background:#5d8cff17;border-color:#5d8cff40}.recruitment-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.table-action:hover:not(:disabled){color:#eaf0f8;background:#ffffff0f;border-color:#809ec752}.table-action.primary{color:#9dbbff;background:#5d8cff14;border-color:#5d8cff47}.table-action.primary:hover:not(:disabled){color:#c5d6ff;background:#5d8cff26}.table-action.warning{color:#e5c16d;background:#e6b2420f;border-color:#e6b2423d}.recruitment-state{text-align:center;color:#71839c;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:35px;display:flex}.recruitment-state p{margin:5px 0 0;font-size:12px}.recruitment-state h3{color:#c8d4e4;margin:3px 0;font-size:14px}.recruitment-spinner{border:2px solid #809ec724;border-top-color:#6d95ef;border-radius:50%;width:25px;height:25px;margin-bottom:12px;animation:.75s linear infinite recruitment-spin}@keyframes recruitment-spin{to{transform:rotate(360deg)}}.recruitment-empty-icon{color:#7fa4f5;background:#5d8cff12;border:1px solid #5d8cff2e;border-radius:11px;place-items:center;width:44px;height:44px;margin-bottom:12px;font-size:19px;display:grid}.recruitment-form-section{margin-bottom:25px}.recruitment-form-section-title{color:#e7edf6;letter-spacing:.02em;margin-bottom:13px;font-size:12px;font-weight:750}.recruitment-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.recruitment-field{color:#9eafc4;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.recruitment-field.full{grid-column:1/-1}.recruitment-field em{color:#e47c7c;font-style:normal}.recruitment-field input,.recruitment-field select,.recruitment-field textarea{color:#eaf0f8;box-sizing:border-box;background:#081524;border:1px solid #809ec72b;border-radius:8px;outline:none;width:100%;min-height:42px;padding:9px 11px;font-family:inherit;font-size:12px;transition:border-color .18s,box-shadow .18s,background .18s}.recruitment-field textarea{resize:vertical;min-height:90px}.recruitment-field input::placeholder,.recruitment-field textarea::placeholder{color:#53667f}.recruitment-field input:focus,.recruitment-field select:focus,.recruitment-field textarea:focus{background:#0a1829;border-color:#5d8cff80;box-shadow:0 0 0 3px #5d8cff12}.recruitment-field select option{color:#edf2f8;background:#0b1727}.recruitment-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-sizing:border-box;background:#020810c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.recruitment-modal{background:linear-gradient(145deg,#0d1a2c,#091525);border:1px solid #809ec733;border-radius:13px;width:min(720px,100%);max-height:90vh;overflow:hidden;box-shadow:0 35px 90px #0000008c}.recruitment-modal.wide{width:min(900px,100%)}.recruitment-modal-header{border-bottom:1px solid var(--rc-border);background:#ffffff05;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.recruitment-modal-header span{color:#647995;letter-spacing:.13em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.recruitment-modal-header h2{color:#f2f6fb;margin:0;font-size:17px;font-weight:750}.recruitment-modal-close{color:#8ea1b9;cursor:pointer;background:#ffffff06;border:1px solid #809ec72e;border-radius:7px;flex:0 0 31px;width:31px;height:31px;font-size:18px}.recruitment-modal-close:hover{color:#f1f5fa;background:#ffffff12}.recruitment-modal-body{max-height:calc(90vh - 115px);padding:21px;overflow-y:auto}.recruitment-modal-body::-webkit-scrollbar{width:6px}.recruitment-modal-body::-webkit-scrollbar-track{background:0 0}.recruitment-modal-body::-webkit-scrollbar-thumb{background:#809ec72e;border-radius:20px}.recruitment-details{gap:13px;display:grid}.recruitment-detail-section{background:#06111e85;border:1px solid #809ec721;border-radius:9px;padding:17px}.recruitment-detail-section h3{color:#e6edf6;margin:0 0 14px;font-size:12px;font-weight:750}.recruitment-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.recruitment-detail{flex-direction:column;gap:5px;min-width:0;display:flex}.recruitment-detail span{color:#607590;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.recruitment-detail strong{overflow-wrap:anywhere;color:#c6d2e1;font-size:12px;font-weight:650;line-height:1.45}.recruitment-notes{color:#9eafc3;background:#ffffff06;border:1px solid #809ec71c;border-radius:7px;padding:12px;font-size:11px;line-height:1.6}.recruitment-modal-footer{border-top:1px solid var(--rc-border);justify-content:flex-end;gap:8px;margin-top:18px;padding-top:17px;display:flex}@media (width<=1250px){.recruitment-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.recruitment-toolbar{flex-direction:column;align-items:flex-start}.recruitment-search{width:100%}}@media (width<=900px){.recruitment-page{padding:22px}.recruitment-header{flex-direction:column;align-items:flex-start}.recruitment-header-actions{width:100%}.recruitment-form-grid,.recruitment-detail-grid{grid-template-columns:1fr}.recruitment-field.full{grid-column:auto}}@media (width<=650px){.recruitment-page{padding:16px}.recruitment-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.recruitment-header h1{font-size:25px}.recruitment-header-actions{flex-direction:column}.recruitment-header-actions .recruitment-btn{width:100%}.recruitment-modal-overlay{padding:10px}.recruitment-modal-body{padding:16px}}@media (width<=420px){.recruitment-stats{grid-template-columns:1fr}}.recruitment-page{box-sizing:border-box;color:#eaf2ff;width:100%;min-width:0;padding:32px 36px 60px}.recruitment-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.recruitment-eyebrow{color:#6f9ed7;letter-spacing:2px;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:800}.recruitment-header h1{color:#f5f8ff;margin:0;font-size:32px;font-weight:800;line-height:1.15}.recruitment-header p{color:#7e9bc3;margin:10px 0 0;font-size:14px;line-height:1.6}.recruitment-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.recruitment-btn{color:#b9cbe3;cursor:pointer;background:#0c1b2d;border:1px solid #203b5e;border-radius:10px;min-height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.recruitment-btn:hover:not(:disabled){background:#112844;border-color:#3567a5;transform:translateY(-1px)}.recruitment-btn.primary{color:#fff;background:#2867df;border-color:#397cff}.recruitment-btn.primary:hover:not(:disabled){background:#3478f2}.recruitment-btn.secondary{background:#0b192a}.recruitment-btn:disabled{opacity:.45;cursor:not-allowed}.recruitment-alert{border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:13px 16px;font-size:13px;display:flex}.recruitment-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.recruitment-alert.error{color:#ff9b9b;background:#821e1e26;border:1px solid #ef5c5c40}.recruitment-alert.success{color:#70e0b2;background:#1e825a1f;border:1px solid #39d29140}.recruitment-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:26px;display:grid}.recruitment-stats>*{min-width:0}.recruitment-panel{background:linear-gradient(#0d1f33fa,#071423fa);border:1px solid #1b3453;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 18px 45px #0000002e}.recruitment-toolbar{border-bottom:1px solid #1b3453;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.recruitment-search{flex:0 310px;min-width:240px}.recruitment-search input{box-sizing:border-box;color:#eaf2ff;background:#08182a;border:1px solid #254361;border-radius:10px;outline:none;width:100%;height:48px;padding:0 15px;font-size:13px}.recruitment-search input::placeholder{color:#59799f}.recruitment-search input:focus{border-color:#397cff;box-shadow:0 0 0 3px #397cff1a}.recruitment-filter-list{flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0;display:flex}.recruitment-filter-list button{color:#7895b9;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-height:38px;padding:0 13px;font-size:12px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.recruitment-filter-list button:hover{color:#c9dcf7;background:#102640}.recruitment-filter-list button.active{color:#8bb9ff;background:#102c4d;border-color:#315f9b}.recruitment-table-wrap{width:100%;overflow:auto hidden}.recruitment-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1180px}.recruitment-table thead{background:#0a1b2eeb}.recruitment-table th{color:#718bab;letter-spacing:.8px;text-align:left;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #1b3453;height:60px;padding:0 18px;font-size:11px;font-weight:800}.recruitment-table th:first-child,.recruitment-table td:first-child{width:20%}.recruitment-table th:nth-child(2),.recruitment-table td:nth-child(2){width:14%}.recruitment-table th:nth-child(3),.recruitment-table td:nth-child(3){width:12%}.recruitment-table th:nth-child(4),.recruitment-table td:nth-child(4){width:11%}.recruitment-table th:nth-child(5),.recruitment-table td:nth-child(5),.recruitment-table th:nth-child(6),.recruitment-table td:nth-child(6){width:10%}.recruitment-table th:nth-child(7),.recruitment-table td:nth-child(7){width:9%}.recruitment-table th:nth-child(8),.recruitment-table td:nth-child(8){width:14%}.recruitment-table tbody tr{border-bottom:1px solid #1f3853b3;transition:background .2s}.recruitment-table tbody tr:last-child{border-bottom:0}.recruitment-table tbody tr:hover{background:#1837592e}.recruitment-table td{color:#aec3df;vertical-align:middle;padding:20px 18px;font-size:13px;position:relative}.recruitment-table td:first-child,.recruitment-table td:first-child>div{min-width:0}.recruitment-table td:first-child strong{color:#eaf2ff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750;display:block;overflow:hidden}.recruitment-table td:first-child span{color:#6787ad;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:11px;display:block;overflow:hidden}.recruitment-status{color:#8dbaff;white-space:nowrap;background:#102945;border:1px solid #25476e;border-radius:8px;justify-content:center;align-items:center;min-height:32px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.recruitment-table th:last-child,.recruitment-table td:last-child{width:14%;min-width:170px}.recruitment-table td:last-child{text-align:right;padding-right:16px}.recruitment-table td:last-child>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.recruitment-table td:last-child button{color:#9db6d5;white-space:nowrap;cursor:pointer;background:#0d2035;border:1px solid #294766;border-radius:8px;min-height:34px;padding:0 11px;font-size:11px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s}.recruitment-table td:last-child button:hover:not(:disabled){color:#e6f0ff;background:#153454;border-color:#4078ba;transform:translateY(-1px)}.recruitment-table td:last-child button:disabled{opacity:.45;cursor:not-allowed}.recruitment-table td:last-child button.approve,.recruitment-table td:last-child button[class*=approve]{color:#67dda9;background:#237d5729;border-color:#35cb8b59}.recruitment-table td:last-child button.approve:hover,.recruitment-table td:last-child button[class*=approve]:hover{background:#237d5747;border-color:#35cb8ba6}.recruitment-table td:last-child button.reject,.recruitment-table td:last-child button[class*=reject]{color:#ff9292;background:#82232324;border-color:#ee5b5b59}.recruitment-table td:last-child button.reject:hover,.recruitment-table td:last-child button[class*=reject]:hover{background:#82232345;border-color:#ee5b5ba6}.recruitment-table td:last-child button.send-back,.recruitment-table td:last-child button[class*=send-back]{color:#e8b764;background:#825a1924;border-color:#e6aa4659}.recruitment-table td:last-child button.send-back:hover,.recruitment-table td:last-child button[class*=send-back]:hover{background:#825a1940;border-color:#e6aa46a6}.recruitment-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:50px 20px;display:flex}.recruitment-state p{color:#6684a9;margin:10px 0 0}.recruitment-state.empty h3{color:#dbe8fa;margin:14px 0 0}.recruitment-state.empty p{max-width:450px;line-height:1.6}.recruitment-empty-icon{color:#78aaf2;background:#0d243d;border:1px solid #24496e;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.recruitment-spinner{border:3px solid #1c395b;border-top-color:#5790ff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite recruitment-spin}@media (width<=1200px){.recruitment-page{padding:26px 24px 50px}.recruitment-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.recruitment-toolbar{flex-direction:column;align-items:flex-start}.recruitment-search{width:100%;max-width:none}.recruitment-filter-list{justify-content:flex-start;width:100%}}@media (width<=700px){.recruitment-page{padding:20px 15px 40px}.recruitment-header{flex-direction:column}.recruitment-header-actions{width:100%}.recruitment-header-actions .recruitment-btn{flex:1}.recruitment-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.recruitment-panel{border-radius:13px}.recruitment-toolbar{padding:14px}.recruitment-filter-list{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:3px;overflow-x:auto}}.attendance-page{color:#e5e7eb;box-sizing:border-box;background:#0b0f17;min-height:100%;padding:28px}.attendance-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.attendance-eyebrow{color:#7c9cff;letter-spacing:.14em;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.attendance-header h1{color:#f8fafc;margin:0;font-size:30px;line-height:1.15}.attendance-header p{color:#8b95a7;margin:8px 0 0;font-size:13px}.attendance-header-actions{flex-wrap:wrap;gap:10px;display:flex}.attendance-button{min-height:40px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:0 15px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s}.attendance-button:disabled{opacity:.55;cursor:not-allowed}.attendance-button.secondary{color:#cbd5e1;background:#151b27;border-color:#293244}.attendance-button.secondary:hover:not(:disabled){color:#f1f5f9;background:#1b2331;border-color:#354158;transform:translateY(-1px)}.attendance-alert{border:1px solid;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:11px 14px;font-size:12px;display:flex}.attendance-alert.error{color:#fda4af;background:#241419;border-color:#5b2830}.attendance-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px}.attendance-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.attendance-stat{background:#111722;border:1px solid #222b3a;border-radius:13px;min-width:0;padding:17px;box-shadow:0 6px 20px #0000002e}.attendance-stat span,.attendance-stat small{display:block}.attendance-stat span{color:#8b95a7;font-size:11px;font-weight:700}.attendance-stat strong{color:#f8fafc;margin-top:7px;font-size:27px;line-height:1;display:block}.attendance-stat small{color:#667085;margin-top:7px;font-size:10px}.attendance-panel{background:#111722;border:1px solid #222b3a;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #0003}.attendance-toolbar{border-bottom:1px solid #222b3a;justify-content:space-between;align-items:flex-end;gap:16px;padding:15px 17px;display:flex}.attendance-search{flex:1;max-width:360px}.attendance-search input{box-sizing:border-box;color:#e5e7eb;width:100%;min-height:40px;font:inherit;background:#0c111a;border:1px solid #30394a;border-radius:8px;outline:none;padding:0 12px;font-size:12px}.attendance-search input::placeholder{color:#667085}.attendance-search input:focus{border-color:#3157d5;box-shadow:0 0 0 3px #3157d51f}.attendance-filters{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.attendance-filter{flex-direction:column;gap:5px;min-width:145px;display:flex}.attendance-filter span{color:#778297;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.attendance-filter input,.attendance-filter select{box-sizing:border-box;color:#dbe3ef;min-height:40px;font:inherit;background:#0c111a;border:1px solid #30394a;border-radius:8px;outline:none;padding:0 10px;font-size:11px}.attendance-filter input{width:145px}.attendance-filter select{cursor:pointer;min-width:145px}.attendance-filter select option{color:#e5e7eb;background:#0c111a}.attendance-filter input:focus,.attendance-filter select:focus{border-color:#3157d5;box-shadow:0 0 0 3px #3157d51f}.attendance-state{color:#8b95a7;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;padding:30px 20px;font-size:13px;display:flex}.attendance-state.empty strong{color:#dbe3ef;font-size:14px}.attendance-state.empty>span:last-child{color:#667085;max-width:420px;font-size:12px;line-height:1.5}.attendance-spinner{border:3px solid #293244;border-top-color:#3157d5;border-radius:50%;width:25px;height:25px;margin-bottom:5px;animation:.8s linear infinite attendance-spin}@keyframes attendance-spin{to{transform:rotate(360deg)}}.attendance-empty-icon{color:#7c9cff;background:#182131;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:5px;font-size:21px;display:grid}.attendance-table-wrap{width:100%;overflow-x:auto}.attendance-table{border-collapse:collapse;color:#d9e3f0;width:100%;min-width:1050px}.attendance-table th{color:#778297;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#0e141e;border-bottom:1px solid #222b3a;padding:12px 14px;font-size:10px;font-weight:800}.attendance-table td{color:#b8c7dc;vertical-align:middle;border-bottom:1px solid #1d2532;padding:15px 14px;font-size:12px}.attendance-table tbody tr{transition:background .15s}.attendance-table tbody tr:hover{background:#151c28}.attendance-table tbody tr:last-child td{border-bottom:0}.attendance-employee{align-items:center;gap:10px;min-width:185px;display:flex}.attendance-avatar{color:#9db1ff;background:#1d2a52;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.attendance-employee strong{color:#f2f6fc;font-size:13px;font-weight:650;line-height:1.4;display:block}.attendance-employee small{color:#7186a3;margin-top:3px;font-size:10px;line-height:1.4;display:block}.attendance-location{color:#8fa4c0;max-width:145px;font-family:ui-monospace,Consolas,monospace;font-size:10px;line-height:1.4;display:inline-block}.attendance-muted{color:#667085}.attendance-status{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;min-height:27px;padding:0 9px;font-size:10px;font-weight:750;display:inline-flex}.attendance-status>span{border-radius:50%;flex:0 0 6px;width:6px;height:6px}.attendance-status.present{color:#63d394;background:#22c55e1a;border:1px solid #22c55e2e}.attendance-status.present>span{background:#35c878;box-shadow:0 0 6px #35c87880}.attendance-status.checked-in{color:#8eaeff;background:#4d82ff1a;border:1px solid #4d82ff33}.attendance-status.checked-in>span{background:#4d82ff;box-shadow:0 0 6px #4d82ff73}.attendance-status.checked-out{color:#78cf9b;background:#22c55e12;border:1px solid #22c55e29}.attendance-status.checked-out>span{background:#4cae78}.attendance-status.late{color:#f5c45b;background:#f59e0b17;border:1px solid #f59e0b33}.attendance-status.late>span{background:#e7a92f}.attendance-status.absent{color:#f08b86;background:#dc4b4512;border:1px solid #dc4b4533}.attendance-status.absent>span{background:#dc4b45}.attendance-status.leave{color:#c49af0;background:#a855f714;border:1px solid #a855f733}.attendance-status.leave>span{background:#a855f7}@media (width<=1100px){.attendance-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-toolbar{flex-direction:column;align-items:stretch}.attendance-search{max-width:none}.attendance-filters{align-items:flex-end}}@media (width<=760px){.attendance-page{padding:20px}.attendance-header{flex-direction:column;align-items:flex-start}.attendance-header-actions,.attendance-button{width:100%}.attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.attendance-filter,.attendance-filter input,.attendance-filter select{width:100%;min-width:0}}@media (width<=520px){.attendance-page{padding:16px}.attendance-stats,.attendance-filters{grid-template-columns:1fr}.attendance-table th,.attendance-table td{padding:12px}}.leave-page{box-sizing:border-box;color:#f4f7fb;width:100%;max-width:1240px;margin:0 auto;padding:42px 36px 64px}.leave-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px;display:flex}.leave-header>div:first-child{min-width:0}.leave-eyebrow,.leave-modal-header>div>span{color:#6f9ed8;letter-spacing:2px;margin-bottom:11px;font-size:12px;font-weight:800;line-height:1.2;display:block}.leave-header h1{color:#f6f8fc;letter-spacing:-1.6px;margin:0;font-size:clamp(34px,4vw,48px);font-weight:750;line-height:1.08}.leave-header p{color:#7f9bc0;max-width:700px;margin:12px 0 0;font-size:16px;line-height:1.65}.leave-header-actions{flex:none}.leave-button{min-height:46px;font:inherit;letter-spacing:.1px;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:0 18px;font-size:14px;font-weight:750;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.leave-button:hover{transform:translateY(-1px)}.leave-button:active{transform:translateY(0)}.leave-button.primary{color:#fff;background:#2563eb;border-color:#3475f1;box-shadow:0 10px 28px #2563eb33}.leave-button.primary:hover{background:#2d6eea;border-color:#4b82ef;box-shadow:0 13px 32px #2563eb47}.leave-button.secondary{color:#c9d7ea;background:#101a29;border-color:#24354d}.leave-button.secondary:hover{background:#152236;border-color:#345071}.leave-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.leave-stat{box-sizing:border-box;background:linear-gradient(145deg,#142031f5,#0c1522fa);border:1px solid #203149;border-radius:14px;min-width:0;min-height:146px;padding:22px 20px 19px;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000021,inset 0 1px #ffffff06}.leave-stat:before{content:"";opacity:.9;background:#4b86e8;width:42px;height:2px;position:absolute;top:0;left:0}.leave-stat span{color:#8ea6c5;font-size:13px;font-weight:700;line-height:1.35;display:block}.leave-stat strong{color:#f7f9fd;letter-spacing:-.8px;margin-top:12px;font-size:34px;font-weight:760;line-height:1;display:block}.leave-stat small{color:#617c9f;margin-top:12px;font-size:12px;line-height:1.45;display:block}.leave-panel{background:#0e1827;border:1px solid #203149;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px #00000029,inset 0 1px #ffffff05}.leave-toolbar{background:#101c2d;border-bottom:1px solid #1d2c41;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.leave-search{flex:420px;min-width:220px}.leave-search input,.leave-toolbar select,.leave-field input,.leave-field select,.leave-field textarea{box-sizing:border-box;color:#eaf1fb;width:100%;font:inherit;background:#0b1523;border:1px solid #2a3d57;border-radius:10px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.leave-search input{height:46px;padding:0 14px}.leave-search input::placeholder,.leave-field input::placeholder,.leave-field textarea::placeholder{color:#58718f}.leave-search input:focus,.leave-toolbar select:focus,.leave-field input:focus,.leave-field select:focus,.leave-field textarea:focus{background:#0d1929;border-color:#4c83e8;box-shadow:0 0 0 3px #4c83e81f}.leave-filters{flex:0 0 390px;gap:10px;display:flex}.leave-toolbar select{cursor:pointer;height:46px;padding:0 38px 0 13px}.leave-state.empty{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:300px;padding:40px 24px;display:flex}.leave-empty-icon{color:#6796d6;background:#122139;border:1px solid #29405e;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:7px;font-size:27px;display:grid;box-shadow:inset 0 0 0 6px #6796d609}.leave-state.empty strong{color:#e9eef7;font-size:16px;font-weight:750}.leave-state.empty>span{color:#617b9d;max-width:420px;font-size:13px;line-height:1.55}.leave-table-wrap{width:100%;overflow-x:auto}.leave-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1080px}.leave-table th{color:#7188a8;letter-spacing:1.15px;text-align:left;white-space:nowrap;background:#0c1624;border-bottom:1px solid #203149;height:50px;padding:0 18px;font-size:11px;font-weight:800}.leave-table td{color:#b9c9dc;vertical-align:middle;border-bottom:1px solid #1b2a3e;padding:17px 18px;font-size:13px}.leave-table tbody tr{transition:background .16s}.leave-table tbody tr:hover{background:#23385247}.leave-table tbody tr:last-child td{border-bottom:0}.leave-employee{align-items:center;gap:11px;min-width:175px;display:flex}.leave-avatar{color:#a9c9ff;background:#172947;border:1px solid #304a70;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.leave-employee strong{color:#edf2f9;font-size:13px;font-weight:720;line-height:1.35;display:block}.leave-employee small{color:#5f7899;margin-top:3px;font-size:11px;line-height:1.3;display:block}.leave-type{color:#9cb7d8;letter-spacing:.35px;background:#122035;border:1px solid #293f5b;border-radius:7px;align-items:center;min-height:28px;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex}.leave-period{white-space:nowrap;align-items:center;gap:7px;display:flex}.leave-period strong{color:#d9e4f2;font-size:12px;font-weight:650}.leave-period span{color:#536b89;font-size:11px}.leave-days{color:#dce9fb;background:#16263e;border-radius:8px;place-items:center;min-width:30px;height:30px;font-size:12px;font-weight:800;display:inline-grid}.leave-reason{color:#8198b6;text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:block;overflow:hidden}.leave-status{border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex}.leave-status>span{background:currentColor;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.leave-status.pending{color:#d9a74a;background:#d9a74a17;border-color:#d9a74a33}.leave-status.approved{color:#59b88a;background:#59b88a17;border-color:#59b88a33}.leave-status.rejected{color:#d87878;background:#d8787817;border-color:#d8787833}.leave-status.cancelled{color:#8ca0bb;background:#8ca0bb14;border-color:#8ca0bb2e}.leave-actions{white-space:nowrap;align-items:center;gap:7px;display:flex}.leave-action{height:32px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 10px;font-size:11px;font-weight:750;transition:background .16s,border-color .16s,transform .16s}.leave-action:hover{transform:translateY(-1px)}.leave-action.success{color:#62c695;background:#62c69512;border-color:#62c69540}.leave-action.success:hover{background:#62c69521}.leave-action.danger{color:#df8585;background:#df858512;border-color:#df858540}.leave-action.danger:hover{background:#df858521}.leave-muted{color:#4f6684}.leave-modal-overlay{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);background:#020810c2;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow-y:auto}.leave-modal{background:#0d1827;border:1px solid #29405d;border-radius:16px;width:min(760px,100%);max-height:min(820px,100vh - 56px);overflow-y:auto;box-shadow:0 28px 90px #0000007a,0 0 0 1px #ffffff04}.leave-modal-header{background:linear-gradient(#101e30,#0e1928);border-bottom:1px solid #203149;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 26px 21px;display:flex}.leave-modal-header h2{color:#f3f6fb;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:750}.leave-modal-close{color:#91a7c2;cursor:pointer;background:#111f31;border:1px solid #2a3e59;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:22px;line-height:1;transition:all .16s;display:grid}.leave-modal-close:hover{color:#f0f4fa;background:#17273c;border-color:#496685}.leave-form{padding:24px 26px 26px}.leave-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.leave-field{flex-direction:column;gap:8px;display:flex}.leave-field.full{grid-column:1/-1}.leave-field>span{color:#91a7c2;letter-spacing:.35px;font-size:12px;font-weight:750}.leave-field input,.leave-field select{height:44px;padding:0 12px}.leave-field textarea{resize:vertical;min-height:100px;padding:12px;line-height:1.55}.leave-field select{cursor:pointer}.leave-form-summary{background:#101e30;border:1px solid #223650;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:13px 15px;display:flex}.leave-form-summary span{color:#7891b1;font-size:12px;font-weight:650}.leave-form-summary strong{color:#dce9fb;background:#182b47;border-radius:7px;place-items:center;min-width:34px;height:30px;font-size:13px;display:grid}.leave-modal-footer{border-top:1px solid #203149;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:19px;display:flex}.leave-page select,.leave-modal select,.leave-page input[type=date],.leave-modal input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.leave-table-wrap::-webkit-scrollbar{width:8px;height:8px}.leave-modal::-webkit-scrollbar{width:8px;height:8px}.leave-table-wrap::-webkit-scrollbar-track{background:#0a1320}.leave-modal::-webkit-scrollbar-track{background:#0a1320}.leave-table-wrap::-webkit-scrollbar-thumb{background:#263c57;border-radius:999px}.leave-modal::-webkit-scrollbar-thumb{background:#263c57;border-radius:999px}.leave-table-wrap::-webkit-scrollbar-thumb:hover{background:#345372}.leave-modal::-webkit-scrollbar-thumb:hover{background:#345372}@media (width<=1120px){.leave-page{padding-left:26px;padding-right:26px}.leave-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.leave-filters{flex-basis:360px}}@media (width<=820px){.leave-page{padding:30px 18px 48px}.leave-header{flex-direction:column;align-items:flex-start;gap:20px}.leave-header-actions,.leave-header-actions .leave-button{width:100%}.leave-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-toolbar{flex-direction:column;align-items:stretch}.leave-search{flex-basis:auto}.leave-filters{flex:none;width:100%}}@media (width<=560px){.leave-page{padding:24px 14px 40px}.leave-header h1{font-size:32px}.leave-header p{font-size:14px}.leave-stats{grid-template-columns:1fr}.leave-stat{min-height:126px}.leave-filters{flex-direction:column}.leave-modal-overlay{padding:12px}.leave-modal{border-radius:13px;max-height:calc(100vh - 24px)}.leave-modal-header,.leave-form{padding-left:18px;padding-right:18px}.leave-form-grid{grid-template-columns:1fr}.leave-field.full{grid-column:auto}.leave-modal-footer{flex-direction:column-reverse}.leave-modal-footer .leave-button{width:100%}}.leave-button:focus-visible,.leave-action:focus-visible,.leave-modal-close:focus-visible,.leave-page input:focus-visible,.leave-page select:focus-visible,.leave-page textarea:focus-visible{outline-offset:2px;outline:2px solid #5c91ed}.leave-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.leave-button.secondary{color:#dce7f8;letter-spacing:.01em;cursor:pointer;background:#121f33b8;border:1px solid #5b8bff38;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 20px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.leave-button.secondary:hover{background:#1f3352eb;border-color:#4f8bff8c;transform:translateY(-1px);box-shadow:0 8px 24px #0000002e}.leave-button.secondary:active{transform:translateY(0)}.refresh-icon{color:#6fa3ff;justify-content:center;align-items:center;width:18px;height:18px;font-size:19px;line-height:1;transition:transform .45s;display:inline-flex}.leave-button.secondary:hover .refresh-icon{transform:rotate(180deg)}.leave-button.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3478f6 0%,#2864df 100%);border:1px solid #4f8bff73;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 22px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 10px 28px #2a69eb33}.leave-button.primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 14px 32px #2a69eb4d}.leave-button.primary:active{transform:translateY(0)}.button-plus{font-size:18px;font-weight:500;line-height:1}@media (width<=700px){.leave-header-actions{justify-content:stretch;width:100%}.leave-header-actions .leave-button{flex:1}}.leave-balance-panel{margin-bottom:24px}.leave-balance-header{border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:flex-end;gap:24px;padding:24px;display:flex}.leave-balance-header h2{margin:4px 0 6px;font-size:20px;font-weight:700}.leave-balance-header p{color:#64748b;margin:0;font-size:13px}.leave-balance-selector{min-width:280px}.leave-balance-selector label{color:#475569;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.leave-balance-selector select{width:100%}.leave-balance-content{padding:24px}.leave-selected-employee{align-items:center;gap:12px;margin-bottom:20px;display:flex}.leave-selected-employee strong{font-size:14px;display:block}.leave-selected-employee small{color:#64748b;margin-top:3px;display:block}.leave-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.leave-balance-card{background:#fff;border:1px solid #0f172a14;border-radius:14px;padding:18px}.leave-balance-card>div:first-child>span{color:#64748b;font-size:12px;font-weight:600;display:block}.leave-balance-card>div:first-child>strong{margin-top:7px;font-size:28px;line-height:1;display:block}.leave-balance-card>div:first-child>small{color:#94a3b8;margin-top:5px;font-size:11px;display:block}.leave-balance-details{border-top:1px solid #0f172a12;gap:10px;margin-top:16px;padding-top:13px;display:flex}.leave-balance-details span{color:#94a3b8;flex-direction:column;flex:1;gap:3px;font-size:10px;display:flex}.leave-balance-details b{color:#475569;font-size:12px}.leave-approval-body{padding:24px}.leave-approval-body p{color:#475569;margin:0 0 18px;font-size:14px}.leave-approval-employee{background:#f8fafc;border-radius:12px;align-items:center;gap:12px;margin-bottom:22px;padding:14px;display:flex}.leave-button.danger{color:#fff;background:#dc2626;border:0}.leave-button.danger:hover{background:#b91c1c}.leave-button:disabled,.leave-action:disabled{cursor:not-allowed;opacity:.55}.leave-status.pending{color:#b45309}.leave-status.approved{color:#15803d}.leave-status.rejected{color:#dc2626}.leave-status.cancelled{color:#64748b}@media (width<=1100px){.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.leave-balance-header{flex-direction:column;align-items:stretch}.leave-balance-selector{width:100%;min-width:0}.leave-balance-grid{grid-template-columns:1fr}.leave-balance-details{flex-wrap:wrap}}.payroll-page{--payroll-bg:#07111f;--payroll-surface:#0c1727;--payroll-surface-2:#101d30;--payroll-surface-3:#132238;--payroll-border:#1d3048;--payroll-border-soft:#7e9fcc24;--payroll-text:#f4f7fb;--payroll-text-soft:#b4c3d8;--payroll-muted:#7186a3;--payroll-blue:#4d82ff;--payroll-blue-dark:#2953da;--payroll-blue-soft:#4d82ff1f;--payroll-green:#45d483;--payroll-green-soft:#45d4831c;--payroll-yellow:#e8b95c;--payroll-yellow-soft:#e8b95c1c;--payroll-red:#f07878;--payroll-red-soft:#f078781c;box-sizing:border-box;width:100%;min-height:100%;color:var(--payroll-text);background:radial-gradient(circle at 82% 0%, #4d82ff13, transparent 30%), radial-gradient(circle at 0% 100%, #2953da0e, transparent 30%), var(--payroll-bg);padding:34px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.payroll-header{border-bottom:1px solid var(--payroll-border-soft);justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;padding-bottom:26px;display:flex}.payroll-eyebrow{color:#6f9ce5;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800;display:block}.payroll-header h1{color:var(--payroll-text);letter-spacing:-.025em;margin:0;font-size:34px;font-weight:750;line-height:1.1}.payroll-header p{max-width:620px;color:var(--payroll-muted);margin:10px 0 0;font-size:14px;line-height:1.6}.payroll-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.payroll-btn{min-height:42px;color:var(--payroll-text-soft);cursor:pointer;background:#0e1b2d;border:1px solid #2a405e;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:650;line-height:1;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;display:inline-flex}.payroll-btn:hover:not(:disabled){color:#fff;background:#14243a;border-color:#385574;transform:translateY(-1px)}.payroll-btn:active:not(:disabled){transform:translateY(0)}.payroll-btn:focus-visible{border-color:var(--payroll-blue);outline:none;box-shadow:0 0 0 3px #4d82ff26}.payroll-btn.primary{color:#fff;background:linear-gradient(135deg,#376be5,#2953da);border-color:#4b78e8;box-shadow:0 8px 22px #2953da2e}.payroll-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#4a7cf1,#3767e6);border-color:#6791ff;box-shadow:0 10px 28px #2953da47}.payroll-btn.secondary{background:0 0;border-color:#2a405e}.payroll-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.payroll-alert{border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;padding:13px 16px;font-size:13px;line-height:1.5;display:flex}.payroll-alert.error{color:#ffaaa5;background:var(--payroll-red-soft);border:1px solid #f0787838}.payroll-alert.success{color:#8ce6b0;background:var(--payroll-green-soft);border:1px solid #45d48338}.payroll-alert button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:18px;display:grid}.payroll-alert button:hover{background:#ffffff0f}.payroll-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.payroll-stat{border:1px solid var(--payroll-border);background:linear-gradient(145deg,#101e31fa,#0b1727fa);border-radius:13px;min-height:118px;padding:20px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000002e}.payroll-stat:after{content:"";pointer-events:none;background:radial-gradient(circle,#4d82ff1f,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-65px;right:-65px}.payroll-stat:hover{border-color:#294360;transform:translateY(-2px)}.payroll-stat span{z-index:1;color:var(--payroll-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700;display:block;position:relative}.payroll-stat strong{z-index:1;color:var(--payroll-text);letter-spacing:-.025em;margin-top:10px;font-size:28px;font-weight:750;line-height:1.1;display:block;position:relative}.payroll-panel{border:1px solid var(--payroll-border);background:linear-gradient(145deg,#0d192a,#0a1524);border-radius:14px;overflow:hidden;box-shadow:0 16px 45px #00000038}.payroll-toolbar{border-bottom:1px solid var(--payroll-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1929b8;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.payroll-search{flex:1;max-width:430px}.payroll-search input{box-sizing:border-box;color:#f4f7fb;background:#091524;border:1px solid #263b57;border-radius:9px;outline:none;width:100%;min-height:43px;padding:0 14px;font-family:inherit;font-size:13px;transition:border-color .2s,background .2s,box-shadow .2s}.payroll-search input::placeholder{color:#607593}.payroll-search input:hover{border-color:#304a69}.payroll-search input:focus{border-color:var(--payroll-blue);background:#0c192a;box-shadow:0 0 0 3px #4d82ff1f}.payroll-filter-list{background:#091523;border:1px solid #21364f;border-radius:10px;align-items:center;gap:5px;padding:4px;display:flex}.payroll-filter-list button{color:#8094af;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:34px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:650;transition:background .2s,color .2s}.payroll-filter-list button:hover{color:#dce6f4;background:#112136}.payroll-filter-list button.active{color:#fff;background:linear-gradient(135deg,#2953da,#3769e5);box-shadow:0 5px 14px #2953da33}.payroll-table-wrap{width:100%;overflow-x:auto}.payroll-table{border-collapse:collapse;width:100%;min-width:1050px;color:var(--payroll-text-soft)}.payroll-table thead th{color:#7890ae;letter-spacing:.09em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#0f1d30;border-bottom:1px solid #263a54;padding:14px 17px;font-size:10px;font-weight:800}.payroll-table tbody td{color:#aebdd0;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #22344bc7;padding:18px 17px;font-size:13px}.payroll-table tbody tr{transition:background .18s}.payroll-table tbody tr:hover{background:#4d82ff09}.payroll-table tbody tr:last-child td{border-bottom:none}.payroll-table tbody td strong{color:#e7edf6;font-weight:650}.payroll-employee{align-items:center;gap:12px;display:flex}.payroll-avatar{color:#8eacff;letter-spacing:.02em;background:linear-gradient(145deg,#182b4a,#102038);border:1px solid #2b4770;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.payroll-employee>div:last-child{flex-direction:column;gap:3px;display:flex}.payroll-employee strong{color:#f1f5fb;font-size:13px;font-weight:700}.payroll-employee span{color:#657b98;font-size:11px}.payroll-net{font-size:14px;color:#f4f7fb!important;font-weight:750!important}.payroll-status{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:0 10px;font-size:10px;font-weight:750;display:inline-flex}.payroll-status:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.payroll-status.paid{color:#63d394;background:var(--payroll-green-soft);border:1px solid #45d48338}.payroll-status.paid:before{background:#45d483;box-shadow:0 0 8px #45d48380}.payroll-status.pending{color:#e7bd69;background:var(--payroll-yellow-soft);border:1px solid #e8b95c38}.payroll-status.pending:before{background:#e8b95c}.payroll-status.processing{color:#8eacff;background:var(--payroll-blue-soft);border:1px solid #4d82ff38}.payroll-status.processing:before{background:var(--payroll-blue)}.payroll-status.failed,.payroll-status.cancelled{color:#f08b86;background:var(--payroll-red-soft);border:1px solid #f0787838}.payroll-status.failed:before,.payroll-status.cancelled:before{background:var(--payroll-red)}.payroll-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.table-action{color:#aebed2;cursor:pointer;background:#101e30;border:1px solid #2b405b;border-radius:7px;min-height:32px;padding:0 11px;font-family:inherit;font-size:11px;font-weight:650;transition:background .18s,border-color .18s,color .18s,transform .15s}.table-action:hover:not(:disabled){color:#f2f6fc;background:#172940;border-color:#3a5575;transform:translateY(-1px)}.table-action.success{color:#65d998;background:#45d4830e;border-color:#45d48333}.table-action.success:hover:not(:disabled){color:#86e8ad;background:#45d4831c;border-color:#45d48361}.table-action:disabled{opacity:.45;cursor:not-allowed}.payroll-state{text-align:center;min-height:300px;color:var(--payroll-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:45px 25px;font-size:13px;display:flex}.payroll-state.empty{border-top:0}.payroll-empty-icon{color:#8eacff;background:linear-gradient(145deg,#4d82ff1f,#4d82ff09);border:1px solid #29456a;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:7px;font-size:24px;font-weight:700;display:grid;box-shadow:0 12px 30px #0003}.payroll-state strong{color:#edf3fa;font-size:16px;font-weight:700}.payroll-state span{color:#657a96;font-size:12px;line-height:1.5}.payroll-spinner{border:3px solid #233852;border-top-color:var(--payroll-blue);border-radius:50%;width:28px;height:28px;margin-bottom:5px;animation:.8s linear infinite payroll-spin}@keyframes payroll-spin{to{transform:rotate(360deg)}}.payroll-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#01060ec7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.payroll-modal{background:linear-gradient(145deg,#0e1a2a,#091522);border:1px solid #29405c;border-radius:16px;flex-direction:column;width:min(900px,100%);max-height:calc(100vh - 48px);animation:.22s ease-out payroll-modal-in;display:flex;overflow:hidden;box-shadow:0 35px 100px #0000008c}.payroll-modal.details{width:min(820px,100%)}@keyframes payroll-modal-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.payroll-modal-header{background:#0e1b2beb;border-bottom:1px solid #1e3149;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.payroll-modal-eyebrow{color:#6f9ce5;letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.payroll-modal-header h2{color:#f4f7fb;letter-spacing:-.015em;margin:0;font-size:20px;font-weight:750}.payroll-modal-close{color:#91a4bd;cursor:pointer;background:#142238;border:1px solid #2b405c;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:19px;transition:background .18s,color .18s,border-color .18s;display:grid}.payroll-modal-close:hover{color:#fff;background:#1b2c44;border-color:#3b5677}.payroll-form{padding:24px;overflow-y:auto}.payroll-form-section{border-bottom:1px solid #273b53a6;margin-bottom:24px;padding-bottom:22px}.payroll-form-section:last-of-type{border-bottom:none}.payroll-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.payroll-field{color:#aebed2;flex-direction:column;gap:8px;font-size:12px;font-weight:650;display:flex}.payroll-field.full{grid-column:1/-1}.payroll-field input,.payroll-field select,.payroll-field textarea{box-sizing:border-box;color:#f2f6fb;background:#081524;border:1px solid #263c58;border-radius:9px;outline:none;width:100%;min-height:44px;padding:0 13px;font-family:inherit;font-size:13px;transition:background .2s,border-color .2s,box-shadow .2s}.payroll-field textarea{resize:vertical;min-height:105px;padding:12px 13px;line-height:1.5}.payroll-field input::placeholder,.payroll-field textarea::placeholder{color:#607593}.payroll-field input:hover,.payroll-field select:hover,.payroll-field textarea:hover{border-color:#304b6b}.payroll-field input:focus,.payroll-field select:focus,.payroll-field textarea:focus{border-color:var(--payroll-blue);background:#0b192a;box-shadow:0 0 0 3px #4d82ff1f}.payroll-field select{cursor:pointer}.payroll-field select option{color:#f4f7fb;background:#0c1929}.payroll-preview{background:linear-gradient(145deg,#4d82ff13,#4d82ff06);border:1px solid #243b58;border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;padding:14px;display:grid}.payroll-preview>div{border-right:1px solid #24364d;padding:13px 14px}.payroll-preview>div:last-child{border-right:none}.payroll-preview span{color:#7186a3;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:750;display:block}.payroll-preview strong{color:#f3f7fb;margin-top:7px;font-size:17px;font-weight:750;display:block}.payroll-modal-footer{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#091522f5;border-top:1px solid #1e3149;justify-content:flex-end;align-items:center;gap:10px;padding:18px 24px;display:flex;position:sticky;bottom:0}.payroll-details{padding:24px;overflow-y:auto}.payroll-detail-section{background:#0f1d2fb8;border:1px solid #20364f;border-radius:12px;margin-bottom:18px;padding:20px}.payroll-detail-section:last-child{margin-bottom:0}.payroll-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.payroll-detail{flex-direction:column;gap:7px;display:flex}.payroll-detail>span{color:#7186a3;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:750}.payroll-detail>strong{color:#eaf0f8;font-size:14px;font-weight:700}.payroll-detail-net{color:#63d394!important;font-size:18px!important}.payroll-detail-section-title{color:#dbe5f2;letter-spacing:.08em;text-transform:uppercase;margin-bottom:15px;font-size:12px;font-weight:750}.payroll-attendance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.payroll-attendance-grid>div{background:#0a1727;border:1px solid #233b57;border-radius:9px;padding:15px}.payroll-attendance-grid span{color:#7186a3;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.payroll-attendance-grid strong{color:#f3f7fb;font-size:20px;font-weight:750}.payroll-notes{color:#aebed2;white-space:pre-wrap;background:#091625;border:1px solid #243a54;border-radius:9px;padding:14px;font-size:13px;line-height:1.65}.payroll-page ::-webkit-scrollbar{width:8px;height:8px}.payroll-page ::-webkit-scrollbar-track{background:#081321}.payroll-page ::-webkit-scrollbar-thumb{background:#263d59;border-radius:20px}.payroll-page ::-webkit-scrollbar-thumb:hover{background:#365574}@media (width<=1100px){.payroll-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-header{align-items:flex-start}.payroll-toolbar{flex-direction:column;align-items:stretch}.payroll-search{max-width:none}.payroll-filter-list{width:fit-content}}@media (width<=760px){.payroll-page{padding:20px}.payroll-header{flex-direction:column;align-items:stretch;gap:20px}.payroll-header h1{font-size:28px}.payroll-header-actions{width:100%}.payroll-header-actions .payroll-btn{flex:1}.payroll-stats,.payroll-form-grid{grid-template-columns:1fr}.payroll-field.full{grid-column:auto}.payroll-preview{grid-template-columns:1fr}.payroll-preview>div{border-bottom:1px solid #24364d;border-right:none}.payroll-preview>div:last-child{border-bottom:none}.payroll-detail-grid{grid-template-columns:1fr}.payroll-attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.payroll-page{padding:15px}.payroll-header-actions{flex-direction:column}.payroll-header-actions .payroll-btn{width:100%}.payroll-filter-list{width:100%;overflow-x:auto}.payroll-filter-list button{flex:none}.payroll-modal-overlay{padding:10px}.payroll-modal{border-radius:13px;max-height:calc(100vh - 20px)}.payroll-modal-header,.payroll-form,.payroll-details{padding:18px}.payroll-modal-footer{flex-direction:column-reverse;padding:15px 18px}.payroll-modal-footer .payroll-btn{width:100%}.payroll-attendance-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.payroll-page *,.payroll-page :before,.payroll-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.employee-profile-page{--ep-bg:#0a1320;--ep-surface:#0f1b2b;--ep-surface-2:#111d2e;--ep-surface-3:#0d1929;--ep-input:#0c1727;--ep-border:#1c2b40;--ep-border-strong:#263852;--ep-border-hover:#38516f;--ep-text:#f2f6fc;--ep-text-strong:#f4f7fb;--ep-text-body:#b8c7dc;--ep-text-muted:#7186a3;--ep-text-soft:#8fa4c0;--ep-blue:#4d82ff;--ep-blue-hover:#3767e6;--ep-blue-soft:#8eacff;box-sizing:border-box;width:100%;min-height:100%;color:var(--ep-text);background:var(--ep-bg);padding:28px}.employee-profile-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.employee-profile-eyebrow{color:var(--ep-blue);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;line-height:1.2;display:block}.employee-profile-header h1{color:var(--ep-text-strong);letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700;line-height:1.15}.employee-profile-header p{color:var(--ep-text-muted);margin:8px 0 0;font-size:13px;line-height:1.5}.employee-profile-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.employee-profile-primary-button,.employee-profile-secondary-button,.employee-profile-refresh-button{color:#b8c7dc;min-height:40px;font:inherit;cursor:pointer;background:#101c2d;border:1px solid #2a3d57;border-radius:9px;padding:0 15px;font-size:13px;font-weight:600;line-height:1;transition:background .18s,border-color .18s,color .18s,transform .12s,box-shadow .18s}.employee-profile-primary-button:hover:not(:disabled),.employee-profile-secondary-button:hover:not(:disabled),.employee-profile-refresh-button:hover:not(:disabled){color:#f4f7fb;border-color:var(--ep-border-hover);background:#182941}.employee-profile-primary-button:active:not(:disabled),.employee-profile-secondary-button:active:not(:disabled),.employee-profile-refresh-button:active:not(:disabled){transform:translateY(1px)}.employee-profile-primary-button{color:#fff;background:#2953da;border-color:#315fd1}.employee-profile-primary-button:hover:not(:disabled){background:var(--ep-blue-hover);border-color:#4674ec;box-shadow:0 6px 18px #2953da38}.employee-profile-secondary-button{background:#0c1727}.employee-profile-refresh-button{background:0 0}.employee-profile-primary-button:disabled,.employee-profile-secondary-button:disabled,.employee-profile-refresh-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.employee-profile-error,.employee-profile-success{border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.45}.employee-profile-error{color:#f08b86;background:#dc4b4514;border:1px solid #dc4b4540}.employee-profile-success{color:#63d394;background:#22c55e14;border:1px solid #22c55e33}.employee-profile-section{background:var(--ep-surface);border:1px solid var(--ep-border);border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 6px 20px #0000001f}.employee-profile-section-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.employee-profile-section-header>div:first-child>span{color:var(--ep-text-muted);letter-spacing:.11em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;line-height:1.2;display:block}.employee-profile-section-header h2{color:var(--ep-text-strong);margin:0;font-size:17px;font-weight:650;line-height:1.3}.employee-profile-create-form{width:100%}.employee-profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.employee-profile-field{min-width:0}.employee-profile-field.full{grid-column:1/-1}.employee-profile-field label{color:#9db2ce;margin:0 0 7px;font-size:12px;font-weight:600;line-height:1.3;display:block}.employee-profile-field input,.employee-profile-field select,.employee-profile-field textarea{box-sizing:border-box;color:#d9e3f0;background:var(--ep-input);width:100%;font:inherit;border:1px solid #263750;border-radius:8px;outline:none;font-size:13px;transition:background .18s,border-color .18s,box-shadow .18s,color .18s}.employee-profile-field input,.employee-profile-field select{height:40px;padding:0 12px}.employee-profile-field textarea{resize:vertical;min-height:105px;padding:10px 12px;line-height:1.5}.employee-profile-field input::placeholder,.employee-profile-field textarea::placeholder{color:#5f7491}.employee-profile-field input:hover:not(:disabled),.employee-profile-field select:hover:not(:disabled),.employee-profile-field textarea:hover:not(:disabled){background:#101c2d;border-color:#38516f}.employee-profile-field input:focus,.employee-profile-field select:focus,.employee-profile-field textarea:focus{color:#f2f6fc;border-color:#4674ec;box-shadow:0 0 0 3px #4d82ff1f}.employee-profile-field input:disabled,.employee-profile-field select:disabled,.employee-profile-field textarea:disabled{color:#60758f;cursor:not-allowed;background:#09121f}.employee-profile-field select{appearance:auto}.employee-profile-field small{color:var(--ep-text-muted);margin-top:7px;font-size:11px;line-height:1.45;display:block}.employee-profile-form-actions{border-top:1px solid #1a2a40;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.employee-profile-selected-staff{background:#0d1929;border:1px solid #1d3049;border-radius:9px;align-items:center;gap:13px;margin-top:16px;padding:13px;display:flex}.employee-profile-avatar,.employee-profile-manager-avatar{color:#8eacff;-webkit-user-select:none;user-select:none;background:#172337;border:1px solid #243b5a;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.employee-profile-avatar{border-radius:9px;width:52px;height:52px;font-size:18px}.employee-profile-selected-staff .employee-profile-avatar{width:42px;height:42px;font-size:15px}.employee-profile-staff-details{flex-direction:column;gap:3px;min-width:0;display:flex}.employee-profile-staff-details strong{color:#f2f6fc;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;line-height:1.35;overflow:hidden}.employee-profile-staff-email,.employee-profile-staff-phone{color:#7186a3;overflow-wrap:anywhere;font-size:11px;line-height:1.4}.employee-profile-staff-role{color:#8fa4c0;margin-top:2px;font-size:10px}.employee-profile-employee-card{appearance:none;text-align:left;cursor:pointer;width:100%;min-width:0;font:inherit;color:inherit;background:#0d1929;border:1px solid #1c2d45;border-radius:9px;padding:14px;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s}.employee-profile-employee-card:hover{background:#111f32;border-color:#304a6d;transform:translateY(-1px);box-shadow:0 5px 16px #00000029}.employee-profile-employee-card:active{transform:translateY(0)}.employee-profile-employee-card:focus-visible{border-color:#4674ec;outline:none;box-shadow:0 0 0 3px #4d82ff1f}.employee-profile-employee-card>span{color:#f2f6fc;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:13px;font-weight:650;line-height:1.35;display:block;overflow:hidden}.employee-profile-employee-card>strong{color:#7186a3;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:10px;font-weight:500;line-height:1.4;display:block;overflow:hidden}.employee-profile-employee-card>small{color:#8fa4c0;background:#172337;border:1px solid #243852;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:10px;font-weight:650;line-height:1;display:inline-flex}.employee-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.employee-profile-detail{background:#0d1929;border:1px solid #1c2d45;border-radius:9px;min-width:0;padding:14px}.employee-profile-detail>span{color:#7186a3;margin-bottom:6px;font-size:10px;font-weight:600;line-height:1.35;display:block}.employee-profile-detail>strong{overflow-wrap:anywhere;color:#d9e3f0;font-size:13px;font-weight:600;line-height:1.45;display:block}.employee-profile-hero{background:var(--ep-surface);border:1px solid var(--ep-border);border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 6px 20px #0000001f}.employee-profile-identity{min-width:0}.employee-profile-identity h2{overflow-wrap:anywhere;color:#f4f7fb;margin:0;font-size:22px;font-weight:700;line-height:1.25}.employee-profile-identity p{color:#7186a3;margin:4px 0 10px;font-size:12px;line-height:1.4}.employee-profile-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.employee-profile-meta>span:not(.employee-profile-status){color:#8fa4c0;background:#172337;border:1px solid #243852;border-radius:999px;align-items:center;min-height:25px;padding:0 9px;font-size:10px;font-weight:650;line-height:1;display:inline-flex}.employee-profile-status{border-radius:999px;align-items:center;gap:6px;min-height:25px;padding:0 9px;font-size:10px;font-weight:650;line-height:1;display:inline-flex}.employee-profile-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.employee-profile-status.active{color:#63d394;background:#22c55e1a;border:1px solid #22c55e2e}.employee-profile-status.inactive{color:#9aabc0;background:#94a3b814;border:1px solid #94a3b829}.employee-profile-status.on_leave{color:#e7b85c;background:#f59e0b14;border:1px solid #f59e0b2e}.employee-profile-status.terminated{color:#f08b86;background:#dc4b4514;border:1px solid #dc4b4533}.employee-profile-detail.active{background:#0d1d1a;border-color:#27503b}.employee-profile-detail.active>strong{color:#63d394}.employee-profile-detail.extended{background:#1c1a12;border-color:#594721}.employee-profile-detail.extended>strong{color:#e7b85c}.employee-profile-detail.completed{background:#0d1a2b;border-color:#27466a}.employee-profile-detail.completed>strong{color:#8eacff}.employee-profile-detail.waived{background:#171429;border-color:#3e365d}.employee-profile-detail.waived>strong{color:#b9a8ff}.employee-profile-detail.unknown{background:#0d1929}.employee-profile-manager{background:#0d1929;border:1px solid #1c2d45;border-radius:9px;align-items:center;gap:12px;padding:13px;display:flex}.employee-profile-manager-avatar{border-radius:9px;width:40px;height:40px;font-size:14px}.employee-profile-manager>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.employee-profile-manager strong{color:#f2f6fc;font-size:13px;font-weight:650;line-height:1.4}.employee-profile-manager span,.employee-profile-manager small{color:#7186a3;overflow-wrap:anywhere;font-size:11px;line-height:1.4}.employee-profile-notes{color:#b8c7dc;white-space:pre-wrap;overflow-wrap:anywhere;background:#0d1929;border:1px solid #1c2d45;border-radius:9px;padding:13px 14px;font-size:13px;line-height:1.65}.employee-profile-state,.employee-profile-empty{box-sizing:border-box;color:#7186a3;text-align:center;background:#0d1929;border:1px dashed #263852;border-radius:9px;justify-content:center;align-items:center;min-height:110px;padding:20px;font-size:13px;line-height:1.5;display:flex}.employee-profile-page ::-webkit-scrollbar{width:7px;height:7px}.employee-profile-page ::-webkit-scrollbar-track{background:#0a1320}.employee-profile-page ::-webkit-scrollbar-thumb{background:#263852;border-radius:999px}.employee-profile-page ::-webkit-scrollbar-thumb:hover{background:#38516f}@media (width<=1050px){.employee-profile-page{padding:24px 22px 40px}.employee-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.employee-profile-page{padding:18px 14px 32px}.employee-profile-header{flex-direction:column;align-items:stretch;gap:16px}.employee-profile-header-actions{justify-content:flex-start}.employee-profile-section{padding:17px}.employee-profile-section-header{flex-direction:column;gap:14px}.employee-profile-form-grid,.employee-profile-grid{grid-template-columns:1fr}.employee-profile-field.full{grid-column:auto}.employee-profile-hero{align-items:flex-start;padding:17px}.employee-profile-avatar{width:46px;height:46px;font-size:16px}.employee-profile-identity h2{font-size:19px}.employee-profile-form-actions{flex-direction:column-reverse;align-items:stretch}.employee-profile-form-actions button{width:100%}}@media (width<=480px){.employee-profile-header-actions{grid-template-columns:1fr;display:grid}.employee-profile-header-actions button{width:100%}.employee-profile-meta{flex-direction:column;align-items:flex-start}.employee-profile-selected-staff{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.employee-profile-page *{scroll-behavior:auto!important;transition:none!important}}.hr-approval-section{box-sizing:border-box;width:100%;overflow:visible}.hr-approval-row{box-sizing:border-box;grid-template-columns:minmax(220px,1.6fr) minmax(150px,1fr) minmax(150px,1fr) minmax(130px,auto);align-items:center;gap:24px;width:100%;min-width:0;padding:20px 24px;display:grid;overflow:visible}.hr-approval-row>*{min-width:0}.hr-approval-row strong{color:#f5f7fb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.hr-approval-row span,.hr-approval-row small{color:#8ea4c4;line-height:1.5;display:block}.hr-approval-row button{appearance:none;white-space:nowrap;cursor:pointer;z-index:5;opacity:1;visibility:visible;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;min-width:100px;height:42px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;transition:background-color .2s,border-color .2s,transform .2s,opacity .2s;display:inline-flex;position:relative}.hr-approval-row>div:last-child,.hr-approval-row .approval-actions,.hr-approval-row .hr-approval-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:max-content;display:flex;overflow:visible}.hr-approval-row button:first-of-type{color:#4ade80;background:#22c55e24;border-color:#22c55e59}.hr-approval-row button:first-of-type:hover{background:#22c55e3d;border-color:#22c55e8c;transform:translateY(-1px)}.hr-approval-row button:last-of-type{color:#f87171;background:#ef44441f;border-color:#ef444459}.hr-approval-row button:last-of-type:hover{background:#ef444438;border-color:#ef44448c;transform:translateY(-1px)}.hr-approval-row button:disabled{opacity:.55;cursor:not-allowed;transform:none}.hr-approval-section,.hr-approval-section>*,.hr-approval-row{overflow:visible}@media (width<=1100px){.hr-approval-row{grid-template-columns:minmax(180px,1.4fr) minmax(120px,1fr) minmax(120px,1fr) minmax(220px,auto);gap:16px;padding:18px}}@media (width<=800px){.hr-approval-row{grid-template-columns:1fr 1fr;gap:18px}.hr-approval-row>div:last-child,.hr-approval-row .approval-actions,.hr-approval-row .hr-approval-actions{grid-column:1/-1;justify-content:flex-start;min-width:0}.hr-approval-row button{min-width:110px}}@media (width<=520px){.hr-approval-row{grid-template-columns:1fr;gap:14px;padding:16px}.hr-approval-row>div:last-child,.hr-approval-row .approval-actions,.hr-approval-row .hr-approval-actions{grid-column:auto;width:100%}.hr-approval-row button{flex:1;width:100%}}.employee-profile-leave-generated-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.employee-profile-info-message{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;font-size:14px;line-height:1.5}.employee-profile-leave-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.employee-profile-leave-balance-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 4px 14px #0f172a0d}.employee-profile-leave-balance-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.employee-profile-leave-balance-top span{letter-spacing:.08em;color:#334155;font-size:13px;font-weight:800}.employee-profile-leave-balance-top small{color:#94a3b8;font-size:11px;font-weight:600}.employee-profile-leave-balance-card>strong{color:#0f172a;margin-bottom:5px;font-size:30px;line-height:1;display:block}.employee-profile-leave-balance-card>span{color:#64748b;margin-bottom:16px;font-size:12px;display:block}.employee-profile-leave-balance-meta{border-top:1px solid #f1f5f9;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;display:grid}.employee-profile-leave-balance-meta span{color:#94a3b8;flex-direction:column;gap:3px;font-size:10px;display:flex}.employee-profile-leave-balance-meta b{color:#475569;font-size:12px}@media (width<=900px){.employee-profile-leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.employee-profile-leave-balance-grid{grid-template-columns:1fr}}.employee-profile-section>.employee-profile-section-header{box-sizing:border-box;grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:28px;width:100%;min-width:0;max-width:100%;display:grid}.employee-profile-section>.employee-profile-section-header>div:first-child{box-sizing:border-box;width:100%;min-width:0;padding:8px 10px}.employee-profile-section>.employee-profile-section-header>div:first-child>span{color:#78a7df;letter-spacing:1.8px;margin:0 0 14px;font-size:15px;font-weight:800;line-height:1.2;display:block}.employee-profile-section>.employee-profile-section-header>div:first-child>h2{color:#fff;letter-spacing:-.5px;overflow-wrap:break-word;max-width:270px;margin:0;font-size:32px;font-weight:800;line-height:1.15;display:block}.employee-profile-section>.employee-profile-section-header>.employee-profile-section{box-sizing:border-box;background:#0d1c2e6b;border:1px solid #537eae52;border-radius:24px;width:100%;min-width:0;max-width:100%;padding:28px 28px 30px;display:block;overflow:hidden}.employee-profile-section>.employee-profile-section-header>.employee-profile-section>.employee-profile-section-header{box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;min-width:0;max-width:100%;margin:0 0 30px;padding:0;display:flex}.employee-profile-section>.employee-profile-section-header>.employee-profile-section>.employee-profile-section-header>div:first-child{flex:auto;width:auto;min-width:0}.employee-profile-section>.employee-profile-section-header>.employee-profile-section>.employee-profile-section-header>div:first-child>span{color:#78a7df;letter-spacing:2px;margin:0 0 10px;font-size:15px;font-weight:800;line-height:1.2;display:block}.employee-profile-section>.employee-profile-section-header>.employee-profile-section>.employee-profile-section-header>div:first-child>h2{color:#fff;letter-spacing:-.4px;margin:0;font-size:30px;font-weight:800;line-height:1.15}.employee-profile-section>.employee-profile-section-header>.employee-profile-section .employee-profile-primary-button{color:#00845a;white-space:nowrap;box-sizing:border-box;cursor:pointer;background:#dffff3;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;width:auto;min-width:210px;height:56px;padding:0 28px;font-size:17px;font-weight:800;display:inline-flex}.employee-profile-section>.employee-profile-section-header>.employee-profile-section .employee-profile-leave-generated-badge{color:#00845a;white-space:nowrap;box-sizing:border-box;background:#dffff3;border-radius:999px;flex:none;justify-content:center;align-items:center;width:auto;min-width:210px;min-height:56px;padding:0 28px;font-size:17px;font-weight:800;display:inline-flex}.employee-profile-info-message{box-sizing:border-box;color:#9bb6d8;background:#142a4259;border:1px solid #537eae40;border-radius:12px;width:100%;max-width:100%;margin:10px 0 20px;padding:14px 16px;font-size:14px;line-height:1.5}.employee-leave-cards>* *{box-sizing:border-box}.employee-leave-cards>*{text-align:center}.employee-leave-cards>* h3,.employee-leave-cards>* h4,.employee-leave-cards>* strong{line-height:1.2}.employee-leave-cards>* span,.employee-leave-cards>* div{line-height:1.4}@media (width<=1250px){.employee-profile-section>.employee-profile-section-header{grid-template-columns:250px minmax(0,1fr);gap:20px}.employee-profile-section>.employee-profile-section-header>.employee-profile-section{padding:24px 22px 26px}.employee-leave-cards{gap:10px!important}.employee-profile-section>.employee-profile-section-header>.employee-profile-section .employee-profile-leave-generated-badge,.employee-profile-section>.employee-profile-section-header>.employee-profile-section .employee-profile-primary-button{min-width:180px;padding-left:20px;padding-right:20px}}@media (width<=1000px){.employee-profile-section>.employee-profile-section-header{grid-template-columns:1fr}.employee-profile-section>.employee-profile-section-header>div:first-child{padding:0}.employee-profile-section>.employee-profile-section-header>div:first-child>h2{max-width:none}.employee-leave-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}}@media (width<=600px){.employee-profile-section>.employee-profile-section-header>.employee-profile-section{padding:22px 18px}.employee-profile-section>.employee-profile-section-header>.employee-profile-section>.employee-profile-section-header{flex-direction:column;align-items:stretch;gap:18px}.employee-profile-section>.employee-profile-section-header>.employee-profile-section .employee-profile-primary-button,.employee-profile-section>.employee-profile-section-header>.employee-profile-section .employee-profile-leave-generated-badge{width:100%;min-width:0}.employee-leave-cards{grid-template-columns:1fr!important;gap:14px!important}}.employee-leave-cards{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:100%;margin-top:30px;padding:0;display:grid}.employee-leave-card{box-sizing:border-box;background:#08192c8c;border:1px dashed #699ddaa6;border-radius:14px;flex-direction:column;width:100%;min-width:0;padding:18px 14px;display:flex;overflow:hidden}.employee-leave-card-top{white-space:nowrap;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:16px;display:flex}.employee-leave-card-top strong{color:#fff;white-space:nowrap;font-size:17px;font-weight:800}.employee-leave-card-top span{color:#82a7d4;white-space:nowrap;font-size:15px;font-weight:700}.employee-leave-available{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:14px;display:flex}.employee-leave-available strong{color:#fff;white-space:nowrap;font-size:27px;font-weight:800;line-height:1.1}.employee-leave-available span{letter-spacing:1.2px;color:#79a6da;white-space:nowrap;margin-top:5px;font-size:10px;font-weight:800;line-height:1}.employee-leave-divider{border-top:1px dashed #699dda4d;width:100%;height:1px;margin:0 0 4px}.employee-leave-stats{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.employee-leave-stats>div{box-sizing:border-box;border-bottom:1px dashed #699dda2e;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:8px 0;display:flex}.employee-leave-stats>div:last-child{border-bottom:none}.employee-leave-stats span{color:#82a7d4;white-space:nowrap;flex:auto;min-width:0;font-size:8.5px;font-weight:600;line-height:1.2}.employee-leave-stats strong{color:#fff;white-space:nowrap;flex:none;font-size:8.5px;font-weight:800;line-height:1.2}.employee-profile-section,.employee-profile-section-header{box-sizing:border-box;min-width:0}.employee-leave-cards{overflow:hidden}@media (width<=1200px){.employee-leave-cards{gap:10px}.employee-leave-card{padding:16px 10px}.employee-leave-card-top strong{font-size:15px}.employee-leave-card-top span{font-size:13px}.employee-leave-available strong{font-size:24px}.employee-leave-stats span{font-size:10px}.employee-leave-stats strong{font-size:12px}}@media (width<=700px){.employee-leave-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.employee-profile-danger-button,.employee-profile-success-button{letter-spacing:.01em;cursor:pointer;border:1px solid;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.employee-profile-danger-button{color:#ff8d8d;background:#ff464614;border-color:#ff5a5a59}.employee-profile-danger-button:hover{background:#ff464626;border-color:#ff5a5a8c}.employee-profile-success-button{color:#63e6a5;background:#28c87814;border-color:#28c87859}.employee-profile-success-button:hover{background:#28c87826;border-color:#28c8788c}.employee-profile-danger-button:disabled,.employee-profile-success-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.hr-module{color:#e9eff7;box-sizing:border-box;background:#07111f;min-height:100%}.hr-module-nav{z-index:20;background:#081423;border-bottom:1px solid #1c2b40;position:sticky;top:0;box-shadow:0 8px 24px #00000029}.hr-module-nav-header{justify-content:space-between;align-items:center;gap:20px;padding:18px 28px 14px;display:flex}.hr-module-nav-header span{color:#6f8fb8;letter-spacing:.14em;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.hr-module-nav-header strong{color:#f2f6fc;font-size:20px;font-weight:700;display:block}.hr-module-role{color:#9eb3ce;letter-spacing:.04em;background:#111f32;border:1px solid #263852;border-radius:999px;align-items:center;min-height:28px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.hr-module-nav-items{scrollbar-width:thin;scrollbar-color:#263852 transparent;gap:4px;padding:0 22px;display:flex;overflow-x:auto}.hr-module-nav-items::-webkit-scrollbar{height:5px}.hr-module-nav-items::-webkit-scrollbar-track{background:0 0}.hr-module-nav-items::-webkit-scrollbar-thumb{background:#263852;border-radius:999px}.hr-module-nav-item{color:#7186a3;cursor:pointer;min-height:42px;font:inherit;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 13px;font-size:12px;font-weight:700;transition:background .18s,border-color .18s,color .18s;display:inline-flex;position:relative}.hr-module-nav-item:hover{color:#b8c7dc;background:#0d1929}.hr-module-nav-item:focus-visible{outline-offset:-2px;outline:2px solid #4d82ff}.hr-module-nav-item>span:first-child{color:#6f8fb8;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;line-height:1;display:inline-flex}.hr-module-nav-item:hover>span:first-child{color:#9eb8dd}.hr-module-nav-item.active{color:#f2f6fc;background:#0d1929;border-bottom-color:#4d82ff}.hr-module-nav-item.active>span:first-child{color:#6fa0ff}.hr-module-content{background:#07111f;min-width:0}.hr-module-placeholder{text-align:center;background:#0b1727;border:1px solid #1d2d43;border-radius:14px;margin:28px;padding:50px 30px;box-shadow:0 10px 30px #00000024}.hr-module-placeholder h2{color:#f2f6fc;margin:0 0 9px;font-size:21px;font-weight:700}.hr-module-placeholder p{color:#7186a3;max-width:520px;margin:0 auto;font-size:13px;line-height:1.6}.hr-module-access-denied{color:#e9eff7;text-align:center;background:#07111f;flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:30px;display:flex}.hr-module-access-denied h1{color:#f2f6fc;margin:0 0 8px;font-size:28px;font-weight:700}.hr-module-access-denied p{color:#7186a3;margin:0;font-size:14px}@media (width<=900px){.hr-module-nav-header{padding:16px 20px 13px}.hr-module-nav-items{padding:0 16px}}@media (width<=700px){.hr-module-nav-header{flex-direction:column;align-items:flex-start;gap:12px;padding:15px 18px 12px}.hr-module-role{align-self:flex-start}.hr-module-nav-items{padding:0 12px}.hr-module-nav-item{min-height:40px;padding:9px 11px}.hr-module-placeholder{margin:18px;padding:40px 20px}}@media (width<=480px){.hr-module-nav-header strong{font-size:18px}.hr-module-nav-item{font-size:11px}.hr-module-nav-item>span:first-child{width:16px;font-size:13px}}.candidate-offer-shell{color:#171717;background:radial-gradient(circle at 0 0,#0f172a0f,#0000 32%),#f4f5f7;min-height:100vh;padding:32px 20px 60px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.candidate-offer-page{background:#fff;width:min(980px,100%);margin:0 auto;box-shadow:0 30px 80px #0f172a1f}.candidate-offer-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;min-height:116px;padding:28px 44px;display:flex}.candidate-offer-brand{align-items:center;gap:14px;display:flex}.candidate-offer-logo{color:#fff;letter-spacing:-1px;background:#111827;border-radius:12px;place-items:center;width:46px;height:46px;font-size:24px;font-weight:800;display:grid}.candidate-offer-company{letter-spacing:2px;font-size:18px;font-weight:900}.candidate-offer-company-subtitle{color:#8a8f98;letter-spacing:1.8px;margin-top:3px;font-size:9px;font-weight:700}.candidate-offer-document-meta{text-align:right}.candidate-offer-document-meta span,.candidate-offer-eyebrow,.candidate-offer-action-card>div>span,.candidate-offer-final span,.candidate-offer-modal-eyebrow{color:#8a8f98;letter-spacing:1.7px;font-size:10px;font-weight:800;display:block}.candidate-offer-document-meta strong{letter-spacing:.4px;margin-top:7px;font-size:13px;display:block}.candidate-offer-document{padding:52px 68px 64px}.candidate-offer-date-row{border-bottom:1px solid #ededed;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px;padding-bottom:22px;display:grid}.candidate-offer-date-row>div{flex-direction:column;gap:5px;display:flex}.candidate-offer-label{color:#969aa1;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.candidate-offer-date-row strong{font-size:13px}.candidate-offer-introduction{max-width:790px}.candidate-offer-introduction h1{letter-spacing:-2px;margin:10px 0 34px;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,6vw,58px);font-weight:500;line-height:1}.candidate-offer-greeting{margin-top:0}.candidate-offer-introduction p,.candidate-offer-closing p{color:#535862;font-size:15px;line-height:1.85}.candidate-offer-introduction strong{color:#171717}.candidate-offer-section{margin-top:62px}.candidate-offer-section-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.candidate-offer-section-heading span{color:#a0a4aa;font-size:11px;font-weight:800}.candidate-offer-section-heading h2{margin:0;font-size:19px;font-weight:750}.candidate-offer-details-grid{border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;grid-template-columns:1fr 1fr;display:grid}.candidate-offer-detail{border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;min-height:105px;padding:22px 24px}.candidate-offer-detail span{color:#9499a1;letter-spacing:1px;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:800;display:block}.candidate-offer-detail strong{font-size:15px}.candidate-offer-compensation{color:#fff;background:#111827;border-radius:4px;margin-top:42px;padding:30px 34px}.candidate-offer-compensation span{color:#aeb4bf;letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.candidate-offer-compensation strong{margin-top:9px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500;display:block}.candidate-offer-compensation small{color:#aeb4bf;margin-top:8px;font-size:11px;display:block}.candidate-offer-terms{border-top:1px solid #e9e9e9}.candidate-offer-terms p{color:#535862;border-bottom:1px solid #ededed;margin:0;padding:16px 0;font-size:13px;line-height:1.75}.candidate-offer-terms strong{color:#25272b}.candidate-offer-closing{max-width:700px;margin-top:60px}.candidate-offer-signature{width:220px;margin-top:42px}.candidate-offer-signature-line{border-top:1px solid #222;width:100%;margin-bottom:12px}.candidate-offer-signature strong,.candidate-offer-signature span{display:block}.candidate-offer-signature strong{font-size:13px}.candidate-offer-signature span{color:#858a92;margin-top:3px;font-size:11px}.candidate-offer-action-card{background:#fafafa;border:1px solid #dedfe2;border-radius:6px;justify-content:space-between;align-items:center;gap:30px;margin-top:64px;padding:30px;display:flex}.candidate-offer-action-card h2{margin:9px 0 5px;font-size:20px}.candidate-offer-action-card p{color:#777c85;margin:0;font-size:12px}.candidate-offer-actions{flex-shrink:0;gap:10px;display:flex}.candidate-offer-actions button{cursor:pointer;border-radius:4px;min-width:130px;height:44px;padding:0 20px;font-size:12px;font-weight:750;transition:all .2s}.candidate-offer-accept{color:#fff;background:#111827;border:1px solid #111827}.candidate-offer-accept:hover{background:#252c3a;transform:translateY(-1px)}.candidate-offer-decline{color:#44474d;background:#fff;border:1px solid #d8dadd}.candidate-offer-decline:hover{background:#f1f2f3}.candidate-offer-actions button:disabled,.candidate-offer-modal-actions button:disabled{opacity:.55;cursor:not-allowed}.candidate-offer-success,.candidate-offer-inline-error{border-radius:4px;margin-top:20px;padding:14px 16px;font-size:13px}.candidate-offer-success{color:#2f6339;background:#f0f7f2;border:1px solid #cfe4d4}.candidate-offer-inline-error{color:#9b3535;background:#fff5f5;border:1px solid #f0cccc}.candidate-offer-final{border-radius:5px;align-items:flex-start;gap:18px;margin-top:45px;padding:28px;display:flex}.candidate-offer-final-accepted{background:#f1f8f2;border:1px solid #d0e5d4}.candidate-offer-final-declined{background:#faf5f5;border:1px solid #ead6d6}.candidate-offer-final-icon{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:grid}.candidate-offer-final h2{margin:7px 0;font-size:19px}.candidate-offer-final p{color:#666b73;margin:0;font-size:13px;line-height:1.7}.candidate-offer-footer{background:#fafafa;border-top:1px solid #e7e7e7;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:20px 44px;display:flex}.candidate-offer-footer strong{letter-spacing:1.5px;font-size:12px;display:block}.candidate-offer-footer span{color:#8c9199;margin-top:3px;font-size:10px;display:block}.candidate-offer-footer p{color:#9499a1;text-align:right;max-width:360px;margin:0;font-size:10px}.candidate-offer-loading,.candidate-offer-error{text-align:center;background:#fff;width:min(500px,100%);margin:15vh auto 0;padding:45px 35px;box-shadow:0 20px 60px #0f172a1a}.candidate-offer-spinner{border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;width:30px;height:30px;margin:0 auto 18px;animation:.8s linear infinite candidateOfferSpin}@keyframes candidateOfferSpin{to{transform:rotate(360deg)}}.candidate-offer-brand-mark{color:#fff;background:#111827;border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 20px;font-size:26px;font-weight:800;display:grid}.candidate-offer-error h1{margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:500}.candidate-offer-error p{color:#8c3030;margin:0 0 12px;font-size:13px}.candidate-offer-error span{color:#888d95;font-size:11px}.candidate-offer-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.candidate-offer-modal{background:#fff;width:min(470px,100%);padding:34px;position:relative;box-shadow:0 30px 90px #00000040}.candidate-offer-modal-close{color:#888;cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-size:24px;position:absolute;top:15px;right:15px}.candidate-offer-modal h2{margin:9px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500}.candidate-offer-modal p{color:#6f747d;font-size:13px;line-height:1.7}.candidate-offer-modal textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;border:1px solid #d9dadd;border-radius:4px;outline:none;margin-top:8px;padding:13px;font-size:12px}.candidate-offer-modal textarea:focus{border-color:#111827}.candidate-offer-modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.candidate-offer-modal-actions button{cursor:pointer;background:#fff;border:1px solid #d5d7da;border-radius:4px;min-height:40px;padding:0 16px;font-size:12px;font-weight:700}.candidate-offer-modal-actions button:last-child{color:#fff;background:#111827;border-color:#111827}@media (width<=700px){.candidate-offer-shell{padding:0}.candidate-offer-page{box-shadow:none}.candidate-offer-header{align-items:flex-start;padding:22px 20px}.candidate-offer-document-meta{display:none}.candidate-offer-document{padding:34px 22px 45px}.candidate-offer-date-row{grid-template-columns:1fr;gap:16px;margin-bottom:40px}.candidate-offer-introduction h1{font-size:42px}.candidate-offer-details-grid{grid-template-columns:1fr}.candidate-offer-action-card{flex-direction:column;align-items:stretch}.candidate-offer-actions{flex-direction:column}.candidate-offer-actions button{width:100%}.candidate-offer-footer{flex-direction:column;align-items:flex-start;padding:22px}.candidate-offer-footer p{text-align:left}}.create-booking-page{box-sizing:border-box;color:#e8eef7;width:100%;max-width:1480px;margin:0 auto;padding:34px 38px 50px}.create-booking-page .create-booking-header{justify-content:space-between;align-items:flex-end;gap:28px;width:100%;margin:0 0 28px;padding:0;display:flex}.create-booking-page .create-booking-header>div:first-child{min-width:0}.create-booking-page .create-booking-header h1{color:#f4f7fb;letter-spacing:-.025em;text-align:left;margin:5px 0 7px;font-size:30px;font-weight:720;line-height:1.15}.create-booking-page .create-booking-header p{color:#7f93aa;text-align:left;margin:0;font-size:13px;line-height:1.5}.create-booking-page .create-booking-back{color:#d7e2ef;cursor:pointer;background:#101e30;border:1px solid #263d56;border-radius:9px;flex:none;height:42px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:650;transition:background .18s,border-color .18s}.create-booking-page .create-booking-back:hover{background:#15273d;border-color:#3a5876}.create-booking-page .create-booking-back:disabled{opacity:.5;cursor:not-allowed}.create-booking-page .create-booking-alert{box-sizing:border-box;text-align:left;border-radius:9px;width:100%;margin:0 0 18px;padding:12px 15px;font-size:12px;line-height:1.45}.create-booking-page .create-booking-alert.error{color:#f3a4aa;background:#ef5c6312;border:1px solid #ef5c6333}.create-booking-page .create-booking-alert.success{color:#96ddb1;background:#40c97e12;border:1px solid #40c97e33}.create-booking-page .create-booking-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;width:100%;display:grid}.create-booking-page .create-booking-card{box-sizing:border-box;text-align:left;width:100%;min-width:0;box-shadow:none;background:#0e1b2c;border:1px solid #1c344c;border-radius:13px;padding:22px}.create-booking-page .create-booking-section-title{gap:12px;width:100%;margin:0 0 20px;text-align:left!important;flex-direction:row!important;justify-content:flex-start!important;align-items:flex-start!important;display:flex!important}.create-booking-page .create-booking-section-title>span{box-sizing:border-box;color:#6fa5f5;background:#4d8dff17;border:1px solid #4d8dff33;border-radius:9px;flex:0 0 34px;width:34px;height:34px;margin:0;padding:0;font-size:11px;font-weight:700;line-height:1;text-align:center!important;justify-content:center!important;align-items:center!important;display:flex!important}.create-booking-page .create-booking-section-title>div{flex:1;min-width:0;text-align:left!important;display:block!important}.create-booking-page .create-booking-section-title h2{color:#f0f5fa;font-size:16px;font-weight:700;line-height:1.25;text-align:left!important;margin:1px 0 4px!important}.create-booking-page .create-booking-section-title p{color:#71869e;font-size:11px;line-height:1.45;text-align:left!important;margin:0!important}.create-booking-page .create-booking-card>label,.create-booking-page .create-booking-two-column label{color:#9aadc2;font-size:11px;font-weight:600;line-height:1.3;text-align:left!important;margin:0 0 7px!important;display:block!important}.create-booking-page .create-booking-card input:not([type=checkbox]),.create-booking-page .create-booking-card select,.create-booking-page .create-booking-card textarea{box-sizing:border-box;color:#e4edf7;text-align:left;background:#091625;border:1px solid #233b55;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:12px;transition:border-color .18s,background .18s,box-shadow .18s}.create-booking-page .create-booking-card input:not([type=checkbox]),.create-booking-page .create-booking-card select{height:42px;padding:0 11px}.create-booking-page .create-booking-card textarea{resize:vertical;min-height:105px;padding:11px;line-height:1.5}.create-booking-page .create-booking-card input::placeholder,.create-booking-page .create-booking-card textarea::placeholder{color:#50647b}.create-booking-page .create-booking-card input:not([type=checkbox]):hover,.create-booking-page .create-booking-card select:hover,.create-booking-page .create-booking-card textarea:hover{border-color:#304a65}.create-booking-page .create-booking-card input:not([type=checkbox]):focus,.create-booking-page .create-booking-card select:focus,.create-booking-page .create-booking-card textarea:focus{background:#0a1727;border-color:#416fa4;box-shadow:0 0 0 3px #4d8dff12}.create-booking-page .create-booking-card input:disabled,.create-booking-page .create-booking-card select:disabled,.create-booking-page .create-booking-card textarea:disabled{opacity:.5;cursor:not-allowed}.create-booking-page .create-booking-card select option{color:#fff;background:#0e1b2c}.create-booking-page .create-booking-card>label+input,.create-booking-page .create-booking-card>label+select,.create-booking-page .create-booking-card>label+textarea{margin-bottom:16px}.create-booking-page .create-booking-help{color:#657b94;text-align:left;margin:-5px 0 0;font-size:10px;line-height:1.4;display:block}.create-booking-page .create-booking-muted{color:#687e96;text-align:left;padding:7px 0;font-size:11px}.create-booking-page .create-booking-two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;width:100%;margin:0 0 1px;display:grid}.create-booking-page .create-booking-two-column>div{min-width:0}.create-booking-page .create-booking-addon-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:100%;display:grid}.create-booking-page .create-booking-addon{box-sizing:border-box;cursor:pointer;background:#0a1727;border:1px solid #1d354d;border-radius:9px;gap:9px;min-width:0;padding:11px;transition:background .18s,border-color .18s;text-align:left!important;grid-template-columns:16px minmax(0,1fr) auto!important;align-items:center!important;margin:0!important;display:grid!important}.create-booking-page .create-booking-addon:hover{background:#0d1c2e;border-color:#2c4762}.create-booking-page .create-booking-addon.selected{background:#4d8dff11;border-color:#4d8dff6b}.create-booking-page .create-booking-addon input[type=checkbox]{accent-color:#5c98f2;cursor:pointer;width:15px!important;height:15px!important;margin:0!important;padding:0!important}.create-booking-page .create-booking-addon span{color:#d4dfeb;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:600;line-height:1.35;text-align:left!important;margin:0!important}.create-booking-page .create-booking-addon strong{color:#82aef0;white-space:nowrap;margin:0;font-size:10px;font-weight:700;line-height:1}.create-booking-page .create-booking-footer{box-sizing:border-box;text-align:left;background:#0e1b2c;border:1px solid #1c344c;border-radius:13px;justify-content:space-between;align-items:center;gap:25px;width:100%;margin-top:18px;padding:19px 22px;display:flex}.create-booking-page .create-booking-footer>div{text-align:left;flex-direction:column;gap:4px;min-width:0;display:flex}.create-booking-page .create-booking-footer strong{color:#eef4fa;text-align:left;margin:0;font-size:13px;font-weight:700;line-height:1.3}.create-booking-page .create-booking-footer span{color:#71859c;text-align:left;margin:0;font-size:11px;line-height:1.45}.create-booking-page .create-booking-submit{color:#f2f7ff;cursor:pointer;background:#17365e;border:1px solid #3d75bd;border-radius:8px;flex:none;min-width:160px;height:42px;padding:0 19px;font-family:inherit;font-size:12px;font-weight:700;transition:background .18s,border-color .18s,transform .18s}.create-booking-page .create-booking-submit:hover{background:#1d4779;border-color:#4d8de0;transform:translateY(-1px)}.create-booking-page .create-booking-submit:active{transform:translateY(0)}.create-booking-page .create-booking-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=1100px){.create-booking-page{padding-left:26px;padding-right:26px}.create-booking-page .create-booking-layout{grid-template-columns:1fr}}@media (width<=760px){.create-booking-page{padding:24px 16px 32px}.create-booking-page .create-booking-header{flex-direction:column;align-items:flex-start}.create-booking-page .create-booking-header h1{font-size:26px}.create-booking-page .create-booking-two-column,.create-booking-page .create-booking-addon-grid{grid-template-columns:1fr}.create-booking-page .create-booking-footer{flex-direction:column;align-items:stretch}.create-booking-page .create-booking-submit{width:100%}}.autoora-support{--support-bg:#071321;--support-surface:#0b1929;--support-surface-2:#0f1f32;--support-surface-3:#12243a;--support-border:#829ebe24;--support-border-strong:#577eaa47;--support-text:#edf4fb;--support-text-soft:#a9b9cc;--support-text-muted:#6f8299;--support-blue:#4c8df6;--support-blue-soft:#4c8df61f;--support-green:#36c982;--support-red:#ef6464;--support-yellow:#e5ad4e;box-sizing:border-box;width:100%;min-width:0;height:calc(100vh - 32px);min-height:680px;color:var(--support-text);flex-direction:column;padding:24px 24px 20px;display:flex;overflow:hidden}.support-heading{flex:none;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.support-heading-text{min-width:0}.support-eyebrow{color:#6382a4;letter-spacing:.16em;margin-bottom:6px;font-size:10px;font-weight:700}.support-heading h1{color:#f4f8fc;letter-spacing:-.025em;margin:0;font-size:26px;font-weight:720;line-height:1.15}.support-heading p{color:var(--support-text-muted);margin:7px 0 0;font-size:13px;line-height:1.5}.support-refresh-btn{border:1px solid var(--support-border-strong);color:#a9bad0;height:38px;font:inherit;cursor:pointer;background:#0f1f32c7;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.support-refresh-btn span{font-size:17px;line-height:1}.support-refresh-btn:hover:not(:disabled){color:#e8f1fb;background:#14263d;border-color:#4c8df661}.support-refresh-btn:disabled{opacity:.5;cursor:default}.support-alert{color:#f1a1a1;background:#7f1d1d24;border:1px solid #ef64643d;border-radius:9px;flex:none;margin-bottom:12px;padding:10px 13px;font-size:12px;line-height:1.45}.support-toolbar{flex:none;justify-content:space-between;align-items:center;gap:14px;min-height:44px;margin-bottom:12px;display:flex}.support-tabs{border:1px solid var(--support-border);background:#091624c2;border-radius:10px;align-items:center;gap:5px;min-width:0;padding:4px;display:flex}.support-tab{color:#788ca4;height:32px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:600;transition:background .15s,color .15s;display:inline-flex;position:relative}.support-tab:hover{color:#b8c8da;background:#ffffff09}.support-tab.active{color:#dcecff;background:#162b46;box-shadow:inset 0 0 0 1px #4c8df629}.support-tab.sos{color:#c88989}.support-tab.sos.active{color:#f09a9a;background:#b436361f;box-shadow:inset 0 0 0 1px #ef646429}.sos-dot{background:#ef6464;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #ef646414}.support-search-wrap{box-sizing:border-box;border:1px solid var(--support-border);background:#091624c7;border-radius:9px;flex:0 300px;align-items:center;gap:8px;height:38px;padding:0 12px;display:flex}.support-search-wrap>span{color:#60758e;flex:none;font-size:18px;line-height:1}.support-search-wrap input{color:#dce7f2;width:100%;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:12px}.support-search-wrap input::placeholder{color:#5e7188}.support-search-wrap:focus-within{border-color:#4c8df65c;box-shadow:0 0 0 3px #4c8df612}.support-workspace{border:1px solid var(--support-border);background:#081725;border-radius:16px;flex:auto;grid-template-columns:minmax(290px,32%) minmax(0,1fr);height:0;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000002e,inset 0 1px #ffffff04}.support-list-panel{border-right:1px solid var(--support-border);background:#091827;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.support-panel-title{border-bottom:1px solid var(--support-border);color:#dce7f2;flex:0 0 54px;justify-content:space-between;align-items:center;padding:0 17px;font-size:12px;font-weight:650;display:flex}.support-count{box-sizing:border-box;color:#8eb9f5;background:#4c8df614;border:1px solid #4c8df629;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:22px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.support-list-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6e89a640 transparent;flex:auto;min-height:0;overflow:hidden auto}.support-list-body::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar{width:6px}.support-details-drawer::-webkit-scrollbar{width:6px}.support-list-body::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-track{background:0 0}.support-details-drawer::-webkit-scrollbar-track{background:0 0}.support-list-body::-webkit-scrollbar-thumb{background:#6e89a638;border-radius:20px}.chat-messages::-webkit-scrollbar-thumb{background:#6e89a638;border-radius:20px}.support-details-drawer::-webkit-scrollbar-thumb{background:#6e89a638;border-radius:20px}.support-ticket{box-sizing:border-box;width:100%;min-height:132px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #829ebe13;padding:15px 17px;transition:background .15s,box-shadow .15s;display:block;position:relative}.support-ticket:hover{background:#4c8df60b}.support-ticket.active{background:linear-gradient(90deg,#3268ac3d,#3268ac14);box-shadow:inset 3px 0 #4c8df6}.support-ticket.unread{background:#1f4b7a14}.support-ticket.unread:not(.active){box-shadow:inset 2px 0 #4c8df673}.support-ticket.sos-ticket{box-shadow:inset 2px 0 #ef6464b3}.support-ticket.sos-ticket.active{box-shadow:inset 3px 0 #ef6464}.ticket-row{align-items:center;gap:7px;min-width:0;display:flex}.ticket-number{color:#7094bc;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.support-ticket.unread .ticket-number{color:#91baf0}.ticket-sos,.ticket-unread{border-radius:5px;flex:none;justify-content:center;align-items:center;height:18px;padding:0 6px;font-size:9px;font-weight:800;display:inline-flex}.ticket-sos{color:#f08d8d;background:#ef646421}.ticket-unread{color:#fff;background:#4c8df6;min-width:18px;box-shadow:0 3px 10px #4c8df62e}.ticket-subject{color:#e3ebf4;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:13px;font-weight:560;line-height:1.4;overflow:hidden}.support-ticket.unread .ticket-subject{color:#fff;font-weight:700}.ticket-info{color:#61758d;align-items:center;gap:8px;margin-top:8px;font-size:10px;display:flex}.ticket-info span+span:before{content:"•";color:#3e536c;margin-right:8px}.ticket-footer{color:#657b93;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:10px;display:flex}.ticket-priority{letter-spacing:.04em;border-radius:6px;align-items:center;min-height:22px;padding:0 8px;font-size:9px;font-weight:750;display:inline-flex}.ticket-priority.low{color:#8d9bae;background:#64748b1a}.ticket-priority.medium{color:#8bb6f4;background:#4c8df61c}.ticket-priority.high{color:#e7bb70;background:#e5ad4e1f}.ticket-priority.urgent{color:#f08f8f;background:#ef646421}.support-chat-panel{background:radial-gradient(circle at 70% 0,#2d5b9117,#0000 34%),#081725;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.chat-header{border-bottom:1px solid var(--support-border);background:#0c1c2df0;flex:0 0 70px;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:0 18px;display:flex}.chat-header-left{align-items:center;gap:11px;min-width:0;display:flex}.chat-avatar{color:#a9cefa;background:linear-gradient(145deg,#17375d,#10263f);border:1px solid #4c8df633;border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:750;display:flex;box-shadow:inset 0 1px #ffffff0a}.chat-header-left h3{color:#edf4fb;text-overflow:ellipsis;white-space:nowrap;max-width:520px;margin:0;font-size:13px;font-weight:650;line-height:1.35;overflow:hidden}.chat-header-left>div>span{color:#657c96;margin-top:4px;font-size:10px;font-weight:600;display:block}.chat-header-right{flex:none;align-items:center;gap:8px;display:flex}.chat-live-status{color:#687d94;background:#94a3b809;border:1px solid #94a3b81c;border-radius:7px;align-items:center;gap:6px;height:28px;padding:0 9px;font-size:9px;font-weight:700;display:inline-flex}.chat-live-status span{background:#64748b;border-radius:50%;width:6px;height:6px}.chat-live-status.connected{color:#73cf9e;background:#36c9820e;border-color:#36c98224}.chat-live-status.connected span{background:#36c982;box-shadow:0 0 0 3px #36c98214}.chat-status{color:#86afe7;text-transform:capitalize;background:#4c8df60f;border:1px solid #4c8df621;border-radius:7px;align-items:center;height:28px;padding:0 9px;font-size:9px;font-weight:700;display:inline-flex}.chat-close-btn,.chat-details-btn{height:30px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chat-close-btn{color:#d98a8a;background:#7f1d1d14;border:1px solid #ef646433;padding:0 10px;font-size:10px;font-weight:650}.chat-close-btn:hover:not(:disabled){color:#f2a0a0;background:#7f1d1d29;border-color:#ef646457}.chat-close-btn:disabled{opacity:.5;cursor:default}.chat-details-btn{color:#91a4b9;background:#829ebe0b;border:1px solid #829ebe29;width:30px;font-size:15px}.chat-details-btn:hover{color:#c6dcf5;background:#4c8df61a;border-color:#4c8df64d}.chat-messages{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6e89a640 transparent;flex-direction:column;flex:auto;min-height:0;padding:22px 22px 18px;display:flex;overflow:hidden auto}.chat-message{align-self:flex-start;width:fit-content;max-width:min(72%,650px);margin-bottom:12px}.chat-message.outgoing{align-self:flex-end}.message-role{color:#5f7791;letter-spacing:.06em;margin:0 0 5px 4px;font-size:9px;font-weight:700}.chat-message.outgoing .message-role{text-align:right;margin-left:0;margin-right:4px}.message-text{color:#dbe6f1;white-space:pre-wrap;overflow-wrap:anywhere;background:#102237;border:1px solid #829ebe1f;border-radius:12px 12px 12px 4px;padding:11px 13px;font-size:12px;line-height:1.55;box-shadow:0 4px 14px #00000014}.chat-message.outgoing .message-text{color:#eef6ff;background:linear-gradient(145deg,#173d68,#153451);border-color:#4c8df633;border-radius:12px 12px 4px}.message-time{color:#526981;margin-top:5px;font-size:9px;line-height:1}.chat-message.outgoing .message-time{text-align:right}.message-check{color:#5c9df7;margin-left:5px;font-size:10px}.support-typing-indicator{color:#71869d;background:#102237b3;border:1px solid #829ebe1a;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;margin:2px 0 4px 4px;padding:8px 11px;font-size:10px;display:inline-flex}.typing-dots{align-items:center;gap:3px;display:inline-flex}.typing-dots i{background:#6e8fb5;border-radius:50%;width:4px;height:4px;animation:1.1s ease-in-out infinite supportTyping}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes supportTyping{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-composer{box-sizing:border-box;border-top:1px solid var(--support-border);background:linear-gradient(#0a1a2af5,#081624);flex:none;align-items:flex-end;gap:10px;min-height:82px;padding:14px 18px;display:flex;box-shadow:0 -10px 28px #0000001a}.chat-composer textarea{box-sizing:border-box;resize:none;color:#e8f0f8;background:#0c1d30;border:1px solid #223b58;border-radius:12px;outline:none;flex:auto;width:100%;min-width:0;height:48px;max-height:120px;padding:14px 15px;font-family:inherit;font-size:12px;line-height:1.45;transition:border-color .15s,background .15s,box-shadow .15s}.chat-composer textarea::placeholder{color:#60758d}.chat-composer textarea:hover{border-color:#2d4a6a}.chat-composer textarea:focus{background:#0d2035;border-color:#4c8df67a;box-shadow:0 0 0 3px #4c8df614,0 5px 18px #0000001f}.chat-composer>button{color:#f6faff;min-width:84px;height:48px;font:inherit;cursor:pointer;background:#3e79d6;border:1px solid #4c8df6;border-radius:11px;flex:none;padding:0 17px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;box-shadow:0 7px 18px #3670ca29}.chat-composer>button:hover:not(:disabled){background:#4a88e8;border-color:#5b96ee;box-shadow:0 8px 22px #3670ca38}.chat-composer>button:active:not(:disabled){transform:translateY(1px)}.chat-composer>button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.chat-closed-bar{border-top:1px solid var(--support-border);color:#71869c;background:#0a1828;flex:0 0 62px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.chat-closed-bar>span{color:#5ec995;background:#36c9821a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:inline-flex}.support-empty{box-sizing:border-box;color:#657a91;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:30px;font-size:11px;display:flex}.support-empty strong{color:#9aacc0;margin-top:9px;font-size:12px}.support-empty>span{color:#5f738a;max-width:230px;margin-top:5px;line-height:1.5}.empty-icon,.chat-empty-icon{color:#6088b5;background:#4c8df60e;border:1px solid #4c8df621;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.chat-empty{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;padding:40px;display:flex}.chat-empty-icon{border-radius:16px;width:56px;height:56px;font-size:26px}.chat-empty h2{color:#b8c8d9;margin:16px 0 0;font-size:16px;font-weight:650}.chat-empty p{color:#62768d;max-width:300px;margin:7px 0 0;font-size:11px;line-height:1.6}.support-details-drawer{z-index:31;box-sizing:border-box;background:linear-gradient(#0d1d30 0%,#0a1828 100%);border-left:1px solid #829ebe29;width:min(390px,42%);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-18px 0 50px #00000047}.drawer-header{z-index:2;box-sizing:border-box;border-bottom:1px solid var(--support-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1d30f5;justify-content:space-between;align-items:center;gap:14px;min-height:70px;padding:15px 18px;display:flex;position:sticky;top:0}.drawer-header span{color:#627b97;letter-spacing:.12em;margin-bottom:4px;font-size:9px;font-weight:750;display:block}.drawer-header strong{color:#dbe7f2;font-size:12px;font-weight:650}.drawer-close{color:#8195ab;width:30px;height:30px;font:inherit;cursor:pointer;background:#829ebe0b;border:1px solid #829ebe26;border-radius:8px;font-size:18px;line-height:1}.drawer-content{padding:18px}.drawer-section{border-bottom:1px solid #829ebe17;margin-bottom:18px;padding-bottom:18px}.drawer-section:last-child{border-bottom:0;margin-bottom:0}.drawer-info-grid>div{background:#0c1e308c;border:1px solid #829ebe17;border-radius:9px;min-width:0;padding:10px 11px}.drawer-info-grid span{color:#60758d;margin-bottom:5px;font-size:9px;display:block}.drawer-info-grid strong{color:#b8c8d8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;display:block;overflow:hidden}.context-priority.medium{color:#8cb7f2!important}.context-priority.high{color:#e5b568!important}.context-priority.urgent{color:#f08f8f!important}.context-priority.low{color:#8d9bac!important}.support-assignment-card{background:linear-gradient(145deg,#14304f9e,#0c1d30b8);border:1px solid #4c8df61f;border-radius:11px;padding:12px}.support-assignment-current{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.support-assignment-label{color:#637a94;width:100%;font-size:9px}.support-assignment-current strong{color:#d9e6f2;font-size:12px;font-weight:650}.support-assignment-status{color:#71c998;background:#36c9820f;border:1px solid #36c98224;border-radius:999px;align-items:center;min-height:20px;padding:0 7px;font-size:8px;font-weight:700;display:inline-flex}.support-assignment-actions{border-top:1px solid #829ebe17;flex-direction:column;gap:9px;margin-top:13px;padding-top:12px;display:flex}.support-assign-auto,.support-assign-btn,.support-unassign-btn{height:37px;font:inherit;cursor:pointer;border-radius:8px;font-size:10px;font-weight:650;transition:all .15s}.support-assign-auto{color:#9dc4f6;background:#4c8df61a;border:1px solid #4c8df647;width:100%}.support-assign-auto:hover:not(:disabled){background:#4c8df62b;border-color:#4c8df66b}.support-assign-manual{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.support-assign-manual select{color:#aebfd1;width:100%;min-width:0;height:37px;font:inherit;background:#0b1a2b;border:1px solid #263d59;border-radius:8px;outline:0;padding:0 9px;font-size:10px}.support-assign-manual select:focus{border-color:#4c8df66b;box-shadow:0 0 0 3px #4c8df60f}.support-assign-btn{color:#f4f8fd;background:#3b78d4;border:1px solid #3f80e2;min-width:70px;padding:0 12px}.support-assign-btn:hover:not(:disabled){background:#4888e7}.support-unassign-btn{color:#d58b8b;background:#7f1d1d12;border:1px solid #ef64642e;width:100%}.support-unassign-btn:hover:not(:disabled){background:#7f1d1d24;border-color:#ef64644d}.support-assign-auto:disabled,.support-assign-btn:disabled,.support-unassign-btn:disabled{opacity:.45;cursor:not-allowed}.drawer-description{color:#93a6bb;white-space:pre-wrap;overflow-wrap:anywhere;background:#0c1e3073;border:1px solid #829ebe14;border-radius:9px;margin:0;padding:12px;font-size:11px;line-height:1.65}@media (width<=1200px){.autoora-support{padding-left:18px;padding-right:18px}.support-workspace{grid-template-columns:minmax(270px,35%) minmax(0,1fr)}.chat-header-right{gap:5px}.chat-live-status{display:none}.support-details-drawer{width:min(370px,48%)}}@media (width<=900px){.autoora-support{height:calc(100vh - 20px);min-height:600px;padding:16px}.support-heading h1{font-size:23px}.support-toolbar{flex-direction:column;align-items:stretch}.support-tabs{width:100%;overflow-x:auto}.support-search-wrap{flex:0 0 38px;width:100%}.support-workspace{grid-template-columns:minmax(250px,38%) minmax(0,1fr)}.chat-status{display:none}.chat-header{padding:0 14px}.chat-messages{padding-left:16px;padding-right:16px}.support-details-drawer{width:min(390px,62%)}}@media (width<=680px){.autoora-support{height:auto;min-height:calc(100vh - 20px);overflow:visible}.support-heading{align-items:stretch}.support-refresh-btn{align-self:flex-start}.support-workspace{flex:0 0 650px;grid-template-columns:1fr;height:650px}.support-list-panel{display:none}.chat-header-left h3{max-width:190px}.chat-close-btn{display:none}.chat-composer{padding:10px}.chat-composer>button{min-width:68px;padding:0 12px}.chat-messages{padding:16px 12px 14px}.chat-message{max-width:86%}.support-details-drawer{width:100%}}@media (prefers-reduced-motion:reduce){.autoora-support *,.autoora-support :before,.autoora-support :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.support-csat-card{background:#fbfcfe;border:1px solid #e8edf3;border-radius:14px;padding:16px}.support-csat-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.support-csat-label{letter-spacing:.08em;text-transform:uppercase;color:#7b8794;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.support-csat-rating{align-items:center;gap:9px;display:flex}.support-csat-stars{letter-spacing:2px;color:#f5b942;font-size:18px}.support-csat-rating strong{color:#172033;font-size:15px}.support-csat-date{color:#8a94a6;white-space:nowrap;font-size:11px}.support-csat-mood{color:#344054;margin-top:10px;font-size:13px;font-weight:600}.support-csat-feedback{border-top:1px solid #e8edf3;margin-top:14px;padding-top:12px}.support-csat-feedback>span{letter-spacing:.06em;text-transform:uppercase;color:#7b8794;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.support-csat-feedback p{color:#344054;white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.55}.support-csat-no-feedback,.support-csat-empty{color:#7b8794;background:#f7f9fc;border-radius:10px;padding:14px;font-size:12px;line-height:1.5}.ticket-customer{align-items:center;gap:10px;min-width:0;margin-top:4px;display:flex}.ticket-customer-content{flex-direction:column;gap:3px;min-width:0;display:flex}.ticket-customer-content strong{color:#eef5ff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:750;overflow:hidden}.ticket-customer-content span{color:#7188a5;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.support-ticket.unread{background:#275d9d29;border-left:3px solid #4d8dff;position:relative}.support-ticket.new-message{animation:1.8s ease-in-out infinite supportNewMessagePulse}.ticket-unread{color:#fff;background:#3f8cff;border-radius:999px;justify-content:center;align-items:center;min-width:23px;height:23px;padding:0 7px;font-size:11px;font-weight:850;display:inline-flex;box-shadow:0 0 0 4px #3f8cff1a}.support-ticket.unread .ticket-number{color:#8fbaff;font-weight:800}@keyframes supportNewMessagePulse{0%{box-shadow:inset 3px 0 #3f8cffe6}50%{box-shadow:inset 3px 0 #3f8cff,0 0 20px #3f8cff14}to{box-shadow:inset 3px 0 #3f8cffe6}}.chat-customer-header{flex-direction:column;min-width:0;display:flex}.chat-customer-header h3{color:#eef5ff;margin:0;font-size:16px;font-weight:800}.chat-customer-header span{color:#8298b4;margin-top:3px;font-size:12px}.chat-customer-header small{color:#536b89;letter-spacing:.04em;margin-top:3px;font-size:10px}.support-customer-profile{background:#1c345261;border:1px solid #6289b51f;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.support-customer-profile-info strong{color:#f0f6ff;font-size:14px;font-weight:800}.ticket-customer{align-items:center;gap:10px;width:100%;min-width:0;margin:8px 0 10px;display:flex}.ticket-customer-avatar{color:#9bc2ff;background:#4880d229;border:1px solid #5d97e638;border-radius:10px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:13px;font-weight:800;display:flex}.ticket-customer-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ticket-customer-content strong{color:#edf4ff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:750;line-height:18px;display:block;overflow:hidden}.ticket-customer-content span{color:#7188a4;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:15px;display:block;overflow:hidden}.support-ticket.unread{background:#285b9424;position:relative;box-shadow:inset 3px 0 #4b8dff}.support-ticket.unread .ticket-customer-content strong{color:#fff;font-weight:850}.support-ticket.new-message{box-shadow:inset 3px 0 #4b8dff,0 0 0 1px #4b8dff14}.ticket-unread{color:#fff;background:#3f8cff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 0 0 3px #3f8cff14}.chat-customer-header{flex-direction:column;justify-content:center;min-width:0;margin:0;padding:0;display:flex}.chat-customer-header h3{color:#f1f6ff!important;text-align:left!important;margin:0!important;font-size:16px!important;font-weight:800!important;line-height:20px!important}.chat-customer-header span{color:#7890ad;text-align:left;margin-top:3px;font-size:11px;line-height:15px;display:block}.chat-customer-header small{color:#506984;letter-spacing:.02em;text-align:left;margin-top:2px;font-size:10px;line-height:13px;display:block}.support-customer-profile{box-sizing:border-box;background:#162b4473;border:1px solid #6085ac1f;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.support-customer-avatar-large{color:#9bc2ff;background:#4880d229;border:1px solid #5d97e638;border-radius:11px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.support-customer-profile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.support-customer-profile-info strong{color:#eef4ff;font-size:13px;font-weight:750;line-height:17px}.support-customer-profile-info span{color:#7188a4;overflow-wrap:anywhere;font-size:10px;line-height:14px}.chat-header .chat-customer-header,.support-chat-header .chat-customer-header{text-align:left;align-items:flex-start}.chat-header .chat-customer-header h3,.support-chat-header .chat-customer-header h3{text-align:left!important}.support-ticket{overflow:hidden}.support-ticket .ticket-row{width:100%;min-width:0}.support-ticket .ticket-customer{flex:1;min-width:0}.support-ticket.sos-ticket.unread{box-shadow:inset 3px 0 #ef6262,0 0 0 1px #ef62620f}.support-ticket.sos-ticket.unread .ticket-unread{background:#e95d63;box-shadow:0 0 0 3px #e95d6314}.support-details-overlay{z-index:1000;-webkit-backdrop-filter:blur(7px);background:#020a14b8;position:fixed;inset:0}.support-details-drawer{z-index:1001;background:#0b1b2d;border-left:1px solid #78aadc24;flex-direction:column;width:min(560px,92vw);height:100vh;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-20px 0 60px #00000059}.drawer-header{background:#0d2034;border-bottom:1px solid #82aad21f;flex:none;justify-content:space-between;align-items:center;min-height:76px;padding:18px 24px;display:flex}.drawer-header>div{min-width:0}.drawer-header span{color:#6e88a4;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.drawer-header strong{color:#eaf3ff;font-size:15px;font-weight:700;display:block}.drawer-close{color:#9bb1c9;cursor:pointer;background:#ffffff09;border:1px solid #82aad226;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;line-height:1;transition:background .2s,color .2s,border-color .2s;display:flex}.drawer-close:hover{color:#fff;background:#ffffff14;border-color:#78b4f040}.drawer-content{scrollbar-width:thin;scrollbar-color:#78a0c840 transparent;flex:auto;min-height:0;padding:24px;overflow:hidden auto}.drawer-content::-webkit-scrollbar-track{background:0 0}.drawer-section{background:#142b43b8;border:1px solid #78aadc1a;border-radius:16px;min-width:0;margin-bottom:22px;padding:20px}.drawer-section:last-child{margin-bottom:0}.drawer-section-title{color:#7893b0;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:800}.drawer-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;min-width:0;display:grid}.drawer-info-grid>div{background:#0d1f32b8;border:1px solid #82afdc1a;border-radius:14px;width:100%;min-width:0;padding:17px;overflow:hidden}.drawer-info-grid>div>span:first-child{color:#7089a5;letter-spacing:.2px;margin-bottom:10px;font-size:12px;font-weight:600;display:block}.drawer-info-grid>div>strong{color:#e7f0fa;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:700;line-height:1.45;display:block}.drawer-info-grid>div>small{color:#8198b1;overflow-wrap:anywhere;margin-top:6px;font-size:12px;line-height:1.45;display:block}.support-customer-profile{box-sizing:border-box;background:#18304cb3;border:1px solid #64a0dc1f;border-radius:14px;align-items:center;gap:14px;width:100%;min-width:0;padding:12px;display:flex}.support-customer-avatar-large{color:#a9cfff;background:#183b62;border:1px solid #5aa0eb4d;border-radius:13px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:800;display:flex}.support-customer-profile-info{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.support-customer-profile-info strong{color:#e9f3ff;white-space:normal;overflow-wrap:anywhere;word-break:normal;min-width:0;font-size:14px;font-weight:700;line-height:1.35;display:block}.support-customer-profile-info span{color:#829ab4;white-space:normal;overflow-wrap:anywhere;word-break:normal;min-width:0;font-size:11px;line-height:1.45;display:block}.drawer-info-grid>div:nth-child(2),.drawer-info-grid>div:nth-child(3),.drawer-info-grid>div:nth-child(4){min-width:0}.drawer-info-grid>div:nth-child(2) strong,.drawer-info-grid>div:nth-child(3) strong,.drawer-info-grid>div:nth-child(4) strong{white-space:normal;overflow-wrap:anywhere}.support-booking-address{background:#0d1f32b8;border:1px solid #82afdc1a;border-radius:13px;margin-top:16px;padding:15px}.support-booking-address>span{color:#7089a5;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.support-booking-address p{color:#d4e1ef;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.6}.drawer-description{color:#c2d1e1;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.65}.chat-customer-header{min-width:0}.chat-customer-header h3{color:#eaf3ff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.chat-customer-header span{color:#7890aa;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;display:block;overflow:hidden}.chat-customer-header small{color:#536b84;margin-top:4px;font-size:10px;display:block}.ticket-customer{align-items:center;gap:11px;min-width:0;display:flex}.ticket-customer-avatar{color:#a8ccf5;background:#173657;border:1px solid #64a5e633;border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex}.ticket-customer-content{flex:auto;min-width:0}.ticket-customer-content strong{color:#dce9f7;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:700;display:block;overflow:hidden}.ticket-customer-content span{color:#7189a3;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-top:3px;font-size:11px;display:block;overflow:hidden}.drawer-section .drawer-info-grid>div:first-child,.drawer-section .drawer-info-grid>div:first-child .support-customer-profile{min-width:0}@media (width<=700px){.support-details-drawer{width:100vw}.drawer-content{padding:16px}.drawer-section{border-radius:14px;padding:16px}.drawer-info-grid{grid-template-columns:1fr}}@media (width<=420px){.drawer-header{padding:16px}.drawer-content{padding:12px}.support-customer-profile{gap:10px;padding:10px}.support-customer-avatar-large{flex-basis:46px;width:46px;height:46px}}.notifications-page{padding-bottom:40px}.notifications-header{align-items:center}.page-eyebrow{letter-spacing:.14em;opacity:.45;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.notifications-header-actions{align-items:center;gap:10px;display:flex}.notification-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.notification-summary-card{background:#0e1a29;border:1px solid #ffffff0f;border-radius:16px;padding:20px}.notification-summary-card span{opacity:.55;font-size:12px;display:block}.notification-summary-card strong{margin-top:8px;font-size:30px;line-height:1;display:block}.notification-summary-card small{opacity:.45;margin-top:8px;font-size:11px;display:block}.notification-summary-card.unread{border-color:#4d8dff47}.notification-summary-card.alert{border-color:#ff9f3f47}.notifications-panel{background:#0d1928;border:1px solid #ffffff0f;border-radius:18px;overflow:hidden}.notifications-toolbar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.notification-filters{gap:6px;display:flex}.notification-filters button{color:inherit;cursor:pointer;opacity:.65;background:0 0;border:0;border-radius:9px;padding:8px 13px;font-size:12px}.notification-filters button:hover{opacity:1;background:#ffffff0a}.notification-filters button.active{opacity:1;background:#182a40}.notification-filters button span{color:#fff;background:#4d8dff;border-radius:20px;margin-left:6px;padding:2px 6px;font-size:10px}.notification-count{opacity:.45;font-size:11px}.notifications-list{flex-direction:column;display:flex}.notification-card{border-bottom:1px solid #ffffff0d;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;padding:18px;transition:background .15s;display:grid}.notification-card:last-child{border-bottom:0}.notification-card:hover{background:#ffffff04}.notification-card.unread{background:#4d8dff09}.notification-icon{background:#182a40;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:flex}.notification-icon.success{color:#27ce88}.notification-icon.warning{color:#ff9f3f}.notification-icon.critical{color:#ff6b6b}.notification-icon.general{color:#4d8dff}.notification-body{min-width:0}.notification-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.notification-top>div{align-items:center;gap:8px;display:flex}.notification-top h3{margin:0;font-size:14px;font-weight:700}.notification-top time{opacity:.4;flex-shrink:0;font-size:10px}.notification-new{color:#4d8dff;letter-spacing:.08em;background:#4d8dff29;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:800}.notification-body p{opacity:.68;margin:7px 0 10px;font-size:12px;line-height:1.55}.notification-meta{opacity:.45;align-items:center;gap:10px;font-size:10px;display:flex}.notification-type{background:#182a40;border-radius:5px;padding:3px 7px}.notification-type.success{color:#27ce88}.notification-type.warning{color:#ff9f3f}.notification-type.critical{color:#ff6b6b}.notification-type.general{color:#4d8dff}.notification-actions{flex-direction:column;justify-content:center;gap:7px;display:flex}.notification-actions button{color:#4d8dff;cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:10px}.notification-actions button:hover{text-decoration:underline}.notification-actions .notification-delete{color:#ff6b6b;opacity:.65}.notification-empty,.notifications-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;padding:40px;display:flex}.notifications-empty-icon{color:#27ce88;background:#27ce881a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:6px;font-size:20px;display:flex}.notifications-empty strong{font-size:14px}.notifications-empty span{opacity:.45;max-width:360px;font-size:12px}.notifications-loading{text-align:center;opacity:.5;padding:60px}.notifications-error{color:#ff8d8d;background:#ff6b6b14;border:1px solid #ff6b6b2e;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:16px;padding:12px 14px;font-size:12px;display:flex}.notifications-error button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}@media (width<=800px){.notification-summary-grid{grid-template-columns:1fr}.notification-card{grid-template-columns:40px minmax(0,1fr)}.notification-actions{flex-direction:row;grid-column:2;justify-content:flex-start}.notification-top{flex-direction:column;gap:5px}}*{box-sizing:border-box}:root{color:#e8edf5;font-synthesis:none;text-rendering:optimizelegibility;background:#07111f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 70% 0,#2b529124,#0000 32%),#07111f;min-width:1200px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.control-center{background:#07111f;min-height:100vh;display:flex}.sidebar{z-index:20;background:linear-gradient(#06101d 0%,#071525 100%);border-right:1px solid #182536;width:220px;min-width:220px;min-height:100vh;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid #172333;align-items:center;gap:12px;height:104px;padding:24px 18px;display:flex}.sidebar-logo{color:#07111f;background:#f7f9fc;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;font-weight:900;display:flex}.sidebar-title{color:#f8fafc;letter-spacing:1px;font-size:18px;font-weight:800}.sidebar-subtitle{color:#7e91a9;letter-spacing:1.8px;margin-top:5px;font-size:9px}.sidebar-nav{padding:26px 12px}.sidebar-section{color:#71839b;letter-spacing:1.5px;margin:0 12px 12px;font-size:10px;font-weight:700}.nav-item{color:#aebdce;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:48px;margin-bottom:5px;padding:0 14px;font-size:14px;display:flex}.nav-item:hover{color:#fff;background:#111f30}.nav-item.active{color:#fff;background:linear-gradient(90deg,#172f50,#142640);box-shadow:inset 3px 0 #4c7dff}.nav-icon{color:#8fa8c5;text-align:center;width:20px;font-size:16px}.main-area{width:calc(100% - 220px);min-height:100vh;margin-left:220px}.topbar{z-index:10;background:#07111feb;border-bottom:1px solid #172536;justify-content:flex-end;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{display:none}.topbar-right{align-items:center;gap:18px;display:flex}.staff-info{text-align:right}.staff-name{color:#f4f7fb;font-size:14px;font-weight:700}.staff-role{color:#73869e;letter-spacing:1.3px;margin-top:4px;font-size:10px}.logout{color:#e6edf6;background:#0d1928;border:1px solid #2b3b4e;border-radius:8px;padding:10px 17px}.logout:hover{background:#162536}.content-area{padding:0 26px 30px}.dashboard-page{max-width:1500px;margin:0 auto;padding:30px 0}.section-label,.panel-eyebrow{color:#7589a3;letter-spacing:1.7px;font-size:10px;font-weight:700}.dashboard-header h1{color:#f4f7fb;margin:8px 0 5px;font-size:28px;line-height:1.15}.dashboard-header h1 span{font-size:22px}.dashboard-header-actions{align-items:center;gap:10px;display:flex}.date-control{color:#8ea1b8;background:#0b1726;border:1px solid #26384d;border-radius:8px;align-items:center;gap:7px;height:42px;padding:0 13px;font-size:11px;display:flex}.date-control strong{color:#e5ebf3}.command-button,.primary-button{color:#fff;background:linear-gradient(135deg,#426cff,#7257e8);border:0;border-radius:8px;height:42px;padding:0 18px;font-size:12px;font-weight:700;box-shadow:0 8px 24px #405bff2e}.kpi-card{background:linear-gradient(145deg,#101d2d,#0c1827);border:1px solid #203146;border-radius:11px;align-items:center;gap:14px;min-height:110px;padding:18px;display:flex;box-shadow:0 10px 30px #0000001f}.kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:19px;font-weight:800;display:flex}.kpi-card.blue .kpi-icon{color:#6ea0ff;background:#142e56}.kpi-card.green .kpi-icon{color:#39d598;background:#103d32}.kpi-card.orange .kpi-icon{color:#ffad45;background:#46301a}.kpi-card.red .kpi-icon{color:#ff6878;background:#481e2b}.kpi-card.purple .kpi-icon{color:#a986ff;background:#30234c}.kpi-content{min-width:0}.kpi-content span{color:#8597ad;font-size:10px;display:block}.kpi-content strong{color:#f5f7fa;margin-top:5px;font-size:25px;line-height:1;display:block}.kpi-content small{color:#657991;margin-top:7px;font-size:9px;display:block}.dashboard-main-grid{grid-template-columns:1.65fr 1fr;gap:12px;display:grid}.dashboard-panel{background:linear-gradient(145deg,#101d2d,#0b1726);border:1px solid #203146;border-radius:11px;min-width:0;padding:18px;box-shadow:0 10px 30px #0000001c}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;min-height:38px;margin-bottom:14px;display:flex}.panel-heading h2{color:#edf2f8;margin:4px 0 0;font-size:14px}.view-link{color:#6691ff;white-space:nowrap;background:0 0;border:0;font-size:10px}.panel-tabs{gap:4px;display:flex}.panel-tabs button{color:#71859d;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 9px;font-size:9px}.panel-tabs button.active{color:#dbe7f8;background:#10233b;border-color:#31568b}.live-panel{grid-row:span 2}.map-placeholder{background:linear-gradient(135deg,#0c2033,#091724 45%,#10243a);border:1px solid #1f344c;border-radius:8px;height:355px;position:relative;overflow:hidden}.map-grid{opacity:.28;background-image:linear-gradient(35deg,#0000 47%,#31506b 48%,#0000 49%),linear-gradient(120deg,#0000 48%,#29455f 49%,#0000 50%);background-size:85px 85px,115px 115px;position:absolute;inset:0}.map-center-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.map-center-message strong{color:#e7edf5;font-size:13px}.map-center-message span{color:#70849d;max-width:250px;font-size:10px;line-height:1.5}.map-pulse{color:#6194ff;background:#122d4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 0 0 8px #477cff0f,0 0 30px #477cff2e}.map-control{color:#d4deea;background:#0c1929;border:1px solid #294057;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute}.map-control.top{top:12px;right:12px}.map-control.bottom{bottom:12px;right:12px}.operations-chart{justify-content:center;align-items:center;gap:35px;min-height:190px;display:flex}.donut{--completed:0%;--in-progress:0%;--assigned:0%;--unassigned:0%;background:conic-gradient(#27ce88 0 var(--completed), #ff9f3f var(--completed) var(--in-progress), #4d8dff var(--in-progress) var(--assigned), #ff6b6b var(--assigned) var(--unassigned), #182a40 var(--unassigned) 100%);border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.donut:before{content:"";background:#0e1b2b;border-radius:50%;width:92px;height:92px;position:absolute}.donut>div{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.donut strong{color:#edf3fa;font-size:21px}.donut span{color:#778ba3;margin-top:3px;font-size:9px}.legend{min-width:145px}.legend>div{color:#9aabbe;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:7px 0;font-size:10px;display:grid}.legend strong{color:#e7edf4}.status-list>div{color:#91a3b9;border-bottom:1px solid #1b2b3e;justify-content:space-between;align-items:center;min-height:43px;font-size:11px;display:flex}.status-list>div:last-child{border-bottom:0}.status-list strong{color:#e8eef5}.status-list span{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.green-dot{background:#28d18c}.orange-dot{background:#ff982e}.blue-dot{background:#4c84ff}.red-dot{background:#f0525c}.gray-dot{background:#667485}.alerts-panel{min-height:245px}.empty-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:175px;display:flex}.empty-icon{color:#35d591;background:#123426;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.empty-panel strong{color:#dbe5ef;font-size:12px}.empty-panel span{color:#687c94;font-size:9px}.secondary-grid{grid-template-columns:1.4fr 1fr .85fr;gap:12px;margin-top:12px;display:grid}.secondary-grid .dashboard-panel:first-child{grid-column:span 2}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#647990;text-align:left;border-bottom:1px solid #203146;padding:10px 7px;font-size:9px;font-weight:600}td{color:#b7c4d3;border-bottom:1px solid #192a3c;padding:13px 7px;font-size:10px}.table-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:34px 10px;display:flex}.table-empty strong{color:#aebdce;font-size:11px}.table-empty span{color:#637890;font-size:9px}.leaderboard{min-height:155px}.leader-row{border-bottom:1px solid #1b2b3e;grid-template-columns:1fr 55px 55px;padding:10px 0;font-size:9px;display:grid}.leader-row.header{color:#647991}.revenue-summary strong{color:#f1f5fa;margin-top:10px;font-size:25px;display:block}.revenue-summary>span{color:#73869e;margin-top:5px;font-size:9px;display:block}.revenue-chart{border-bottom:1px solid #26374b;align-items:flex-end;gap:8px;height:82px;margin-top:18px;padding-bottom:4px;display:flex}.revenue-chart div{background:linear-gradient(#587eff,#273b83);border-radius:4px 4px 0 0;flex:1;min-width:8px}.revenue-chart div:first-child{height:25%}.revenue-chart div:nth-child(2){height:42%}.revenue-chart div:nth-child(3){height:30%}.revenue-chart div:nth-child(4){height:60%}.revenue-chart div:nth-child(5){height:45%}.revenue-chart div:nth-child(6){height:75%}.revenue-chart div:nth-child(7){height:90%}.service-empty{align-items:center;gap:12px;min-height:125px;display:flex}.service-icon{color:#6d98ff;background:#182b46;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.service-empty strong{color:#cbd7e4;font-size:11px;display:block}.service-empty span{color:#637890;margin-top:5px;font-size:9px;display:block}.quick-actions{margin-top:12px}.quick-action-grid button{color:#9eafc2;background:#0d1a2a;border:1px solid #22354a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:72px;font-size:9px;display:flex}.quick-action-grid button span{color:#6392ff;background:#152d4b;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.quick-action-grid button:hover{color:#fff;background:#122238;border-color:#35557b}.dashboard-footer{color:#4e6279;justify-content:space-between;padding:18px 4px 0;font-size:9px;display:flex}.page-state{color:#8194ab;justify-content:center;align-items:center;gap:12px;min-height:500px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.error-state{color:#ff8c96;text-align:center}.error-state p{color:#8b7180;font-size:11px}.login-page{background:radial-gradient(circle at 50% 20%,#132944,#0000 42%),#07111f;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#0d1a2a;border:1px solid #22364c;border-radius:16px;width:100%;max-width:430px;padding:40px;box-shadow:0 30px 80px #00000059}.brand{align-items:center;gap:14px;margin-bottom:40px;display:flex}.logo{color:#101725;background:#f6f8fb;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;font-weight:800;display:flex}.brand h1{color:#f5f8fc;letter-spacing:2px;margin:0;font-size:20px}.brand p{color:#71859d;letter-spacing:1.5px;margin:3px 0 0;font-size:10px}.login-heading h2{color:#f4f7fb;margin:0;font-size:30px}.login-heading p{color:#7589a1;margin:8px 0 30px}.login-card label{color:#b4c1d0;margin:18px 0 8px;font-size:13px;font-weight:600;display:block}.login-card input{color:#e9eef5;background:#081423;border:1px solid #293d53;border-radius:8px;outline:none;width:100%;height:48px;padding:0 14px}.login-card input:focus{border-color:#557fff}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#426cff,#7257e8);border:0;border-radius:8px;width:100%;height:50px;margin-top:26px;font-weight:700}.login-button:disabled{opacity:.5;cursor:not-allowed}.error{color:#ff8994;background:#351c26;border-radius:8px;padding:12px 14px;font-size:13px}.security-note{color:#5f7289;text-align:center;margin:22px 0 0;font-size:10px}.bookings-page{max-width:1280px;margin:0 auto;padding:46px 34px 80px}.bookings-header p:last-child{color:#7890ad;margin:0}.secondary-button{color:#e8eef7;cursor:pointer;background:#101e30;border:1px solid #243852;border-radius:10px;padding:12px 18px;font-weight:600}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.booking-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.booking-summary-card{background:linear-gradient(145deg,#101f32,#0c1929);border:1px solid #1d3048;border-radius:15px;flex-direction:column;justify-content:space-between;min-height:140px;padding:22px;display:flex}.booking-summary-card span{color:#8ea3bd;letter-spacing:.4px;font-size:13px;font-weight:600}.booking-summary-card strong{color:#f5f8fc;margin-top:14px;font-size:30px}.booking-summary-card small{color:#66809e;font-size:11px}.bookings-toolbar{border-bottom:1px solid #1d3048;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.booking-search input{color:#eaf0f7;background:0 0;border:0;outline:0;width:100%}.booking-filter{color:#dbe5f1;background:#0a1625;border:1px solid #263b56;border-radius:10px;outline:none;min-width:190px;height:44px;padding:0 13px}.booking-table-wrap{overflow-x:auto}.booking-table th{text-align:left;color:#6f86a1;text-transform:uppercase;letter-spacing:1px;background:#0a1625;border-bottom:1px solid #1d3048;padding:15px 18px;font-size:11px}.booking-table td{color:#dce5ef;vertical-align:middle;border-bottom:1px solid #172a40;padding:17px 18px;font-size:13px}.booking-table tbody tr{transition:background .15s}.booking-table tbody tr:last-child td{border-bottom:0}.booking-id,.booking-customer{color:#f1f5fa;font-weight:700}.booking-sub{color:#66809d;margin-top:5px;font-size:11px}.booking-status{color:#a9c5e5;white-space:nowrap;background:#10243a;border:1px solid #28405e;border-radius:7px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.booking-status>span{background:#6e8fba;border-radius:50%;width:6px;height:6px}.status-pending{color:#ffb65a;background:#2c2114;border-color:#5b4021}.status-pending>span{background:#ff9d2e}.status-confirmed,.status-assigned{color:#75a8ff;background:#102641;border-color:#274774}.status-confirmed>span,.status-assigned>span{background:#4f83ff}.status-technician_on_way,.status-arrival_verified,.status-service_started{color:#d4b2ff;background:#24183b;border-color:#4b3470}.status-technician_on_way>span,.status-arrival_verified>span,.status-service_started>span{background:#9c6cff}.status-service_completed,.status-paid{color:#5ee5ae;background:#102d25;border-color:#185a46}.status-service_completed>span,.status-paid>span{background:#26d98b}.status-payment_pending{color:#ffc65c;background:#2b2112;border-color:#5a431c}.status-payment_pending>span{background:#ffb62e}.status-cancelled>span{background:#ff4f5c}.view-booking-button{color:#8eb9ff;cursor:pointer;background:#102239;border:1px solid #2b4565;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600}.view-booking-button:hover{background:#16304e;border-color:#4d82d1}.booking-empty{color:#7088a3;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:280px;display:flex}.booking-empty strong{color:#dce5ef;font-size:15px}.booking-error{color:#ff9a9f;background:#2b151a;border:1px solid #5d2930;border-radius:10px;margin:18px;padding:14px}.booking-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#01070eb8;justify-content:flex-end;display:flex;position:fixed;inset:0}.booking-drawer{background:linear-gradient(#0c1929 0%,#091421 100%);border-left:1px solid #263c57;width:min(540px,100%);height:100%;padding:30px;overflow-y:auto;box-shadow:-20px 0 70px #0006}.drawer-header{justify-content:space-between;align-items:flex-start;display:flex}.drawer-header h2{color:#f3f7fb;margin:8px 0 0}.drawer-close{color:#b8c7d8;cursor:pointer;background:#101f31;border:1px solid #29415e;border-radius:9px;width:38px;height:38px;font-size:24px}.drawer-status-row{background:#0b1726;border:1px solid #20364f;border-radius:11px;justify-content:space-between;align-items:center;margin-top:24px;padding:16px;display:flex}.drawer-status-row strong{color:#f4f7fb;font-size:19px}.drawer-section:last-child{border-bottom:0}.drawer-section h3{color:#e8eef6;margin:0 0 16px;font-size:14px}.detail-list{flex-direction:column;gap:12px;display:flex}.detail-list>div{justify-content:space-between;gap:20px;display:flex}.detail-list span{color:#6f87a2;font-size:12px}.detail-list strong{text-align:right;color:#dce6f0;overflow-wrap:anywhere;max-width:65%;font-size:12px}.assigned-tech-box,.unassigned-box{background:#0b1828;border:1px solid #203951;border-radius:10px;padding:14px}.assigned-tech-box{flex-direction:column;gap:5px;display:flex}.assigned-tech-box strong{color:#e7edf5}.assigned-tech-box span{color:#6f87a1;font-size:12px}.unassigned-box{color:#ff9b9f;background:#28151a;border-color:#542a31;font-size:12px}.drawer-section label{color:#8299b3;margin:16px 0 8px;font-size:12px;font-weight:600;display:block}.drawer-action-row{gap:8px;display:flex}.drawer-action-row select{color:#dce5ef;background:#0a1625;border:1px solid #263d58;border-radius:9px;outline:none;flex:1;min-width:0;height:42px;padding:0 10px}.primary-action{color:#fff;cursor:pointer;background:#5865f2;border:0;border-radius:9px;height:42px;padding:0 15px;font-weight:700}.primary-action:hover{background:#6875ff}.primary-action:disabled{opacity:.45;cursor:not-allowed}@media (width<=1100px){.booking-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.bookings-page{padding:30px 18px 60px}.bookings-header{flex-direction:column;align-items:flex-start}.booking-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bookings-toolbar{flex-direction:column;align-items:stretch}.booking-search{max-width:none}.booking-filter{width:100%}.booking-drawer{padding:22px}}.bookings-page{width:100%;max-width:1500px;margin:0 auto}.bookings-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.bookings-header p:not(.eyebrow){color:#7f98b8;margin:0;font-size:16px}.bookings-refresh{color:#f3f7ff;cursor:pointer;background:#111f31;border:1px solid #263c58;border-radius:10px;padding:12px 18px;font-size:14px}.bookings-refresh:hover{border-color:#4f7cff}.bookings-error{color:#ff9bad;background:#30151e;border:1px solid #7d2638;border-radius:10px;margin-bottom:20px;padding:14px 18px}.booking-stat-card{background:linear-gradient(145deg,#101f31,#0d1929);border:1px solid #20344e;border-radius:14px;min-height:135px;padding:22px}.booking-stat-card strong{color:#f5f8ff;margin-bottom:12px;font-size:32px;line-height:1;display:block}.booking-stat-card small{color:#607995}.bookings-panel{background:#0d1929;border:1px solid #20344e;border-radius:14px;overflow:hidden}.bookings-toolbar{border-bottom:1px solid #20344e;align-items:center;gap:14px;padding:18px;display:flex}.booking-search{background:#0a1524;border:1px solid #263c58;border-radius:9px;flex:1;align-items:center;gap:10px;min-height:44px;padding:0 14px;display:flex}.bookings-toolbar select,.booking-action-section select{color:#dfe8f5;background:#0a1524;border:1px solid #263c58;border-radius:9px;outline:none;min-height:44px;padding:0 14px}.bookings-table-wrap{width:100%;overflow-x:auto}.bookings-table{border-collapse:collapse;width:100%;min-width:1050px}.bookings-table th{text-align:left;color:#7189a7;letter-spacing:1.2px;text-transform:uppercase;border-bottom:1px solid #20344e;padding:15px 18px;font-size:11px;font-weight:700}.bookings-table td{color:#dce6f3;border-bottom:1px solid #182b42;padding:17px 18px;font-size:13px}.bookings-table tbody tr{transition:background .15s}.bookings-table tbody tr:hover{background:#111f31}.booking-customer{color:#eef4fc;font-weight:600}.booking-subtext{color:#617995;margin-top:5px;font-size:11px}.booking-status{white-space:nowrap;color:#91b5ff;background:#14253a;border:1px solid #29425f;border-radius:6px;align-items:center;padding:6px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-completed,.status-paid{color:#4de0a0;background:#0d3028;border-color:#195d49}.status-cancelled{color:#ff7d92;background:#321520;border-color:#672637}.status-service_started,.status-technician_on_way,.status-assigned{color:#ffb25e;background:#302315;border-color:#67451f}.status-pending,.status-payment_pending{color:#9eb9ff;background:#14243b;border-color:#294776}.booking-view-button{color:#79a2ff;cursor:pointer;background:0 0;border:1px solid #29415e;border-radius:7px;padding:7px 12px}.booking-view-button:hover{background:#122541;border-color:#4f7cff}.empty-bookings{text-align:center;color:#617995!important;padding:70px 20px!important}.bookings-footer{color:#617995;padding:15px 18px;font-size:12px}.bookings-footer strong{color:#a9bdd7}.booking-modal-header{border-bottom:1px solid #20344e;justify-content:space-between;align-items:flex-start;padding:25px;display:flex}.booking-modal-header h2{color:#f2f6fc;margin:5px 0 0;font-size:28px}.modal-close:hover{color:#fff;border-color:#4f7cff}.booking-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:10px 25px;display:grid}.booking-detail-grid>div{border-bottom:1px solid #1b3047;padding:17px 0}.booking-detail-grid span{color:#68819e;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px;font-size:11px;display:block}.booking-detail-grid strong{color:#e9f0f9;font-size:14px}.booking-detail-wide{grid-column:1/-1}.booking-action-section{background:#0a1524;border:1px solid #20344e;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:15px 25px 25px;padding:20px;display:grid}.booking-action-section label{color:#7891ad;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.booking-action-section select{width:100%}.booking-saving{color:#79a2ff;padding:0 25px 20px;font-size:12px}@media (width<=1000px){.booking-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.bookings-header{flex-direction:column;align-items:flex-start}.booking-stat-grid{grid-template-columns:1fr}.bookings-toolbar{flex-direction:column;align-items:stretch}.booking-detail-grid,.booking-action-section{grid-template-columns:1fr}.booking-detail-wide{grid-column:auto}}.coming-soon{padding:80px 20px}.coming-soon h1{color:#edf2f7}.coming-soon p{color:#71849c}.bookings-page{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto;padding:52px 48px 80px}.bookings-header{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.bookings-header h1{letter-spacing:-1.5px;margin:8px 0;font-size:42px}.bookings-header p{color:#7890ad;margin:0;font-size:16px}.page-eyebrow{color:#7094c0;letter-spacing:2px;font-size:13px;font-weight:700}.booking-refresh{color:#f1f6ff;cursor:pointer;background:#101f31;border:1px solid #29405d;border-radius:10px;padding:13px 22px;font-size:14px}.booking-refresh:hover{border-color:#4d7fff}.booking-stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.booking-stat-card{box-sizing:border-box;background:linear-gradient(145deg,#101f31,#0c1929);border:1px solid #20344d;border-radius:14px;min-height:120px;padding:22px}.booking-stat-card span{color:#7890ad;margin-bottom:12px;font-size:14px;display:block}.booking-stat-card strong{color:#f4f7fc;font-size:32px;display:block}.booking-stat-card small{color:#607995;margin-top:5px;display:block}.booking-panel{background:#0d1b2b;border:1px solid #20344d;border-radius:16px;overflow:hidden}.booking-toolbar{border-bottom:1px solid #20344d;align-items:center;gap:14px;min-height:76px;padding:14px 18px;display:flex}.booking-search{background:#091625;border:1px solid #273d58;border-radius:9px;flex:1;align-items:center;gap:10px;max-width:520px;height:44px;padding:0 14px;display:flex}.booking-search span{color:#7188a3;font-size:22px}.booking-search input{color:#eef4fc;background:0 0;border:0;outline:none;width:100%;font-size:14px}.booking-search input::placeholder{color:#617892}.booking-toolbar select,.action-block select{color:#dce7f5;background:#091625;border:1px solid #273d58;border-radius:9px;outline:none;height:44px;padding:0 13px}.booking-result-count{color:#7088a4;margin-left:auto;font-size:13px}.booking-table-wrapper{overflow-x:auto}.booking-table{border-collapse:collapse;width:100%;min-width:1100px}.booking-table th{text-align:left;color:#66809e;text-transform:uppercase;letter-spacing:1.1px;border-bottom:1px solid #20344d;padding:17px 18px;font-size:11px;font-weight:700}.booking-table td{color:#dce6f2;border-bottom:1px solid #182b41;padding:17px 18px;font-size:13px}.booking-table tbody tr{cursor:pointer;transition:background .15s}.booking-table tbody tr:hover{background:#112338}.booking-id{color:#edf4fc;font-weight:700}.booking-region,.customer-phone,.vehicle-name,.schedule-slot{color:#617a96;margin-top:5px;font-size:12px}.customer-name,.service-name,.schedule-date,.technician-name{font-weight:600}.unassigned-text{color:#ef7c83}.booking-status{white-space:nowrap;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.booking-status.pending{color:#e7b86a;background:#3a2c17;border:1px solid #65491f}.booking-status.assigned{color:#78a8ff;background:#172c4c;border:1px solid #2d5288}.booking-status.progress{color:#e3a04b;background:#392917;border:1px solid #67491f}.booking-status.completed{color:#49d99b;background:#12372c;border:1px solid #21634c}.booking-status.cancelled{color:#ff6f79;background:#3b1820;border:1px solid #702631}.view-booking{color:#6f9cff;cursor:pointer;background:0 0;border:0;font-weight:600}.empty-bookings,.bookings-loading{color:#7088a3;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:300px;display:flex}.empty-bookings strong{color:#dce7f5}.booking-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020912c7;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.booking-modal{background:#0c1929;border:1px solid #2a425e;border-radius:18px;width:min(900px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 30px 100px #00000080}.modal-header{border-bottom:1px solid #20344d;justify-content:space-between;padding:28px 30px;display:flex}.modal-header h2{margin:8px 0 12px;font-size:28px}.modal-close{color:#c9d7e8;cursor:pointer;background:#101f31;border:1px solid #29405d;border-radius:9px;width:38px;height:38px;font-size:24px}.modal-grid{border:1px solid #20344d;border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;margin:22px 30px;display:grid;overflow:hidden}.detail-section{background:#0f2032;min-height:105px;padding:19px}.detail-section h3{color:#6985a4;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:11px}.detail-section strong,.detail-section span{display:block}.detail-section strong{color:#eaf1f9;margin-bottom:5px}.detail-section span{color:#7189a4;margin-top:4px;font-size:13px}.modal-divider{background:#20344d;height:1px}.modal-actions{grid-template-columns:1fr 1.5fr;gap:20px;padding:25px 30px;display:grid}.action-block label{color:#7089a5;margin-bottom:8px;font-size:12px;display:block}.action-block select{width:100%}.assign-row{gap:9px;display:flex}.assign-row select{flex:1}.assign-button{color:#fff;cursor:pointer;background:#5268f5;border:0;border-radius:9px;padding:0 18px;font-weight:700}.assign-button:disabled{opacity:.45;cursor:not-allowed}.modal-financials{border:1px solid #20344d;border-radius:12px;grid-template-columns:repeat(4,1fr);margin:0 30px 30px;display:grid;overflow:hidden}.modal-financials>div{background:#0f2032;border-right:1px solid #20344d;padding:17px}.modal-financials>div:last-child{border-right:0}.modal-financials span,.modal-financials strong{display:block}.modal-financials span{color:#6f87a3;margin-bottom:8px;font-size:11px}.modal-financials strong{color:#edf4fc}.modal-financials .total strong{color:#7fa5ff;font-size:18px}.booking-error{color:#ff8c94;background:#321820;border:1px solid #6c2732;border-radius:9px;margin-bottom:20px;padding:13px 16px}@media (width<=1000px){.booking-stat-grid{grid-template-columns:1fr 1fr}.bookings-page{padding:35px 25px 60px}}@media (width<=700px){.bookings-header{flex-direction:column;align-items:flex-start;gap:20px}.booking-stat-grid,.modal-grid,.modal-actions,.modal-financials{grid-template-columns:1fr}.modal-financials>div{border-bottom:1px solid #20344d;border-right:0}}.technicians-page{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto;padding:52px 48px 80px}.technicians-header{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.technicians-header h1{letter-spacing:-1.5px;color:#f2f6fc;margin:8px 0;font-size:42px;line-height:1}.technicians-header p{color:#7890ad;margin:0;font-size:16px}.technician-refresh{color:#f1f6ff;cursor:pointer;background:#101f31;border:1px solid #29405d;border-radius:10px;align-items:center;gap:9px;padding:13px 20px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.technician-refresh:hover{background:#14263d;border-color:#4d7fff}.technician-refresh:disabled{opacity:.6;cursor:not-allowed}.technician-stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.technician-stat-card{box-sizing:border-box;background:linear-gradient(145deg,#101f31,#0c1929);border:1px solid #20344d;border-radius:14px;min-height:145px;padding:21px 22px;transition:transform .18s,border-color .18s}.technician-stat-card:hover{border-color:#2d4868;transform:translateY(-2px)}.technician-stat-top{justify-content:space-between;align-items:center;display:flex}.technician-stat-card span{color:#7890ad;font-size:14px}.technician-stat-card strong{color:#f4f7fc;margin-top:14px;font-size:32px;line-height:1;display:block}.technician-stat-card small{color:#607995;margin-top:8px;font-size:12px;display:block}.technician-stat-icon{color:#719bff;background:#10243b;border:1px solid #29435f;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;font-size:14px;display:flex}.active-icon{color:#55dca0;background:#103328;border-color:#245f49}.inactive-icon{color:#e08b91;background:#321c23;border-color:#623039}.rating-icon{color:#e5b461;background:#352918;border-color:#644b25}.technician-panel{background:#0d1b2b;border:1px solid #20344d;border-radius:16px;overflow:hidden}.technician-toolbar{border-bottom:1px solid #20344d;align-items:center;gap:14px;min-height:76px;padding:14px 18px;display:flex}.technician-search{background:#091625;border:1px solid #273d58;border-radius:9px;flex:1;align-items:center;gap:10px;max-width:520px;height:44px;padding:0 14px;display:flex}.technician-search span{color:#7188a3;font-size:22px}.technician-search input{color:#eef4fc;background:0 0;border:0;outline:none;width:100%;font-size:14px}.technician-search input::placeholder{color:#617892}.technician-toolbar select{color:#dce7f5;cursor:pointer;background:#091625;border:1px solid #273d58;border-radius:9px;outline:none;min-width:125px;height:44px;padding:0 13px}.technician-toolbar select:focus,.technician-search:focus-within{border-color:#416bb0}.technician-result-count{color:#7088a4;white-space:nowrap;margin-left:auto;font-size:13px}.technician-table-wrapper{overflow-x:auto}.technician-table{border-collapse:collapse;width:100%;min-width:1100px}.technician-table th{text-align:left;color:#66809e;text-transform:uppercase;letter-spacing:1.1px;white-space:nowrap;border-bottom:1px solid #20344d;padding:17px 18px;font-size:11px;font-weight:700}.technician-table td{color:#dce6f2;vertical-align:middle;border-bottom:1px solid #182b41;padding:18px;font-size:13px}.technician-table tbody tr{transition:background .15s}.technician-table tbody tr:hover{background:#112338}.technician-table tbody tr:last-child td{border-bottom:0}.technician-identity{align-items:center;gap:12px;display:flex}.technician-avatar{color:#9fc0ff;background:linear-gradient(145deg,#172f4d,#102239);border:1px solid #31527a;border-radius:10px;flex:0 0 39px;justify-content:center;align-items:center;width:39px;height:39px;font-size:14px;font-weight:800;display:flex}.technician-name{color:#edf4fc;font-weight:700}.technician-phone{color:#617a96;margin-top:5px;font-size:12px}.technician-region{color:#c7d5e5;text-transform:capitalize}.technician-status{white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.technician-status>span{border-radius:50%;width:6px;height:6px;display:block}.technician-status.active{color:#49d99b;background:#12372c;border:1px solid #21634c}.technician-status.active>span{background:#49d99b;box-shadow:0 0 7px #49d99bb3}.technician-status.inactive{color:#ff858d;background:#3b1820;border:1px solid #702631}.technician-status.inactive>span{background:#ff707a}.technician-rating{color:#e6b764;font-weight:700}.technician-rating-count{color:#617a96;margin-top:5px;font-size:12px}.technician-hours{color:#cbd8e7;white-space:nowrap;font-size:12px}.technician-vehicle{color:#8298b1}.technician-bookings{color:#9dbbff;background:#10243a;border:1px solid #29435f;border-radius:7px;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:12px;display:inline-flex}.technicians-loading{color:#7088a3;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:300px;display:flex}.technician-loader{border:2px solid #29405d;border-top-color:#719bff;border-radius:50%;width:25px;height:25px;animation:.8s linear infinite technician-spin}@keyframes technician-spin{to{transform:rotate(360deg)}}.empty-technicians{color:#7088a3;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:300px;display:flex}.empty-technician-icon{color:#719bff;background:#102238;border:1px solid #29405d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;font-size:20px;display:flex}.empty-technicians strong{color:#dce7f5}.technician-error{color:#ff8c94;background:#321820;border:1px solid #6c2732;border-radius:9px;margin:18px;padding:13px 16px}@media (width<=1000px){.technicians-page{padding:35px 25px 60px}.technician-stat-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.technicians-header{flex-direction:column;align-items:flex-start;gap:20px}.technician-stat-grid{grid-template-columns:1fr}.technician-toolbar{flex-wrap:wrap}.technician-search{flex-basis:100%;max-width:none}.technician-result-count{margin-left:0}}.technician-header-actions{align-items:center;gap:10px;display:flex}.technician-add{color:#fff;cursor:pointer;background:#5268f5;border:1px solid #5268f5;border-radius:9px;align-items:center;gap:7px;height:44px;padding:0 17px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.technician-add:hover{background:#6075ff;transform:translateY(-1px);box-shadow:0 8px 24px #5268f538}.technician-add span{font-size:20px;line-height:1}.technician-row-clickable{cursor:pointer}.technician-row-clickable:hover{background:#112338}.technician-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020912d1;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.technician-modal{background:#0c1929;border:1px solid #2a425e;border-radius:18px;width:min(760px,100%);max-height:calc(100vh - 56px);overflow-y:auto;box-shadow:0 30px 100px #0000008c}.technician-modal-header{border-bottom:1px solid #20344d;justify-content:space-between;align-items:flex-start;gap:25px;padding:28px 30px;display:flex}.technician-modal-header h2{color:#f2f6fc;letter-spacing:-.7px;margin:8px 0;font-size:28px}.technician-modal-header p{color:#7189a4;margin:0;font-size:13px}.technician-modal-close{color:#c9d7e8;cursor:pointer;background:#101f31;border:1px solid #29405d;border-radius:9px;flex:none;width:38px;height:38px;font-size:24px}.technician-modal-close:hover{border-color:#5268f5}.technician-form{padding:26px 30px 10px}.technician-form-error{color:#ff8c94;background:#321820;border:1px solid #6c2732;border-radius:9px;margin-bottom:20px;padding:13px 15px;font-size:13px}.technician-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.technician-form-field{min-width:0}.technician-form-wide{grid-column:span 2}.technician-form-field label{color:#7890ad;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.technician-form-field input{box-sizing:border-box;color:#eef4fc;background:#091625;border:1px solid #273d58;border-radius:9px;outline:none;width:100%;height:46px;padding:0 13px;font-size:14px}.technician-form-field input::placeholder{color:#5e7590}.technician-form-field input:focus{border-color:#5268f5;box-shadow:0 0 0 3px #5268f51a}.technician-form-status{background:#0f2032;border:1px solid #20344d;border-radius:11px;grid-column:span 2;justify-content:space-between;align-items:center;gap:20px;padding:17px;display:flex}.technician-form-status strong{color:#eaf1f9;font-size:14px;display:block}.technician-form-status span{color:#7189a4;margin-top:4px;font-size:12px;display:block}.technician-switch{cursor:pointer;background:#18283a;border:1px solid #314962;border-radius:999px;width:48px;height:27px;padding:3px;transition:background .15s}.technician-switch span{background:#7f91a6;border-radius:50%;width:19px;height:19px;margin:0;transition:transform .15s}.technician-switch.on{background:#315d9d;border-color:#4c79c2}.technician-switch.on span{background:#fff;transform:translate(21px)}.technician-modal-footer{border-top:1px solid #20344d;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px 28px;display:flex}.technician-modal-footer-right{align-items:center;gap:10px;margin-left:auto;display:flex}.technician-cancel-button,.technician-save-button,.technician-danger-button,.technician-enable-button{cursor:pointer;border-radius:9px;height:44px;padding:0 17px;font-size:13px;font-weight:700}.technician-cancel-button{color:#cbd8e8;background:#101f31;border:1px solid #29405d}.technician-save-button{color:#fff;background:#5268f5;border:1px solid #5268f5}.technician-danger-button{color:#ff8c94;background:#3b1820;border:1px solid #702631}.technician-enable-button{color:#49d99b;background:#12372c;border:1px solid #21634c}.technician-cancel-button:hover{border-color:#49617d}.technician-save-button:hover{background:#6075ff}.technician-danger-button:hover{background:#47202a}.technician-enable-button:hover{background:#174437}.technician-cancel-button:disabled,.technician-save-button:disabled,.technician-danger-button:disabled,.technician-enable-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=700px){.technician-header-actions{width:100%}.technician-add,.technician-refresh{flex:1}.technician-form-grid{grid-template-columns:1fr}.technician-form-wide,.technician-form-status{grid-column:span 1}.technician-modal-backdrop{padding:15px}.technician-modal-header,.technician-form,.technician-modal-footer{padding-left:20px;padding-right:20px}.technician-modal-footer{flex-direction:column;align-items:stretch}.technician-modal-footer-right{width:100%}.technician-modal-footer-right button{flex:1}}.customers-page{color:#eef4ff;width:100%;max-width:1480px;margin:0 auto;padding:34px 42px 60px}.customers-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.customers-header .eyebrow{color:#6f9dce;letter-spacing:1.8px;margin-bottom:9px;font-size:11px;font-weight:700}.customers-header h1{letter-spacing:-1.4px;margin:0;font-size:42px;font-weight:700;line-height:1.05}.customers-header p{color:#7f93ad;margin:11px 0 0;font-size:14px}.customers-refresh-button{color:#dbe8f8;cursor:pointer;background:#101e31;border:1px solid #253954;border-radius:10px;align-items:center;gap:9px;height:44px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.customers-refresh-button:hover:not(:disabled){background:#14263e;border-color:#3f6ea4;transform:translateY(-1px)}.customers-refresh-button:disabled{opacity:.55;cursor:not-allowed}.refresh-icon{font-size:18px;line-height:1}.customers-error{color:#ff9daa;background:#6e1d2e38;border:1px solid #ee5b7040;border-radius:10px;align-items:center;gap:10px;margin-bottom:22px;padding:13px 16px;font-size:13px;display:flex}.customers-error span{background:#ff5e7329;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:700;display:grid}.customer-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.customer-kpi-card{background:linear-gradient(145deg,#111f31f5,#081321f5);border:1px solid #172a42;border-radius:14px;min-height:135px;padding:19px 20px;transition:all .2s;box-shadow:0 12px 35px #00000029}.customer-kpi-card:hover{border-color:#294563;transform:translateY(-2px)}.kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi-label{color:#7086a1;letter-spacing:1.2px;font-size:10px;font-weight:700}.kpi-icon{color:#69a7e7;background:#3d84cf1f;border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.kpi-success{color:#65d7a0;background:#36b47a1c}.kpi-warning{color:#e6b36b;background:#e0a2431a}.kpi-verified{color:#8db5ff;background:#658fe71f}.kpi-value{color:#f5f8fd;letter-spacing:-.7px;margin-top:16px;font-size:30px;font-weight:700;line-height:1}.kpi-description{color:#647a95;margin-top:8px;font-size:11px}.customer-summary-bar{background:#0a1726b8;border:1px solid #172a42;border-radius:13px;align-items:center;gap:30px;min-height:70px;margin-top:15px;padding:15px 21px;display:flex}.customer-summary-bar>div{flex-direction:column;gap:4px;display:flex}.customer-summary-bar span{color:#647b97;font-size:11px}.customer-summary-bar strong{color:#dce8f8;font-size:14px}.summary-divider{background:#1d3048;width:1px;height:31px}.customers-toolbar{background:#0b1a2c;border:1px solid #182b43;border-radius:13px;grid-template-columns:minmax(280px,1fr) 160px 190px 165px;gap:10px;margin-top:18px;padding:12px;display:grid}.customer-search{background:#091626;border:1px solid #203651;border-radius:9px;align-items:center;height:43px;display:flex;position:relative}.customer-search:focus-within{border-color:#3975b6;box-shadow:0 0 0 3px #3d7ec314}.search-icon{color:#607995;margin-left:14px;font-size:20px}.customer-search input{color:#e7eef8;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 38px 0 11px;font-size:12px}.customer-search input::placeholder{color:#526984}.clear-search{color:#7187a0;cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;right:9px}.customer-select{color:#b9c9dc;cursor:pointer;background:#091626;border:1px solid #203651;border-radius:9px;outline:0;height:43px;padding:0 12px;font-size:12px}.customer-select:focus{border-color:#3975b6}.customers-table-card{background:#091726;border:1px solid #182b43;border-radius:14px;margin-top:18px;overflow:hidden;box-shadow:0 15px 45px #00000024}.customers-table-heading{border-bottom:1px solid #182b43;justify-content:space-between;align-items:center;min-height:78px;padding:17px 21px;display:flex}.customers-table-heading h2{color:#eaf1fb;margin:0;font-size:15px;font-weight:650}.customers-table-heading p{color:#607793;margin:5px 0 0;font-size:11px}.result-count{color:#8096af;background:#0d1e31;border:1px solid #203650;border-radius:7px;padding:7px 11px;font-size:11px}.customers-table-wrapper{overflow-x:auto}.customers-table{border-collapse:collapse;width:100%;min-width:1050px}.customers-table thead th{color:#59708b;text-align:left;letter-spacing:1.1px;white-space:nowrap;background:#091522;border-bottom:1px solid #182b43;height:45px;padding:0 18px;font-size:9px;font-weight:700}.customers-table tbody tr{cursor:pointer;border-bottom:1px solid #13263c;transition:all .16s}.customers-table tbody tr:last-child{border-bottom:0}.customers-table tbody tr:hover{background:#1d3d5e38}.customers-table tbody td{vertical-align:middle;padding:15px 18px}.customer-identity{align-items:center;gap:12px;min-width:205px;display:flex}.customer-avatar{object-fit:cover;border-radius:11px;flex:0 0 39px;width:39px;height:39px}.customer-avatar-fallback{color:#9cc9f6;background:linear-gradient(145deg,#183452,#10233a);border:1px solid #294565;place-items:center;font-size:12px;font-weight:700;display:grid}.customer-name{color:#e5edf8;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:12px;font-weight:650;overflow:hidden}.customer-id{color:#59708b;margin-top:4px;font-size:10px}.contact-cell{flex-direction:column;gap:5px;display:flex}.contact-cell strong{color:#bccce0;font-size:11px;font-weight:550}.contact-cell span{color:#607793;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:10px;overflow:hidden}.verification-stack{flex-direction:column;gap:5px;display:flex}.verification-item{color:#657b95;align-items:center;gap:6px;font-size:10px;display:flex}.verification-item i{font-size:11px;font-style:normal}.verification-item.verified{color:#67c99b}.wallet-cell{flex-direction:column;gap:4px;display:flex}.wallet-cell strong{color:#dbe8f8;font-size:11px;font-weight:650}.wallet-cell span{color:#5f7792;font-size:10px}.customer-status{white-space:nowrap;border-radius:7px;align-items:center;gap:7px;padding:6px 9px;font-size:10px;font-weight:650;display:inline-flex}.customer-status i{border-radius:50%;width:6px;height:6px;display:block}.customer-status.active{color:#72d6a5;background:#2f9c6717;border:1px solid #47c1822e}.customer-status.active i{background:#52c88b;box-shadow:0 0 8px #52c88b8c}.customer-status.inactive{color:#d49b7c;background:#bc684114;border:1px solid #c880542e}.customer-status.inactive i{background:#bd7759}.joined-cell strong{color:#8da1b8;font-size:10px;font-weight:500}.customer-action-button{color:#8da4bc;cursor:pointer;background:#101f31;border:1px solid #283b53;border-radius:7px;height:31px;padding:0 10px;font-size:10px;font-weight:600;transition:all .18s}.customer-action-button:hover:not(:disabled){color:#d4e1f0;background:#15283e;border-color:#466381}.customer-action-button:disabled{opacity:.5;cursor:not-allowed}.customers-loading,.drawer-loading{color:#667d98;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:300px;font-size:12px;display:flex}.loading-spinner{border:2px solid #1d334d;border-top-color:#5795d0;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite autoora-spin}@keyframes autoora-spin{to{transform:rotate(360deg)}}.customers-empty{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-icon{color:#527da7;background:#0d1e31;border:1px solid #203752;border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:13px;font-size:23px;display:grid}.customers-empty h3{color:#d6e1ee;margin:0;font-size:14px}.customers-empty p{color:#607793;margin:7px 0 15px;font-size:11px}.customers-empty button{color:#8ca8c4;cursor:pointer;background:#102238;border:1px solid #28415d;border-radius:7px;height:34px;padding:0 13px}.customer-drawer-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02080fb8;justify-content:flex-end;display:flex;position:fixed;inset:0}.customer-drawer{background:linear-gradient(#0b1b2d 0%,#081625 100%);border-left:1px solid #243b56;flex-direction:column;width:min(520px,92vw);height:100%;animation:.22s ease-out drawer-in;display:flex;box-shadow:-20px 0 60px #00000059}@keyframes drawer-in{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}.drawer-header{border-bottom:1px solid #1b3047;padding:26px 27px 21px;position:relative}.drawer-close{color:#8ca1b9;cursor:pointer;background:#0e2034;border:1px solid #253c55;border-radius:8px;place-items:center;width:32px;height:32px;font-size:21px;display:grid;position:absolute;top:19px;right:21px}.drawer-close:hover{color:#e3edf8;background:#152a42}.drawer-profile{align-items:center;gap:14px;display:flex}.drawer-avatar{object-fit:cover;border-radius:15px;width:55px;height:55px}.drawer-avatar-fallback{color:#a7d0f7;background:linear-gradient(145deg,#193958,#10263f);border:1px solid #315274;place-items:center;font-size:15px;font-weight:700;display:grid}.drawer-profile h2{color:#edf3fb;margin:0;padding-right:45px;font-size:19px;font-weight:650}.drawer-profile p{color:#637a96;margin:5px 0 0;font-size:11px}.drawer-header>.customer-status{margin-top:17px}.drawer-content{flex:1;padding:4px 27px 25px;overflow-y:auto}.drawer-content::-webkit-scrollbar{width:5px}.drawer-content::-webkit-scrollbar-thumb{background:#1e344c;border-radius:10px}.drawer-section{border-bottom:1px solid #172b42;padding:20px 0}.drawer-section-title{color:#59728f;letter-spacing:1.2px;margin-bottom:14px;font-size:9px;font-weight:700}.drawer-info-grid{grid-template-columns:1fr 1fr;gap:16px 18px;display:grid}.drawer-info-grid>div,.drawer-activity>div{flex-direction:column;gap:5px;display:flex}.drawer-info-grid span,.drawer-activity span,.drawer-verification span,.wallet-highlight span{color:#607793;font-size:10px}.drawer-info-grid strong,.drawer-activity strong{color:#c7d5e5;font-size:11px;font-weight:550}.drawer-verification{grid-template-columns:1fr 1fr;gap:10px;display:grid}.drawer-verification>div{background:#0a1929;border:1px solid #1b3047;border-radius:9px;flex-direction:column;gap:7px;padding:12px;display:flex}.drawer-verification strong{font-size:11px}.verified-text{color:#66ce9b}.unverified-text{color:#ad8290}.wallet-highlight{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wallet-highlight>div{background:linear-gradient(145deg,#10253b,#0b1a2b);border:1px solid #203852;border-radius:10px;flex-direction:column;gap:7px;padding:15px;display:flex}.wallet-highlight strong{color:#edf4fc;font-size:18px;font-weight:650}.drawer-section-heading{justify-content:space-between;align-items:center;display:flex}.drawer-section-heading .drawer-section-title{margin-bottom:14px}.drawer-section-heading>span{color:#7ea0c1;background:#142a42;border-radius:6px;place-items:center;min-width:21px;height:21px;font-size:10px;display:grid}.drawer-list{flex-direction:column;gap:7px;display:flex}.drawer-list-item{background:#0a1929;border:1px solid #182e46;border-radius:9px;align-items:center;gap:10px;min-height:51px;padding:9px 11px;display:flex}.drawer-list-icon{color:#79a9d7;background:#122840;border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.drawer-list-item>div:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.drawer-list-item strong{color:#cbd9e8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.drawer-list-item span{color:#607994;font-size:9px}.drawer-list-item em{color:#83a1bd;text-transform:capitalize;background:#142940;border-radius:5px;padding:4px 7px;font-size:9px;font-style:normal}.drawer-empty{color:#5e7590;text-align:center;border:1px dashed #203650;border-radius:9px;padding:15px;font-size:10px}.drawer-activity{grid-template-columns:1fr 1fr;gap:14px;display:grid}.drawer-footer{background:#07111df0;border-top:1px solid #1a2e45;padding:17px 27px}.drawer-danger-button,.drawer-success-button{cursor:pointer;border-radius:9px;width:100%;height:43px;font-size:12px;font-weight:650;transition:all .18s}.drawer-danger-button{color:#ef9ba3;background:#8228332e;border:1px solid #cf5b654d}.drawer-danger-button:hover:not(:disabled){background:#99313d47}.drawer-success-button{color:#75d7a5;background:#2b885a26;border:1px solid #47b87d4d}.drawer-success-button:hover:not(:disabled){background:#2b885a40}.drawer-danger-button:disabled,.drawer-success-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=1150px){.customer-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customers-toolbar{grid-template-columns:minmax(240px,1fr) 150px 175px}.customer-select:last-child{grid-column:span 3}}@media (width<=760px){.customers-page{padding:24px 16px 45px}.customers-header{flex-direction:column;align-items:flex-start}.customers-header h1{font-size:34px}.customers-refresh-button{justify-content:center;width:100%}.customer-kpi-grid{grid-template-columns:1fr 1fr}.customer-summary-bar{flex-direction:column;align-items:flex-start;gap:13px}.summary-divider{width:100%;height:1px}.customers-toolbar{grid-template-columns:1fr}.customer-select:last-child{grid-column:auto}.customer-search{width:100%}.customers-table-heading{flex-direction:column;align-items:flex-start;gap:12px}.customer-drawer{width:100%}.drawer-info-grid,.drawer-verification,.wallet-highlight,.drawer-activity{grid-template-columns:1fr}}@media (width<=450px){.customer-kpi-grid{grid-template-columns:1fr}.customer-kpi-card{min-height:120px}}.payments-page{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:42px 28px 70px}.page-header{justify-content:space-between;align-items:flex-start;gap:30px;width:100%;margin-bottom:32px;display:flex}.payments-header{margin-bottom:0;padding-right:170px;position:relative}.payments-header h1{color:#f5f7fb;letter-spacing:-1.5px;margin:0;font-size:48px;font-weight:700;line-height:1.1}.payments-header p{color:#7188a5;margin:12px 0 0;font-size:16px}.payments-header-actions{justify-content:flex-end;margin:0;display:flex;position:absolute;top:0;right:0}.payments-refresh{color:#c8d6e8;cursor:pointer;background:#0d1d30;border:1px solid #294866;border-radius:10px;height:48px;padding:0 18px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.payments-refresh:hover{background:#142a43;border-color:#31557e}.page-header>div:first-child{min-width:0}.page-eyebrow{color:#6f9edb;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.page-header h1{color:#f4f7fb;letter-spacing:-1.2px;margin:0;font-size:46px;font-weight:700;line-height:1.1}.page-header p{color:#7187a1;margin:10px 0 0;font-size:15px}.refresh-button{color:#c9d7e7;cursor:pointer;background:#0d1d30;border:1px solid #294461;border-radius:9px;flex:none;margin-top:26px;padding:10px 17px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.refresh-button:hover{background:#142b44;border-color:#3a638f;transform:translateY(-1px)}.refresh-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.payment-alert{color:#e58b8b;background:#7d2e2e24;border:1px solid #a0464666;border-radius:9px;margin-bottom:22px;padding:13px 16px;font-size:13px}.payment-summary-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;max-width:1065px;margin:0 auto 38px;display:grid}.payment-summary-card{box-sizing:border-box;background:linear-gradient(145deg,#0c2035,#0a192b);border:1px solid #1d3855;border-radius:16px;align-items:center;gap:18px;width:100%;min-width:0;min-height:158px;padding:26px 24px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 10px 30px #0000001f}.payment-summary-card:hover{border-color:#31577f;transform:translateY(-2px)}.summary-icon{color:#8cb9ed;box-sizing:border-box;background:#142d49;border-radius:12px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:20px;font-weight:700;display:flex}.summary-icon.warning{color:#f0a86d;background:#8248272e}.payment-summary-card>div:last-child{flex:1;min-width:0;overflow:hidden}.payment-summary-card span{color:#7189a6;white-space:normal;margin:0 0 6px;font-size:12px;font-weight:600;line-height:1.35;display:block}.payment-summary-card strong{color:#f0f4f9;white-space:nowrap;margin:0;font-size:21px;font-weight:700;line-height:1.2;display:block}.payment-summary-card strong:only-child{font-size:23px}.payment-tabs{box-sizing:border-box;background:#081626;border:1px solid #1b334d;border-radius:10px;gap:4px;width:fit-content;margin:0 auto 28px;padding:4px;display:flex}.payment-tab{color:#7189a6;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:125px;height:48px;padding:0 22px;font-size:14px;font-weight:600;transition:all .2s}.payment-tab:hover{color:#c9d8e9}.payment-tab.active{color:#eaf3ff;background:#173251;box-shadow:inset 0 0 0 1px #2c527a}.tab-count{color:#fff;background:#a65d35;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;margin-bottom:0!important;margin-left:7px!important;font-size:10px!important;font-weight:700!important;display:inline-flex!important}.payment-panel{box-sizing:border-box;background:#091a2c;border:1px solid #1b3652;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 10px 30px #0000001a}.panel-toolbar{border-bottom:1px solid #1a324b;justify-content:space-between;align-items:center;gap:25px;padding:23px 25px;display:flex}.panel-toolbar h2{color:#edf3fa;margin:0;font-size:21px;font-weight:700;line-height:1.25}.panel-toolbar p{color:#6c84a1;margin:5px 0 0;font-size:13px}.payment-search{box-sizing:border-box;color:#dce8f5;background:#071523;border:1px solid #233e5a;border-radius:9px;outline:none;width:310px;max-width:100%;padding:12px 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.payment-table-wrap{scrollbar-width:thin;width:100%;overflow-x:auto}.payment-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:980px}.payment-table th{text-align:left;color:#63809f;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-size:10px;font-weight:700}.payment-table td{color:#b9c9da;vertical-align:middle;white-space:nowrap;border-top:1px solid #172f48;padding:18px 20px;font-size:13px}.payment-table tbody tr{transition:background .18s}.payment-table td strong{color:#dce7f3;font-weight:600}.customer-cell{flex-direction:column;gap:4px;display:flex}.customer-cell strong{color:#e3ecf6;font-size:13px;font-weight:600}.customer-cell span{color:#617c99;font-size:11px}.mode-pill{color:#9db2c8;text-transform:capitalize;background:#0d2135;border:1px solid #203b56;border-radius:7px;align-items:center;padding:5px 9px;font-size:11px;display:inline-flex}.payment-status{white-space:nowrap;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.payment-empty{text-align:center;color:#647e9b;padding:65px 30px;font-size:14px}.payment-empty h3{color:#c8d6e5;margin:10px 0 6px;font-size:18px}.payment-empty p{color:#647e9b;margin:0;font-size:13px}.empty-icon{color:#5ed49b;background:#25845b1f;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;font-weight:700;display:flex}.refund-filter{color:#cbd9e8;cursor:pointer;background:#071523;border:1px solid #233e5a;border-radius:9px;outline:none;min-width:190px;padding:10px 13px;font-size:13px}.refund-filter:focus{border-color:#3d73aa;box-shadow:0 0 0 3px #3d73aa1f}.refund-card{background:#091a2c;border-top:1px solid #172f48;padding:22px 25px}.refund-card:first-child{border-top:0}.refund-main>div{flex-direction:column;gap:5px;min-width:0;display:flex}.refund-main strong{color:#e2ebf5;font-size:13px;font-weight:600}.refund-label{color:#617c99;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700}.refund-id strong{color:#8ebcf0}.refund-meta{color:#617c99;border-top:1px solid #1c38558c;flex-wrap:wrap;gap:18px;margin-top:17px;padding-top:14px;font-size:11px;display:flex}.refund-actions{justify-content:flex-end;margin-top:16px;display:flex}.approval-note{color:#e6b46e;font-size:12px;font-weight:600}.instant-refund-note{color:#5ed49b;background:#25845b17;border:1px solid #25845b38;border-radius:8px;margin-top:16px;padding:10px 13px;font-size:12px;font-weight:600}.approve-button,.reject-button,.cancel-button{cursor:pointer;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.approve-button{color:#65d39c;background:#1f6c491f;border:1px solid #39916566}.refund-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020a13c2;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.refund-modal{box-sizing:border-box;background:#0a1a2c;border:1px solid #274765;border-radius:16px;width:100%;max-width:600px;max-height:calc(100vh - 50px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 25px 80px #00000073}.modal-close{color:#9eb3ca;cursor:pointer;background:#0d2136;border:1px solid #294461;border-radius:8px;width:34px;height:34px;font-size:18px;position:absolute;top:16px;right:18px}.modal-eyebrow{color:#6f9edb;letter-spacing:1.8px;margin-bottom:7px;font-size:11px;font-weight:700}.refund-modal h2{color:#f1f5fa;margin:0 0 25px;font-size:25px}.refund-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.refund-review-grid>div{background:#081827;border:1px solid #1c3855;border-radius:10px;padding:14px}.refund-review-grid span{color:#617c99;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.refund-review-grid strong{color:#dce8f4;font-size:13px}.refund-modal label{color:#91a7bf;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.refund-modal textarea{box-sizing:border-box;resize:vertical;color:#dce8f5;background:#071523;border:1px solid #233e5a;border-radius:9px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:13px}.refund-modal textarea:focus{border-color:#3d73aa;box-shadow:0 0 0 3px #3d73aa1f}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}@media (width<=1200px){.payments-page{padding:32px 28px 60px}.payment-summary-grid,.refund-main{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.payments-page{padding:28px 20px 50px}.page-header{flex-direction:column;gap:18px}.page-header h1{font-size:38px}.refresh-button{margin-top:0}.panel-toolbar{flex-direction:column;align-items:stretch}.payment-search,.refund-filter{width:100%}.refund-main{grid-template-columns:1fr}}@media (width<=600px){.payments-page{padding:24px 15px 45px}.page-header h1{font-size:32px}.page-header p{font-size:14px}.payment-summary-grid{grid-template-columns:1fr;gap:12px}.payment-summary-card{min-height:110px}.payment-tabs{width:100%}.payment-tab{flex:1;padding:10px 14px}.refund-review-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.payment-panel{box-sizing:border-box;background:#091a2c;border:1px solid #1c3652;border-radius:16px;width:100%;margin-top:0;overflow:hidden}.panel-toolbar{box-sizing:border-box;background:#0a1b2d;border-bottom:1px solid #1a334d;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:92px;padding:22px 28px;display:flex}.panel-toolbar>div:first-child{min-width:0}.panel-toolbar h2{color:#edf3fa;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700;line-height:1.25}.panel-toolbar p{color:#7188a5;margin:7px 0 0;font-size:13px;line-height:1.5}.payment-search{box-sizing:border-box;color:#e5eef8;background:#071523;border:1px solid #27435f;border-radius:9px;outline:none;width:330px;max-width:100%;height:44px;padding:0 15px;font-size:14px;transition:border-color .2s,box-shadow .2s}.payment-search::placeholder{color:#5f7896}.payment-search:focus{border-color:#3974b3;box-shadow:0 0 0 3px #3974b31f}.payment-table-wrap{width:100%;overflow:auto hidden}.payment-table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;min-width:1000px}.payment-table th:first-child,.payment-table td:first-child{width:20%}.payment-table th:nth-child(2),.payment-table td:nth-child(2){width:19%}.payment-table th:nth-child(3),.payment-table td:nth-child(3){width:13%}.payment-table th:nth-child(4),.payment-table td:nth-child(4){width:12%}.payment-table th:nth-child(5),.payment-table td:nth-child(5){width:13%}.payment-table th:nth-child(6),.payment-table td:nth-child(6){width:12%}.payment-table th:nth-child(7),.payment-table td:nth-child(7){width:11%}.payment-table thead{background:#081728}.payment-table th{text-align:left;vertical-align:middle;color:#6d89a8;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border:0;padding:16px 20px;font-size:11px;font-weight:700}.payment-table th:first-child{padding-left:28px}.payment-table th:last-child{padding-right:28px}.payment-table td{color:#b9c9da;vertical-align:middle;box-sizing:border-box;border-top:1px solid #172f49;padding:20px;font-size:14px}.payment-table td:first-child{padding-left:28px}.payment-table td:last-child{padding-right:28px}.payment-table tbody tr{background:0 0;transition:background .18s}.payment-table tbody tr:hover{background:#1839594d}.payment-table td:first-child strong{color:#dbe8f5;word-break:break-word;font-size:14px;font-weight:700;line-height:1.45;display:block}.customer-cell{flex-direction:column;gap:4px;min-width:0;display:flex}.customer-cell strong{color:#e3edf7;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.customer-cell span{color:#66809d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.payment-table td:nth-child(3) strong{color:#edf4fb;font-size:15px;font-weight:700}.payment-table td:nth-child(4){color:#a9bdd1;font-size:14px}.mode-pill{box-sizing:border-box;color:#a9bfd5;text-transform:capitalize;background:#0c2137;border:1px solid #294866;border-radius:7px;align-items:center;min-height:30px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.payment-status{box-sizing:border-box;white-space:nowrap;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.payment-status:before{content:"";border-radius:50%;flex:0 0 6px;width:6px;height:6px}.payment-status.success:before{background:#55d995}.payment-status.pending:before{background:#e2a45e}.payment-status.processing:before{background:#6fa5df}.payment-status.danger:before{background:#df7777}.payment-empty{box-sizing:border-box;text-align:center;color:#657f9c;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:45px 25px;display:flex}.payment-empty h3{color:#b7c8da;margin:0 0 7px;font-size:17px;font-weight:600}.payment-empty p{color:#617b98;max-width:500px;margin:0;font-size:13px;line-height:1.6}.empty-icon{color:#77a9dd;background:#3671ad1f;border:1px solid #274766;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;font-size:18px;display:flex}.refund-filter{color:#b9cce0;cursor:pointer;background:#071523;border:1px solid #27435f;border-radius:8px;outline:none;min-width:175px;height:42px;padding:0 12px;font-size:13px;font-weight:600}.refund-filter:focus{border-color:#3974b3}.refund-list{width:100%}.refund-card{background:0 0;border-bottom:1px solid #172f49;padding:23px 28px;transition:background .18s}.refund-main{grid-template-columns:1.1fr 1.5fr 1fr 1.4fr 1fr;align-items:center;gap:25px;display:grid}.refund-main>div{min-width:0}.refund-label{color:#617b98;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.refund-main strong{color:#dce8f4;word-break:break-word;font-size:14px;font-weight:600;display:block}.refund-id{flex-direction:column;gap:5px;display:flex}.refund-id span{color:#6585a7;letter-spacing:1px;font-size:10px;font-weight:700}.refund-id strong{color:#edf4fb;font-size:15px}.refund-meta{color:#617b98;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:12px;display:flex}.refund-meta span{align-items:center;display:inline-flex}.refund-actions{border-top:1px solid #142b43;justify-content:flex-end;margin-top:18px;padding-top:16px;display:flex}.approve-button{color:#69d39f;cursor:pointer;background:#1f6c4924;border:1px solid #397e5e80;border-radius:8px;padding:9px 15px;font-size:12px;font-weight:700;transition:all .2s}.approve-button:hover{background:#1f6c4940;border-color:#399165b3}.approval-note{color:#e4b16c;background:#915e261a;border:1px solid #915e2647;border-radius:7px;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.instant-refund-note{color:#61cd98;border-top:1px solid #142b43;margin-top:17px;padding-top:15px;font-size:12px;font-weight:600}@media (width<=1100px){.panel-toolbar{flex-direction:column;align-items:flex-start}.payment-search{width:100%}.refund-main{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.payment-panel{border-radius:12px}.panel-toolbar{padding:20px}.payment-table th,.payment-table td{padding-left:16px;padding-right:16px}.payment-table th:first-child,.payment-table td:first-child{padding-left:20px}.payment-table th:last-child,.payment-table td:last-child{padding-right:20px}.refund-card{padding:20px}.refund-main{grid-template-columns:1fr 1fr;gap:20px}.refund-filter{width:100%}}.payment-action.mark-paid{color:#78c7ff;background:#2a699e24;border-color:#4a91cd73}.payment-action.mark-paid:hover{color:#fff;background:#2a699e47;border-color:#4d8bc2}.payment-paid-label{color:#62d29a;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.payment-modal{width:520px;max-width:calc(100vw - 32px)}.payment-modal-description{color:#7188a5;margin:-4px 0 22px;font-size:14px;line-height:1.6}.payment-review-card{background:#071523;border:1px solid #1d3855;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;padding:16px;display:grid}.payment-review-card div{flex-direction:column;gap:5px;display:flex}.payment-review-card span{color:#607a98;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:700}.payment-review-card strong{color:#edf4fb;word-break:break-word;font-size:13px}.payment-mode-label{color:#a9bdd2;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.payment-mode-options{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.payment-mode-option{text-align:left;color:#a8bdd4;cursor:pointer;background:#081728;border:1px solid #203b58;border-radius:11px;align-items:center;gap:12px;min-height:76px;padding:14px;transition:all .2s;display:flex}.payment-mode-icon{color:#8ec4f2;background:#132d48;border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:flex}.payment-mode-option span:last-child{flex-direction:column;gap:4px;display:flex}.payment-warning{background:#915e261a;border:1px solid #915e2647;border-radius:9px;flex-direction:column;gap:5px;margin-bottom:24px;padding:13px 15px;display:flex}@media (width<=600px){.payment-review-card,.payment-mode-options{grid-template-columns:1fr}}.page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:10px 34px 60px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:42px;display:flex}.page-header h1{letter-spacing:-1.5px;color:#f5f7fb;margin:0;font-size:48px;font-weight:700;line-height:1.05}.page-header p{color:#7590b3;margin:12px 0 0;font-size:17px;line-height:1.5}.secondary-button{color:#f3f6fb;cursor:pointer;background:#0d1d31;border:1px solid #263f60;border-radius:13px;min-width:128px;height:52px;padding:0 22px;font-size:15px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.secondary-button:hover{background:#142b48;border-color:#3b6594}.secondary-button:active{transform:translateY(1px)}.analytics-section{margin-bottom:42px}.analytics-section-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.analytics-section-header h2{color:#eef3fa;letter-spacing:-.3px;margin:0;font-size:23px;font-weight:650;line-height:1.25}.analytics-section-header p{color:#718bab;margin:6px 0 0;font-size:14px;line-height:1.5}.analytics-grid{gap:16px;display:grid}.analytics-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.analytics-card{box-sizing:border-box;background:linear-gradient(145deg,#10243b 0%,#0b1b2e 100%);border:1px solid #203c5b;border-radius:18px;flex-direction:column;justify-content:center;min-height:128px;padding:24px 25px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 10px 30px #00000029}.analytics-card:hover{border-color:#31567e;transform:translateY(-2px);box-shadow:0 14px 34px #00000038}.analytics-label{color:#7798bf;letter-spacing:.1px;margin-bottom:10px;font-size:14px;font-weight:500;line-height:1.4;display:block}.analytics-value{color:#f5f7fb;letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1.15;display:block}.analytics-section:first-of-type .analytics-card{min-height:142px}.analytics-section:first-of-type .analytics-value{font-size:27px}.analytics-table-wrapper{background:linear-gradient(145deg,#0e2136 0%,#09192b 100%);border:1px solid #203c5b;border-radius:18px;width:100%;overflow-x:auto;box-shadow:0 10px 30px #00000024}.analytics-table{border-collapse:collapse;width:100%;min-width:620px}.analytics-table thead{background:#18335273}.analytics-table th{text-align:left;color:#7798bf;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid #203c5b;padding:17px 22px;font-size:13px;font-weight:600;line-height:1.4}.analytics-table td{color:#e7edf6;border-bottom:1px solid #233d588c;padding:17px 22px;font-size:15px;line-height:1.4}.analytics-table tbody tr{transition:background .2s}.analytics-table tbody tr:hover{background:#1c375752}.analytics-table tbody tr:last-child td{border-bottom:none}.analytics-loading{color:#7895b8;background:linear-gradient(145deg,#0e2136 0%,#09192b 100%);border:1px solid #203c5b;border-radius:18px;justify-content:center;align-items:center;min-height:240px;font-size:16px;display:flex}.analytics-error{color:#f0d6d6;background:#21151a;border:1px solid #4b2932;border-radius:14px;padding:22px 24px;font-size:15px;line-height:1.5}.analytics-empty{color:#718bab;justify-content:center;align-items:center;min-height:150px;font-size:15px;display:flex}@media (width<=1100px){.analytics-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.page{padding:8px 20px 50px}.page-header{flex-direction:column;align-items:stretch;margin-bottom:32px}.page-header h1{font-size:38px}.page-header p{font-size:15px}.secondary-button{width:100%}.analytics-grid-2,.analytics-grid-4,.analytics-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-section{margin-bottom:34px}}@media (width<=520px){.page{padding:6px 15px 40px}.page-header h1{letter-spacing:-.8px;font-size:32px}.analytics-grid-2,.analytics-grid-4,.analytics-grid-5{grid-template-columns:1fr}.analytics-card{min-height:112px;padding:20px}.analytics-value{font-size:25px}.analytics-section-header h2{font-size:20px}.analytics-table th,.analytics-table td{padding:14px 16px}}.staff-form{margin-bottom:28px}.staff-form .card-header{margin-bottom:24px}.staff-form .card-header h2{margin-bottom:6px}.staff-form .card-header p{margin:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:#b8c7dc;font-size:13px;font-weight:600}.form-field input,.form-field select{color:#f4f7fb;box-sizing:border-box;background:#0d1929;border:1px solid #263852;border-radius:9px;outline:none;width:100%;min-height:44px;padding:0 13px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.form-field input::placeholder{color:#657792}.form-field input:focus,.form-field select:focus{background:#101e31;border-color:#4d82ff;box-shadow:0 0 0 3px #4d82ff1f}.form-field select{cursor:pointer}.form-field select option{color:#f4f7fb;background:#0d1929}.form-actions{border-top:1px solid #1c2b40;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:20px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:9px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .12s,box-shadow .18s}.primary-button{color:#f5f8fd;background:#111c2d;border:1px solid #16263c}.primary-button:hover{background:#182941;border-color:#284261;box-shadow:0 6px 20px #00000038}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.secondary-button{color:#b8c7dc;background:0 0;border:1px solid #2a3d57}.secondary-button:hover{color:#f4f7fb;background:#111f32;border-color:#38516f}.table-wrap{border-radius:10px;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;color:#d9e3f0;width:100%;min-width:980px}.data-table thead th{color:#8fa4c0;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#111d2e;border-bottom:1px solid #263852;padding:14px 16px;font-size:11px;font-weight:700}.data-table tbody td{color:#b8c7dc;vertical-align:middle;border-bottom:1px solid #1d2d43;padding:18px 16px;font-size:13px}.data-table tbody tr{transition:background .15s}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#0d1929}.staff-name{color:#f2f6fc;font-size:14px;font-weight:650;line-height:1.4}.staff-email{color:#7186a3;margin-top:4px;font-size:12px;line-height:1.4}.role-badge{color:#c5d1e0;letter-spacing:.03em;background:#172337;border:1px solid #31445e;border-radius:7px;align-items:center;min-height:27px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge{border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.status-badge:before{content:"";border-radius:50%;width:6px;height:6px}.status-badge.active{color:#63d394;background:#22c55e1a;border:1px solid #22c55e2e}.status-badge.active:before{background:#35c878;box-shadow:0 0 6px #35c87880}.status-badge.inactive{color:#8998ad;background:#94a3b814;border:1px solid #94a3b824}.status-badge.inactive:before{background:#718096}.table-action{color:#aebed2;cursor:pointer;background:#101c2d;border:1px solid #2b3e58;border-radius:7px;min-height:34px;padding:0 11px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,color .18s}.table-action:hover{color:#f2f6fc;background:#182941;border-color:#3a5270}.table-action.danger{color:#f08b86;background:#dc4b450f;border-color:#dc4b4540}.table-action.danger:hover{color:#ffaaa5;background:#dc4b451f;border-color:#dc4b4566}.loading,.empty-state{color:#7186a3;justify-content:center;align-items:center;min-height:180px;font-size:14px;display:flex}.empty-state{border-top:1px solid #1d2d43}.error{color:#f08b86;background:#dc4b4514;border:1px solid #dc4b4540;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.45}.staff-form,.card{color:#e9eff7}@media (width<=900px){.form-grid{grid-template-columns:1fr}.form-actions{justify-content:stretch}.form-actions .primary-button,.form-actions .secondary-button{flex:1}}@media (width<=640px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header .primary-button{width:100%}.staff-form,.card{border-radius:10px}.form-grid{gap:16px}.form-actions{flex-direction:column-reverse}.form-actions .primary-button,.form-actions .secondary-button{width:100%}}.settings-page{color:#f8fafc;box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:0 0 50px}.settings-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:55px;display:flex}.settings-header h1{color:#f8fafc;letter-spacing:-1.5px;margin:0;font-size:48px;font-weight:700;line-height:1.1}.settings-header p{color:#7ea4d5;margin:14px 0 0;font-size:18px;line-height:1.5}.settings-header-actions{align-items:center;gap:10px;display:flex}.settings-refresh-button,.settings-save-all-button{cursor:pointer;border-radius:12px;height:52px;padding:0 24px;font-size:16px;font-weight:600;transition:all .2s}.settings-refresh-button{color:#e5edf8;background:#101c2d;border:1px solid #263952}.settings-refresh-button:hover{background:#16263c;border-color:#3c5a7d}.settings-save-all-button{color:#fff;background:#111a2c;border:1px solid #111c30;box-shadow:0 8px 25px #00000040}.settings-save-all-button:hover{background:#17243a}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.settings-section{margin-bottom:42px}.settings-section-header{text-align:center;margin-bottom:22px}.settings-section-icon{color:#f8fafc;margin-bottom:8px;font-size:25px}.settings-section-title{color:#f8fafc;margin:0;font-size:29px;font-weight:700;line-height:1.2}.settings-section-description{color:#f8fafc;margin:10px 0 0;font-size:18px;line-height:1.5}.settings-card{box-sizing:border-box;background:#0b1727;border:1px solid #24344b;border-radius:16px;padding:28px;box-shadow:0 12px 30px #0000002e}.settings-card.full-width{grid-column:1/-1}.settings-card-header{border-bottom:1px solid #22334a;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.settings-card-title{color:#f1f5f9;margin:0;font-size:19px;font-weight:700}.settings-card-description{color:#8da5c4;margin:7px 0 0;font-size:14px;line-height:1.5}.settings-form{flex-direction:column;gap:20px;display:flex}.settings-field{flex-direction:column;gap:8px;display:flex}.settings-field label{color:#dce6f3;font-size:14px;font-weight:600}.settings-field input,.settings-field select,.settings-field textarea{box-sizing:border-box;color:#f8fafc;background:#091525;border:1px solid #34465f;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.settings-field input{height:44px}.settings-field select{cursor:pointer;height:44px}.settings-field textarea{resize:vertical;min-height:100px}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{background:#0c192b;border-color:#4f86ff;box-shadow:0 0 0 3px #4f86ff24}.settings-field input::placeholder,.settings-field textarea::placeholder{color:#64748b}.settings-field small{color:#7186a1;font-size:12px}.settings-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.setting-item{border-bottom:1px solid #1d2c41;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.setting-item:last-child{border-bottom:none}.setting-item-info{min-width:0}.setting-item-title{color:#e7edf7;margin:0;font-size:15px;font-weight:600}.setting-item-description{color:#8195b0;margin:5px 0 0;font-size:13px}.settings-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.settings-save-button{color:#fff;cursor:pointer;background:#111a2c;border:1px solid #111c30;border-radius:10px;min-height:42px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .15s,transform .1s,opacity .15s}.settings-save-button:hover{background:#1a2941}.settings-save-button:active{transform:translateY(1px)}.settings-save-button:disabled{opacity:.5;cursor:not-allowed}.settings-cancel-button{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #34465f;border-radius:10px;min-height:42px;padding:10px 19px;font-size:14px;font-weight:600}.settings-cancel-button:hover{background:#101d30}.settings-success{color:#86efac;background:#16653429;border:1px solid #166534;border-radius:10px;margin-bottom:20px;padding:12px 15px;font-size:14px;font-weight:500}.settings-error{color:#fca5a5;background:#991b1b29;border:1px solid #991b1b;border-radius:10px;margin-bottom:20px;padding:12px 15px;font-size:14px;font-weight:500}.settings-toggle{flex:none;width:44px;height:25px;position:relative}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-toggle-slider{cursor:pointer;background:#334155;border-radius:999px;transition:background .2s;position:absolute;inset:0}.settings-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0006}.settings-toggle input:checked+.settings-toggle-slider{background:#3b82f6}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(19px)}.settings-loading{color:#8297b2;justify-content:center;align-items:center;min-height:220px;font-size:15px;display:flex}.settings-empty{text-align:center;background:#0b1727;border:1px dashed #34465f;border-radius:12px;padding:45px 20px}.settings-empty h3{color:#dbe5f2;margin:0;font-size:17px}.settings-empty p{color:#7186a1;margin:8px 0 0;font-size:14px}@media (width<=1000px){.settings-page{max-width:100%}.settings-grid{grid-template-columns:1fr}.settings-card.full-width{grid-column:auto}}@media (width<=700px){.settings-page{padding-bottom:30px}.settings-header{flex-direction:column;gap:18px;margin-bottom:35px}.settings-header h1{font-size:38px}.settings-header p{font-size:16px}.settings-header-actions{width:100%}.settings-refresh-button,.settings-save-all-button{flex:1}.settings-card{border-radius:13px;padding:20px}.settings-section-title{font-size:25px}.settings-section-description{font-size:16px}.settings-row{grid-template-columns:1fr}.setting-item{align-items:flex-start}.settings-actions{flex-direction:column-reverse;align-items:stretch}.settings-save-button,.settings-cancel-button{width:100%}}@media (width<=450px){.settings-header h1{font-size:32px}.settings-header-actions{flex-direction:column}.settings-refresh-button,.settings-save-all-button{width:100%}}.premium-analytics{box-sizing:border-box;color:#172033;background:#f6f8fb;width:100%;min-height:100%;padding:28px 30px 34px}.analytics-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.analytics-title-area{min-width:0}.analytics-eyebrow{letter-spacing:.16em;color:#6c7a91;align-items:center;margin-bottom:7px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.analytics-title-area h1{letter-spacing:-.035em;color:#172033;margin:0;font-size:30px;font-weight:800;line-height:1.1}.analytics-title-area p{color:#77849a;margin:7px 0 0;font-size:13px;line-height:1.5}.analytics-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.analytics-live-status{background:#fff;border:1px solid #e5eaf1;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:8px 13px;display:flex;box-shadow:0 2px 8px #16223308}.live-dot{background:#21b26b;border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 4px #21b26b1a}.analytics-live-status div{flex-direction:column;gap:2px;display:flex}.analytics-live-status strong{color:#26334a;font-size:12px;font-weight:750;line-height:1.2}.analytics-live-status small{color:#8a96a9;font-size:10px;line-height:1.25}.analytics-header-button{color:#354259;cursor:pointer;background:#fff;border:1px solid #e0e6ef;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:12px;font-weight:700;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.analytics-header-button:hover{background:#f9fbfd;border-color:#cfd8e5;box-shadow:0 4px 12px #1622330f}.analytics-header-button:active{transform:translateY(1px)}.analytics-filter-panel{background:#fff;border:1px solid #e3e8f0;border-radius:15px;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:20px;margin-bottom:22px;padding:17px 18px;display:grid;box-shadow:0 3px 14px #19284109}.analytics-filter-heading{align-items:center;gap:14px;min-width:0;display:flex}.analytics-filter-heading>div{flex-direction:column;gap:4px;display:flex}.analytics-filter-heading span{letter-spacing:.13em;color:#8490a4;font-size:9px;font-weight:800;line-height:1}.analytics-filter-heading strong{color:#253149;font-size:14px;font-weight:750;line-height:1.25}.analytics-filter-heading small{color:#8a96a9;max-width:210px;font-size:10px;line-height:1.4}.analytics-filter-presets{background:#f7f9fc;border:1px solid #e6eaf1;border-radius:10px;align-items:center;gap:5px;padding:4px;display:flex}.analytics-filter-presets button{color:#718097;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:34px;padding:0 11px;font-size:11px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s}.analytics-filter-presets button:hover{color:#26344c;background:#fff}.analytics-filter-presets button.active{color:#26344c;background:#fff;box-shadow:0 2px 7px #1e2c4114}.analytics-custom-date{align-items:flex-end;gap:8px;display:flex}.analytics-custom-date label{flex-direction:column;gap:5px;display:flex}.analytics-custom-date label span{color:#8490a4;padding-left:2px;font-size:9px;font-weight:750;line-height:1}.analytics-custom-date input{box-sizing:border-box;color:#354259;background:#fff;border:1px solid #dfe5ee;border-radius:8px;outline:none;width:132px;height:36px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:600;transition:border-color .18s,box-shadow .18s}.analytics-custom-date input:focus{border-color:#9eacc0;box-shadow:0 0 0 3px #5a6c8914}.analytics-apply-button{color:#fff;cursor:pointer;background:#253149;border:0;border-radius:8px;height:36px;padding:0 13px;font-family:inherit;font-size:11px;font-weight:750;transition:background .18s,transform .18s,box-shadow .18s}.analytics-apply-button:hover{background:#172238;box-shadow:0 4px 10px #25314926}.analytics-apply-button:active{transform:translateY(1px)}.analytics-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:20px;display:grid}.analytics-kpi-card{box-sizing:border-box;background:#fff;border:1px solid #e4e9f1;border-radius:14px;min-width:0;min-height:148px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 3px 12px #19284109}.analytics-kpi-card:hover{border-color:#d8e0eb;transform:translateY(-2px);box-shadow:0 8px 22px #19284112}.analytics-kpi-card:after{content:"";opacity:.08;border-radius:50%;width:85px;height:85px;position:absolute;bottom:-35px;right:-25px}.analytics-kpi-card.green:after{background:#20a86a}.analytics-kpi-card.blue:after{background:#4c7fe8}.analytics-kpi-card.purple:after{background:#8067d8}.analytics-kpi-card.orange:after{background:#e69b43}.analytics-kpi-card.cyan:after{background:#2babc0}.analytics-kpi-top{z-index:1;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.analytics-kpi-icon{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:inline-flex}.analytics-kpi-card.green .analytics-kpi-icon{color:#1d9d63;background:#eaf8f1}.analytics-kpi-card.blue .analytics-kpi-icon{color:#4a76d9;background:#edf3ff}.analytics-kpi-card.purple .analytics-kpi-icon{color:#7760ce;background:#f1edff}.analytics-kpi-card.orange .analytics-kpi-icon{color:#d88c35;background:#fff5e8}.analytics-kpi-card.cyan .analytics-kpi-icon{color:#279caf;background:#e9f8fb}.analytics-kpi-badge{color:#8a96a9;letter-spacing:.05em;text-transform:uppercase;background:#f6f8fb;border-radius:6px;align-items:center;min-height:22px;padding:0 7px;font-size:8px;font-weight:800;line-height:1;display:inline-flex}.analytics-kpi-body{z-index:1;flex-direction:column;margin-top:16px;display:flex;position:relative}.analytics-kpi-body>span{color:#6d7a91;font-size:11px;font-weight:700;line-height:1.3}.analytics-kpi-body strong{letter-spacing:-.035em;color:#202c42;white-space:nowrap;margin-top:5px;font-size:24px;font-weight:800;line-height:1.15}.analytics-kpi-body small{color:#909bad;margin-top:7px;font-size:9px;line-height:1.4}.analytics-primary-grid,.analytics-secondary-grid,.analytics-bottom-grid{gap:18px;margin-bottom:18px;display:grid}.analytics-primary-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.9fr)}.analytics-secondary-grid,.analytics-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-panel{background:#fff;border:1px solid #e3e8f0;border-radius:15px;min-width:0;overflow:hidden;box-shadow:0 3px 14px #19284109}.analytics-panel-header{justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 21px 14px;display:flex}.analytics-panel-title{align-items:flex-start;gap:11px;min-width:0;display:flex}.analytics-panel-icon{border-radius:9px;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;margin-top:1px;font-size:14px;font-weight:800;display:inline-flex}.analytics-panel-icon.green{color:#1d9d63;background:#eaf8f1}.analytics-panel-icon.blue{color:#4a76d9;background:#edf3ff}.analytics-panel-icon.purple{color:#7760ce;background:#f1edff}.analytics-panel-icon.orange{color:#d88c35;background:#fff5e8}.analytics-panel-icon.cyan{color:#279caf;background:#e9f8fb}.analytics-panel-title>div:last-child{min-width:0}.analytics-panel-title span{letter-spacing:.14em;color:#8a96a9;margin-bottom:4px;font-size:8px;font-weight:800;line-height:1.2;display:block}.analytics-panel-title h2{letter-spacing:-.02em;color:#243047;margin:0;font-size:16px;font-weight:780;line-height:1.25}.analytics-panel-title p{color:#8a96a9;margin:5px 0 0;font-size:10px;line-height:1.45}.analytics-panel-summary{flex:none;align-items:flex-start;gap:24px;display:flex}.analytics-panel-summary>div{flex-direction:column;gap:4px;min-width:62px;display:flex}.analytics-panel-summary span{color:#8b97a9;font-size:9px;font-weight:700;line-height:1}.analytics-panel-summary strong{color:#243047;font-size:14px;font-weight:800;line-height:1.2}.analytics-revenue-chart{box-sizing:border-box;gap:8px;min-height:285px;padding:5px 20px 18px 15px;display:flex}.analytics-y-labels{box-sizing:border-box;text-align:right;flex-direction:column;flex:0 0 58px;justify-content:space-between;width:58px;padding:18px 0 34px;display:flex}.analytics-y-labels span{color:#9aa5b6;white-space:nowrap;font-size:8px;line-height:1}.analytics-chart-area{flex:1;min-width:0;padding-bottom:28px;position:relative}.analytics-svg{width:100%;height:245px;display:block;overflow:visible}.chart-grid{stroke:#edf0f4;stroke-width:1px}.chart-line{fill:none;stroke:#4e77d7;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-area-fill{fill:#4e77d714}.analytics-x-labels{justify-content:space-between;gap:8px;display:flex;position:absolute;bottom:1px;left:0;right:0}.analytics-x-labels span{color:#9aa5b6;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:8px;line-height:1;overflow:hidden}.analytics-chart-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:30px;display:flex}.analytics-empty-icon{color:#8290a5;background:#f3f6fa;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:11px;font-size:18px;font-weight:700;display:inline-flex}.analytics-chart-empty strong{color:#3a465c;font-size:12px;line-height:1.3}.analytics-chart-empty span{color:#929daf;max-width:260px;margin-top:5px;font-size:10px;line-height:1.45}.booking-status-layout{box-sizing:border-box;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:16px;min-height:285px;padding:0 21px 20px;display:grid}.booking-donut{width:160px;height:160px;margin:0 auto;position:relative}.booking-donut-svg{width:160px;height:160px;display:block;transform:rotate(-90deg)}.donut-segment.completed{stroke:#35ae75}.donut-segment.assigned{stroke:#6488df}.donut-segment.pending{stroke:#e6a04b}.donut-segment.cancelled{stroke:#d96d72}.booking-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.booking-donut-center strong{color:#26334a;letter-spacing:-.03em;font-size:24px;font-weight:800;line-height:1}.booking-donut-center span{color:#8d99aa;margin-top:5px;font-size:9px;font-weight:700}.booking-status-list{flex-direction:column;gap:12px;min-width:0;display:flex}.booking-status-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;display:grid}.booking-status-name{align-items:center;gap:8px;min-width:0;display:flex}.booking-status-name i{border-radius:50%;flex:0 0 7px;width:7px;height:7px;display:inline-block}.booking-status-name i.completed{background:#35ae75}.booking-status-name i.assigned{background:#6488df}.booking-status-name i.pending{background:#e6a04b}.booking-status-name i.cancelled{background:#d96d72}.booking-status-name i.active{background:#9ba6b7}.booking-status-name span{color:#65738a;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:650;overflow:hidden}.booking-status-row strong{color:#334057;font-size:11px;font-weight:800}.booking-status-row small{text-align:right;color:#9aa5b6;min-width:37px;font-size:9px;font-weight:650}.payment-mix-list{flex-direction:column;gap:2px;padding:3px 21px 20px;display:flex}.payment-mix-row{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:15px;min-height:53px;padding:8px 10px;display:flex}.payment-mix-row:last-child{border-bottom:0}.payment-mix-name{align-items:center;gap:9px;min-width:0;display:flex}.payment-mix-name span{color:#5d6b82;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.payment-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.payment-dot-0{background:#4e77d7}.payment-dot-1{background:#35ae75}.payment-dot-2{background:#8067d8}.payment-dot-3{background:#e6a04b}.payment-mix-value{flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.payment-mix-value strong{color:#29354b;font-size:13px;font-weight:800;line-height:1.1}.payment-mix-value small{color:#929daf;font-size:8px;line-height:1.2}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px;padding:5px 21px 23px;display:grid}.performance-metric{min-width:0}.performance-metric-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.performance-metric-top span{color:#68768c;font-size:10px;font-weight:700}.performance-metric-top strong{color:#344158;font-size:11px;font-weight:800}.performance-progress{background:#edf0f4;border-radius:999px;width:100%;height:6px;overflow:hidden}.performance-progress-fill{border-radius:inherit;height:100%;transition:width .45s}.performance-progress-fill.green{background:#35ae75}.performance-progress-fill.blue{background:#6488df}.performance-progress-fill.orange{background:#e6a04b}.performance-progress-fill.purple{background:#8067d8}.performance-metric small{color:#929daf;margin-top:6px;font-size:8px;line-height:1.3;display:block}.workforce-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:5px 21px 23px;display:grid}.workforce-stat{background:#fafbfd;border:1px solid #edf0f4;border-radius:10px;min-width:0;padding:14px 11px}.workforce-stat span{color:#8490a3;font-size:9px;font-weight:700;display:block}.workforce-stat strong{letter-spacing:-.03em;color:#2c384e;margin-top:7px;font-size:21px;font-weight:800;line-height:1;display:block}.workforce-stat small{color:#99a3b2;margin-top:6px;font-size:8px;line-height:1.3;display:block}.workforce-stat.green strong{color:#299b65}.workforce-stat.orange strong{color:#d88e39}.workforce-stat.purple strong{color:#7660cb}.snapshot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:5px 21px 23px;display:grid}.snapshot-item{background:#fafbfd;border:1px solid #edf0f4;border-radius:10px;min-width:0;padding:14px 11px}.snapshot-item span{color:#8490a3;font-size:9px;font-weight:700;display:block}.snapshot-item strong{letter-spacing:-.03em;color:#2c384e;margin-top:7px;font-size:20px;font-weight:800;line-height:1;display:block}.snapshot-item small{color:#99a3b2;margin-top:6px;font-size:8px;line-height:1.3;display:block}.snapshot-item.green strong{color:#299b65}.snapshot-item.blue strong{color:#557bd5}.snapshot-item.purple strong{color:#7660cb}.insight-panel{min-height:100%}.insight-list{flex-direction:column;padding:3px 21px 19px;display:flex}.insight-row{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:18px;min-height:47px;display:flex}.insight-row:last-child{border-bottom:0}.insight-row span{color:#758298;font-size:10px;font-weight:650}.insight-row strong{color:#303c53;text-align:right;font-size:12px;font-weight:800}.insight-row strong.warning{color:#d68c37}.analytics-loading-screen{background:#fff;border:1px solid #e4e9f1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:480px;display:flex;box-shadow:0 3px 14px #19284109}.analytics-loading-orb{color:#567bd4;background:#eef3ff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:7px;font-size:20px;animation:1.6s ease-in-out infinite analyticsPulse;display:flex}.analytics-loading-screen strong{color:#354158;font-size:13px;font-weight:750}.analytics-loading-screen span{color:#929daf;font-size:10px}@keyframes analyticsPulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.analytics-error-panel{background:snow;border:1px solid #f0dede;border-radius:13px;align-items:center;gap:13px;padding:18px 20px;display:flex}.analytics-error-icon{color:#c95c63;background:#fdecec;border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:flex}.analytics-error-panel>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.analytics-error-panel strong{color:#4b3540;font-size:12px}.analytics-error-panel span{color:#9b7d85;font-size:10px;line-height:1.4}.analytics-retry{color:#a64e56;cursor:pointer;background:#fff;border:1px solid #e5cfd2;border-radius:8px;min-height:35px;margin-left:auto;padding:0 13px;font-family:inherit;font-size:10px;font-weight:750}.analytics-empty-state{text-align:center;background:#fff;border:1px solid #e4e9f1;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex}.analytics-empty-state .analytics-empty-icon{margin-bottom:12px}.analytics-empty-state h2{color:#354158;margin:0;font-size:16px;font-weight:750}.analytics-empty-state p{color:#929daf;max-width:290px;margin:6px 0 0;font-size:10px;line-height:1.5}.analytics-footer{color:#9aa5b6;justify-content:space-between;align-items:center;gap:15px;padding:13px 3px 0;font-size:9px;line-height:1.4;display:flex}.analytics-footer span:first-child{color:#7e8a9d;font-weight:750}.analytics-footer span:last-child{text-align:right}@media (width<=1450px){.analytics-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-filter-panel{grid-template-columns:1fr;align-items:stretch}.analytics-filter-heading{justify-content:space-between}.analytics-filter-heading small{text-align:right;max-width:300px}.analytics-filter-presets{width:fit-content}.analytics-custom-date{justify-content:flex-start}}@media (width<=1100px){.premium-analytics{padding:22px 20px 30px}.analytics-page-header{flex-direction:column;align-items:flex-start}.analytics-header-actions{justify-content:flex-start;width:100%}.analytics-primary-grid,.analytics-secondary-grid,.analytics-bottom-grid{grid-template-columns:1fr}.analytics-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.booking-status-layout{grid-template-columns:190px minmax(0,1fr)}}@media (width<=760px){.premium-analytics{padding:17px 14px 24px}.analytics-title-area h1{font-size:25px}.analytics-header-actions{flex-direction:column;align-items:stretch}.analytics-live-status,.analytics-header-button{box-sizing:border-box;width:100%}.analytics-filter-panel{padding:14px}.analytics-filter-heading{flex-direction:column;align-items:flex-start;gap:9px}.analytics-filter-heading small{text-align:left;max-width:none}.analytics-filter-presets{width:100%;overflow-x:auto}.analytics-filter-presets button{flex:none}.analytics-custom-date{flex-direction:column;align-items:stretch}.analytics-custom-date label,.analytics-custom-date input,.analytics-apply-button,.analytics-custom-date input{width:100%}.analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-panel-header{padding:17px 16px 13px}.analytics-panel-summary{gap:14px}.booking-status-layout{grid-template-columns:1fr;padding:0 16px 18px}.booking-donut{margin-bottom:8px}.performance-grid{grid-template-columns:1fr;padding:5px 16px 19px}.workforce-grid,.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:16px;padding-right:16px}.payment-mix-list,.insight-list{padding-left:16px;padding-right:16px}.analytics-footer{flex-direction:column;align-items:flex-start}.analytics-footer span:last-child{text-align:left}}@media (width<=480px){.premium-analytics{padding:14px 10px 20px}.analytics-kpi-grid{grid-template-columns:1fr}.analytics-kpi-card{min-height:132px}.analytics-kpi-body strong{font-size:22px}.analytics-panel-header{flex-direction:column;align-items:flex-start}.analytics-panel-summary{justify-content:flex-start;width:100%}.analytics-revenue-chart{min-height:250px;padding-left:8px;padding-right:12px}.analytics-y-labels{flex-basis:48px;width:48px}.analytics-svg{height:215px}.analytics-x-labels span{font-size:7px}.workforce-grid,.snapshot-grid{grid-template-columns:1fr 1fr}.workforce-stat,.snapshot-item{padding:12px 9px}.workforce-stat strong,.snapshot-item strong{font-size:18px}.booking-status-row{gap:7px}}.premium-analytics{color:#f5f7fb;background:#07111f;min-height:100%}.premium-analytics .analytics-header{background:0 0}.premium-analytics .analytics-period-pill,.premium-analytics .analytics-refresh-button,.premium-analytics .analytics-report-button{color:#edf3fb;box-shadow:none;background:#0c1a2c;border:1px solid #20334b}.premium-analytics .analytics-period-pill:hover,.premium-analytics .analytics-refresh-button:hover,.premium-analytics .analytics-report-button:hover{background:#11243b;border-color:#315071}.premium-analytics .analytics-period-pill strong{color:#f4f7fb}.premium-analytics .analytics-period-pill span{color:#7188a5}.premium-analytics .analytics-period-dot{background:#18b979;box-shadow:0 0 0 5px #18b9791a}.premium-analytics .analytics-filter-panel{background:#0b192a;border:1px solid #1d3047;box-shadow:0 14px 35px #0000002e}.premium-analytics .analytics-filter-heading small{color:#7188a5}.premium-analytics .analytics-filter-note{color:#7d91aa}.premium-analytics .analytics-filter-presets{background:#071321;border:1px solid #1c3047}.premium-analytics .analytics-filter-presets button{color:#7f93ad;background:0 0}.premium-analytics .analytics-filter-presets button:hover{color:#dce6f2;background:#112238}.premium-analytics .analytics-filter-presets button.active{color:#fff;background:#162941;box-shadow:0 2px 8px #00000040}.premium-analytics .analytics-custom-date input{color:#edf3fb;background:#071321;border:1px solid #263b54}.premium-analytics .analytics-custom-date input:hover,.premium-analytics .analytics-custom-date input:focus{border-color:#4776ff;outline:none;box-shadow:0 0 0 3px #4776ff1a}.premium-analytics .analytics-apply-button{color:#fff;background:#24334d;border:1px solid #344965}.premium-analytics .analytics-apply-button:hover{background:#30435f}.premium-analytics .analytics-kpi-card{background:#0b192a;border:1px solid #1d3047;box-shadow:0 12px 30px #00000029}.premium-analytics .analytics-kpi-card:hover{border-color:#2c4664;transform:translateY(-2px)}.premium-analytics .analytics-kpi-tag{color:#7f95af;background:#111f31}.premium-analytics .analytics-kpi-icon{color:#6f91ff;background:#132237}.premium-analytics .analytics-panel,.premium-analytics .analytics-revenue-panel,.premium-analytics .analytics-status-panel,.premium-analytics .analytics-payment-panel,.premium-analytics .analytics-performance-panel,.premium-analytics .analytics-workforce-panel,.premium-analytics .analytics-pulse-panel,.premium-analytics .analytics-insight-panel,.premium-analytics .analytics-summary-panel{background:#0b192a;border:1px solid #1d3047;box-shadow:0 12px 30px #00000029}.premium-analytics .analytics-revenue-chart{background:#091625;border:1px solid #182c42}.premium-analytics .analytics-chart-grid line{stroke:#1b2e44}.premium-analytics .analytics-chart-tooltip{color:#f5f7fb;background:#101f32;border:1px solid #29415d;box-shadow:0 12px 30px #00000059}.premium-analytics .analytics-status-item{border-bottom:1px solid #182c42}.premium-analytics .analytics-payment-item{background:#091625;border:1px solid #1a2e45}.premium-analytics .analytics-payment-item:hover{background:#0d1d30;border-color:#2b4662}.premium-analytics .analytics-health-row{border-bottom:1px solid #182c42}.premium-analytics .analytics-progress{background:#172a40}.premium-analytics .analytics-capacity-card{background:#091625;border:1px solid #1a2e45}.premium-analytics .analytics-pulse-item{background:#091625;border:1px solid #1a2e45}.premium-analytics .analytics-insight-panel{background:linear-gradient(135deg,#0c1c30 0%,#0b192a 100%);border-color:#23405e}.premium-analytics .analytics-summary-row{border-bottom:1px solid #182c42}.premium-analytics .analytics-loading,.premium-analytics .analytics-empty{color:#7d91aa;background:#0b192a;border:1px solid #1d3047}.premium-analytics .analytics-error{color:#f0a7b0;background:#26161b;border:1px solid #5a2c35}.premium-analytics ::-webkit-scrollbar{width:7px;height:7px}.premium-analytics ::-webkit-scrollbar-track{background:#071321}.premium-analytics ::-webkit-scrollbar-thumb{background:#263b54;border-radius:10px}.premium-analytics ::-webkit-scrollbar-thumb:hover{background:#35516f}.premium-analytics .analytics-title{color:#f8fafc!important}.premium-analytics .analytics-subtitle{color:#8ea3bc!important}.premium-analytics .analytics-eyebrow{color:#7890ad!important}.premium-analytics .analytics-filter-heading{color:#f3f6fa!important}.premium-analytics .analytics-filter-heading small,.premium-analytics .analytics-filter-note{color:#8196ae!important}.premium-analytics .analytics-filter-presets button{color:#9aacc1!important}.premium-analytics .analytics-filter-presets button:hover{color:#f2f6fb!important}.premium-analytics .analytics-filter-presets button.active{color:#fff!important}.premium-analytics .analytics-custom-date label{color:#8da1b8!important}.premium-analytics .analytics-custom-date input{color:#f1f5f9!important}.premium-analytics .analytics-apply-button{color:#fff!important}.premium-analytics .analytics-kpi-label{color:#8fa3bb!important}.premium-analytics .analytics-kpi-value{color:#f8fafc!important}.premium-analytics .analytics-kpi-description{color:#8297af!important}.premium-analytics .analytics-kpi-tag{color:#8da1b8!important}.premium-analytics .analytics-panel-title,.premium-analytics .analytics-section-title{color:#f3f6fa!important}.premium-analytics .analytics-panel-subtitle,.premium-analytics .analytics-section-subtitle{color:#8499b1!important}.premium-analytics .analytics-revenue-panel .analytics-panel-title{color:#f3f6fa!important}.premium-analytics .analytics-revenue-panel .analytics-panel-subtitle{color:#8ca0b8!important}.premium-analytics .analytics-revenue-panel strong{color:#f5f7fb!important}.premium-analytics .analytics-revenue-panel span{color:#8ca0b8!important}.premium-analytics .analytics-status-panel .analytics-panel-title{color:#f3f6fa!important}.premium-analytics .analytics-status-panel .analytics-panel-subtitle{color:#879bb2!important}.premium-analytics .analytics-status-name{color:#cbd6e3!important}.premium-analytics .analytics-status-value{color:#f5f7fb!important}.premium-analytics .analytics-status-percent{color:#8195ad!important}.premium-analytics .analytics-payment-name{color:#cbd6e3!important}.premium-analytics .analytics-payment-value{color:#f5f7fb!important}.premium-analytics .analytics-payment-percent{color:#8195ad!important}.premium-analytics .analytics-health-label{color:#9bacc0!important}.premium-analytics .analytics-health-value{color:#f5f7fb!important}.premium-analytics .analytics-health-note{color:#778da6!important}.premium-analytics .analytics-capacity-number{color:#f5f7fb!important}.premium-analytics .analytics-capacity-label{color:#8499b1!important}.premium-analytics .analytics-capacity-card strong{color:#e8eef5!important}.premium-analytics .analytics-pulse-label{color:#8499b1!important}.premium-analytics .analytics-pulse-value{color:#f5f7fb!important}.premium-analytics .analytics-pulse-note{color:#778da6!important}.premium-analytics .analytics-insight-title{color:#f3f6fa!important}.premium-analytics .analytics-insight-text{color:#9aacc0!important}.premium-analytics .analytics-insight-highlight{color:#fff!important}.premium-analytics .analytics-summary-label{color:#8297af!important}.premium-analytics .analytics-summary-value{color:#f3f6fa!important}.premium-analytics .analytics-meta,.premium-analytics .analytics-date,.premium-analytics .analytics-caption{color:#7187a0!important}.premium-analytics .analytics-chart-axis{fill:#7187a0!important}.premium-analytics .analytics-chart-tooltip{color:#f5f7fb!important}.premium-analytics .analytics-chart-tooltip-label{color:#8297af!important}.premium-analytics .analytics-chart-tooltip-value{color:#fff!important}.premium-analytics .analytics-kpi-card .analytics-kpi-value,.premium-analytics .analytics-kpi-card .analytics-kpi-value *,.premium-analytics .analytics-kpi-card strong,.premium-analytics .analytics-kpi-card b{color:#f4f7fb!important}.premium-analytics .analytics-kpi-card .analytics-kpi-value{font-weight:700!important}.premium-analytics .analytics-revenue-panel strong,.premium-analytics .analytics-revenue-panel b,.premium-analytics .analytics-capacity-number,.premium-analytics .analytics-pulse-value,.premium-analytics .analytics-summary-value,.premium-analytics .analytics-health-value,.premium-analytics .analytics-status-value,.premium-analytics .analytics-payment-value,.premium-analytics .analytics-kpi-card .analytics-kpi-value,.premium-analytics .analytics-kpi-card .analytics-kpi-value span{color:#f4f7fb!important}.payments-page{box-sizing:border-box;color:#f4f7fb;background:#07111f;width:100%;min-height:100%;padding:48px 54px 70px}.payments-page-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px;display:flex}.payments-page-eyebrow{color:#79a8dc;letter-spacing:2px;margin-bottom:10px;font-size:13px;font-weight:800;line-height:1}.payments-page-header h1{color:#f6f8fc;letter-spacing:-1.8px;margin:0;font-size:52px;font-weight:800;line-height:1.05}.payments-page-header p{color:#7e9bc0;margin:12px 0 0;font-size:17px;line-height:1.5}.payments-header-actions{align-items:center;gap:14px;display:flex}.payments-date-pill{color:#dce8f5;white-space:nowrap;background:#0b1a2c;border:1px solid #27425f;border-radius:11px;align-items:center;gap:13px;min-height:52px;padding:0 18px;font-size:14px;font-weight:700;display:flex}.date-pill-icon{color:#83aef1;font-size:17px}.date-pill-arrow{color:#708aa7;margin-left:8px;font-size:17px}.payments-refresh-button{color:#e9f0f8;cursor:pointer;background:#0d1d30;border:1px solid #294663;border-radius:11px;min-height:52px;padding:0 21px;font-size:14px;font-weight:700;transition:background .18s,border-color .18s,transform .18s}.payments-refresh-button:hover{background:#132943;border-color:#3b6187;transform:translateY(-1px)}.payments-refresh-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.payments-alert{color:#f3aab5;background:#24141a;border:1px solid #69333d;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;padding:14px 17px;font-size:14px;display:flex}.payments-alert button{color:#f3aab5;cursor:pointer;background:0 0;border:0;font-size:20px}.payments-filter-bar{background:#0a192a;border:1px solid #1e344d;border-radius:13px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:13px;display:flex}.payments-filter-left{background:#071421;border:1px solid #1d344c;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.payments-filter-button{color:#7f97b2;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:40px;padding:0 17px;font-size:13px;font-weight:700;transition:background .18s,color .18s}.payments-filter-button:hover{color:#e7eef7;background:#10243a}.payments-filter-button.active{color:#fff;background:#18324f;box-shadow:0 2px 8px #00000040}.payments-custom-range{align-items:flex-end;gap:10px;display:flex}.payments-custom-range label{color:#718ba8;flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.payments-custom-range input{box-sizing:border-box;color:#eaf1f8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#071421;border:1px solid #29435e;border-radius:8px;outline:none;width:142px;height:40px;padding:0 11px;font-family:inherit;font-size:13px;font-weight:600}.payments-custom-range input:focus{border-color:#4c86e8;box-shadow:0 0 0 3px #4c86e81c}.payments-custom-range>button{color:#fff;cursor:pointer;background:#263a56;border:1px solid #395371;border-radius:8px;height:40px;padding:0 17px;font-size:13px;font-weight:800}.payments-custom-range>button:hover{background:#304866}.payments-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.payments-summary-card{box-sizing:border-box;background:#0b1b2d;border:1px solid #203a54;border-radius:14px;align-items:center;gap:18px;min-height:122px;padding:20px;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000024,inset 0 1px #ffffff04}.payments-summary-card:hover{border-color:#315474;transform:translateY(-2px)}.summary-card-icon{border-radius:13px;flex:0 0 54px;justify-content:center;align-items:center;width:54px;height:54px;font-size:23px;font-weight:800;display:flex}.summary-card-icon.green{color:#35e0a0;background:linear-gradient(145deg,#0e6c58,#075343)}.summary-card-icon.blue{color:#79b1ff;background:linear-gradient(145deg,#174e91,#103b70)}.summary-card-icon.purple{color:#bd91ff;background:linear-gradient(145deg,#51318b,#39256d)}.summary-card-icon.amber{color:#ffbd68;background:linear-gradient(145deg,#725127,#4e391f)}.summary-card-content{z-index:2;min-width:0;position:relative}.summary-card-content span{color:#8da6c2;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.summary-card-content strong{color:#f5f8fc;letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1.1;display:block}.summary-card-content small{color:#667f9d;margin-top:7px;font-size:11px;display:block}.summary-mini-bars{opacity:.45;justify-content:flex-end;align-items:flex-end;gap:4px;width:50px;height:42px;display:flex;position:absolute;bottom:18px;right:17px}.summary-mini-bars i{border-radius:3px 3px 0 0;width:4px;display:block}.summary-mini-bars i:first-child{height:12px}.summary-mini-bars i:nth-child(2){height:19px}.summary-mini-bars i:nth-child(3){height:27px}.summary-mini-bars i:nth-child(4){height:34px}.summary-mini-bars i:nth-child(5){height:24px}.green-bars i{background:#15c995}.blue-bars i{background:#438cff}.purple-bars i{background:#9c62ff}.amber-bars i{background:#b67b32}.payments-analytics-grid{grid-template-columns:minmax(0,1.65fr) minmax(360px,.95fr);gap:18px;margin-bottom:25px;display:grid}.payments-chart-panel,.payments-method-panel{background:#0b1b2d;border:1px solid #203a54;border-radius:14px;min-width:0;box-shadow:0 12px 30px #00000024}.payments-panel-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 21px 16px;display:flex}.payments-panel-header h2{color:#f1f5fa;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.payments-panel-header p{color:#7f98b4;margin:5px 0 0;font-size:12px}.chart-period-tabs{background:#071522;border:1px solid #1c344d;border-radius:8px;align-items:center;gap:3px;padding:3px;display:flex}.chart-period-tabs button{color:#7c94af;cursor:pointer;background:0 0;border:0;border-radius:6px;height:31px;padding:0 13px;font-size:11px;font-weight:700}.chart-period-tabs button:hover{color:#dce7f2}.chart-period-tabs button.active{color:#fff;background:#183757;box-shadow:inset 0 0 0 1px #28547d}.payments-trend-chart{box-sizing:border-box;height:260px;margin:0 16px 13px;padding:4px 2px 0}.payments-chart-svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:#193047;stroke-width:1px;stroke-dasharray:2 4}.chart-axis-text{fill:#627b98;font-family:inherit;font-size:9px}.chart-area{fill:#3482ef1f}.chart-line{stroke:#438cff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #438cff66)}.chart-point{fill:#0b1b2d;stroke:#63a1ff;stroke-width:2px}.payments-chart-empty{box-sizing:border-box;color:#6e87a4;justify-content:center;align-items:center;height:260px;padding:20px;font-size:13px;display:flex}.payment-donut-wrap{box-sizing:border-box;justify-content:center;align-items:center;gap:26px;min-height:260px;padding:8px 25px 23px;display:flex}.payment-donut{flex:0 0 160px;width:160px;height:160px;position:relative}.payment-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-track,.donut-segment{fill:none;stroke-width:18px}.donut-track{stroke:#162b41}.donut-segment{stroke-linecap:round}.donut-segment.blue{stroke:#3c82f6}.donut-segment.purple{stroke:#a35cf3}.donut-segment.green{stroke:#1dc997}.donut-segment.slate{stroke:#8295aa}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center strong{color:#f3f7fb;font-size:23px;font-weight:800}.donut-center span{color:#829ab5;margin-top:3px;font-size:11px}.payment-method-list{flex-direction:column;gap:15px;min-width:150px;display:flex}.payment-method-row{grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.method-dot{border-radius:50%;width:8px;height:8px}.method-dot.blue{background:#3c82f6}.method-dot.purple{background:#a35cf3}.method-dot.green{background:#1dc997}.method-dot.slate{background:#8295aa}.method-name{color:#b7c8da;font-size:12px}.payment-method-row strong{color:#e9f0f7;font-size:12px}.payment-method-empty{color:#6d849f;font-size:12px}.payments-main-tabs{background:#091725;border:1px solid #1c344c;border-radius:11px;align-items:center;gap:3px;width:fit-content;margin:0 auto 24px;padding:4px;display:flex}.payments-main-tabs button{color:#7e96b1;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:126px;height:45px;padding:0 20px;font-size:14px;font-weight:700;transition:background .18s,color .18s}.payments-main-tabs button:hover{color:#e9f0f7}.payments-main-tabs button.active{color:#fff;background:#173451;box-shadow:inset 0 0 0 1px #2c5a83,0 2px 8px #0003}.main-tab-count{color:#fff;background:#a86131;border-radius:20px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:7px;font-size:10px;display:inline-flex}.payments-transactions-panel{background:#0a1a2b;border:1px solid #203a54;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px #00000029}.transactions-header{box-sizing:border-box;border-bottom:1px solid #1a3148;justify-content:space-between;align-items:center;gap:25px;min-height:84px;padding:17px 18px 17px 20px;display:flex}.transactions-header h2{color:#f1f5fa;margin:0;font-size:20px;font-weight:800}.transactions-header p{color:#718aa7;margin:5px 0 0;font-size:12px}.transactions-tools{align-items:center;gap:10px;display:flex}.transactions-search{box-sizing:border-box;background:#071522;border:1px solid #27445f;border-radius:9px;align-items:center;gap:9px;width:310px;height:42px;padding:0 13px;display:flex}.transactions-search>span{color:#7190b0;font-size:18px}.transactions-search input{color:#eaf1f8;background:0 0;border:0;outline:0;width:100%;min-width:0;font-family:inherit;font-size:12px}.transactions-search input::placeholder{color:#58718e}.transactions-search:focus-within{border-color:#3e73ae;box-shadow:0 0 0 3px #3e73ae17}.export-button{color:#dce9f5;cursor:pointer;background:#0d2035;border:1px solid #2c4c6b;border-radius:9px;height:42px;padding:0 17px;font-size:12px;font-weight:800}.export-button:hover{background:#15304c;border-color:#3c658b}.payments-table-wrap{width:100%;overflow-x:auto}.payments-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1100px}.payments-table thead{background:#081725}.payments-table th{color:#7692b0;letter-spacing:.8px;text-align:left;white-space:nowrap;border-bottom:1px solid #1c344a;height:46px;padding:0 14px;font-size:10px;font-weight:800}.payments-table td{color:#9db1c6;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #162c42;height:72px;padding:0 14px;font-size:12px}.payments-table tbody tr{background:#0a1a2b;transition:background .15s}.payments-table tbody tr:hover{background:#0e2136}.payments-table tbody tr:last-child td{border-bottom:0}.table-index{width:35px;color:#607994!important;font-size:11px!important}.customer-table-cell{align-items:center;gap:11px;display:flex}.customer-avatar{color:#fff;background:linear-gradient(145deg,#3879c8,#24569a);border-radius:50%;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;font-size:10px;font-weight:800;display:flex}.customer-table-info{flex-direction:column;gap:4px;display:flex}.customer-table-info strong{color:#e9f0f7;font-size:12px;font-weight:700}.customer-table-info span{color:#647e9a;font-size:10px}.booking-id-text{color:#b7c8da;font-size:11px;font-weight:600}.amount-text{color:#f2f6fa;font-size:13px;font-weight:800}.wallet-text{color:#9eb2c7;font-size:12px}.mode-pill{color:#a8bfd5;background:#0d2136;border:1px solid #2a4864;border-radius:7px;justify-content:center;align-items:center;min-width:55px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.mode-pill.online{color:#79b5ff;background:#0c2846;border-color:#285d94}.mode-pill.wallet{color:#bd8dff;background:#24173d;border-color:#594187}.mode-pill.cash{color:#72d6c1;background:#102c35;border-color:#2b5360}.payment-status{color:#a8bacd;text-transform:capitalize;background:#0e2033;border:1px solid #2c4156;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.payment-status i{background:#7f93a7;border-radius:50%;width:6px;height:6px}.payment-status.success{color:#50dfb0;background:#082d29;border-color:#14534b}.payment-status.success i{background:#3fe1a9;box-shadow:0 0 7px #3fe1a973}.payment-status.pending{color:#f1bd65;background:#2d2111;border-color:#684c25}.payment-status.pending i{background:#f1ae45}.payment-status.processing{color:#7db5f6;background:#102841;border-color:#294f75}.payment-status.processing i{background:#6af}.payment-status.danger{color:#f18f9c;background:#29151b;border-color:#64333d}.payment-status.danger i{background:#f06e7d}.table-date{color:#9aafc4;font-size:11px}.table-view-button{color:#a9c8e7;cursor:pointer;background:#0c2238;border:1px solid #2d5376;border-radius:7px;min-width:58px;height:34px;padding:0 12px;font-size:11px;font-weight:800;transition:background .18s,border-color .18s,color .18s}.table-view-button:hover{color:#fff;background:#143657;border-color:#4380b8}.payments-pagination{border-top:1px solid #172d43;justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:0 18px 0 20px;display:flex}.payments-pagination>span{color:#7088a3;font-size:11px}.pagination-buttons{align-items:center;gap:5px;display:flex}.pagination-buttons button{color:#829ab5;cursor:pointer;background:#0b1d30;border:1px solid #1e3851;border-radius:6px;min-width:30px;height:30px;padding:0 8px;font-size:11px;font-weight:700}.pagination-buttons button:hover:not(:disabled){color:#fff;background:#15324e}.pagination-buttons button.active{color:#fff;background:#2377c6;border-color:#3989d8}.pagination-buttons button:disabled{opacity:.35;cursor:not-allowed}.payments-empty-state{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:40px;display:flex}.empty-state-icon{color:#6fa7e8;background:#10263e;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:19px;font-weight:800;display:flex}.payments-empty-state h3{color:#dfe8f2;margin:0;font-size:16px}.payments-empty-state p{color:#6f87a1;max-width:390px;margin:7px 0 0;font-size:12px;line-height:1.5}.payments-empty-state>span{color:#738ba6;margin-top:13px;font-size:12px}.loading-spinner{border:3px solid #1d344c;border-top-color:#5798ed;border-radius:50%;width:27px;height:27px;margin-bottom:13px;animation:.8s linear infinite payments-spin}@keyframes payments-spin{to{transform:rotate(360deg)}}.refunds-panel{overflow:hidden}.refund-filter{color:#dce8f4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#071522;border:1px solid #29435e;border-radius:8px;outline:none;min-width:175px;height:40px;padding:0 12px;font-family:inherit;font-size:12px}.refund-list{flex-direction:column;display:flex}.refund-card{background:#0a1a2b;border-bottom:1px solid #172d43;padding:20px}.refund-card:last-child{border-bottom:0}.refund-card:hover{background:#0d2035}.refund-card-main{grid-template-columns:100px minmax(130px,1fr) minmax(110px,.7fr) minmax(140px,1fr) minmax(110px,.7fr) auto;align-items:center;gap:22px;display:grid}.refund-card-main>div{min-width:0}.refund-card-main>div>span:first-child{color:#7189a4;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.refund-card-main>div>strong{color:#e7eef6;font-size:12px;font-weight:700}.refund-card-id{flex-direction:column;gap:6px;display:flex}.refund-card-id span{color:#68819e;letter-spacing:1px;font-size:9px;font-weight:800}.refund-card-id strong{color:#c8d7e6;font-size:13px}.refund-card-meta{color:#607994;align-items:center;gap:25px;margin-top:18px;font-size:10px;display:flex}.refund-card-meta span{color:#718ba6}.refund-review-button{color:#9fc8ed;cursor:pointer;background:#102943;border:1px solid #315a7e;border-radius:7px;height:34px;padding:0 14px;font-size:11px;font-weight:800}.refund-review-button:hover{color:#fff;background:#173b60;border-color:#4780b3}.payment-modal-backdrop{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020810c7;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.payment-detail-modal{box-sizing:border-box;background:#0b1b2d;border:1px solid #2a4764;border-radius:16px;width:min(600px,100%);max-height:calc(100vh - 50px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 28px 80px #0000008c,inset 0 1px #ffffff06}.payment-modal-close{color:#8da4bd;cursor:pointer;background:#0c1d30;border:1px solid #29435d;border-radius:8px;width:34px;height:34px;font-size:20px;line-height:1;position:absolute;top:17px;right:18px}.payment-modal-close:hover{color:#fff;background:#152b43}.payment-modal-eyebrow{color:#70a4dd;letter-spacing:1.7px;margin-bottom:9px;font-size:10px;font-weight:800}.payment-detail-modal h2{color:#f2f6fb;letter-spacing:-.5px;margin:0 45px 22px 0;font-size:27px;font-weight:800}.payment-detail-status{margin-bottom:22px}.payment-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.payment-detail-grid>div{background:#081725;border:1px solid #1e374f;border-radius:9px;padding:14px}.payment-detail-grid span{color:#6f87a2;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.payment-detail-grid strong{color:#e7eef6;word-break:break-word;font-size:13px;font-weight:700;display:block}.payment-detail-modal>label{color:#94aac0;margin:21px 0 8px;font-size:12px;font-weight:700;display:block}.payment-detail-modal textarea{box-sizing:border-box;resize:vertical;color:#e9f0f7;background:#071522;border:1px solid #29445f;border-radius:9px;outline:none;width:100%;min-height:105px;padding:12px;font-family:inherit;font-size:12px}.payment-detail-modal textarea::placeholder{color:#5e7692}.payment-detail-modal textarea:focus{border-color:#4c84c9;box-shadow:0 0 0 3px #4c84c91a}.payment-modal-divider{background:#1c344b;height:1px;margin:22px 0}.payment-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.payment-mode-option{color:#dce7f2;text-align:left;cursor:pointer;background:#081725;border:1px solid #29435d;border-radius:9px;align-items:center;gap:11px;min-height:67px;padding:11px;display:flex}.payment-mode-option:hover{background:#0c1f32;border-color:#3a5f82}.payment-mode-option.active{background:#102c48;border-color:#3f82c7;box-shadow:inset 0 0 0 1px #4994e52e}.payment-mode-icon{color:#75aef0;background:#122b45;border-radius:8px;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;font-weight:800;display:flex}.payment-mode-option>span:last-child{flex-direction:column;gap:3px;display:flex}.payment-mode-option strong{color:#edf3f8;font-size:12px}.payment-mode-option small{color:#7088a3;font-size:9px}.payment-warning{background:#261c10;border:1px solid #61471f;border-radius:9px;flex-direction:column;gap:5px;margin-top:16px;padding:13px 14px;display:flex}.payment-warning strong{color:#efc06d;font-size:11px}.payment-warning span{color:#a5895d;font-size:10px;line-height:1.45}.modal-actions{justify-content:flex-end;align-items:center;gap:9px;margin-top:22px;display:flex}.cancel-button,.reject-button,.approve-button{cursor:pointer;border-radius:8px;min-height:40px;padding:0 16px;font-family:inherit;font-size:11px;font-weight:800}.cancel-button{color:#9bb0c5;background:#0b1c2e;border:1px solid #29425c}.cancel-button:hover{color:#fff;background:#132941}.reject-button{color:#f09aa6;background:#2b171d;border:1px solid #693741}.reject-button:hover{background:#401d26}.approve-button{color:#fff;background:#1765a7;border:1px solid #3275b2;box-shadow:0 4px 14px #1665a72e}.approve-button:hover{background:#2178bd}.cancel-button:disabled,.reject-button:disabled,.approve-button:disabled{opacity:.5;cursor:not-allowed}.payments-page ::-webkit-scrollbar{width:7px;height:7px}.payments-page ::-webkit-scrollbar-track{background:#071320}.payments-page ::-webkit-scrollbar-thumb{background:#263d56;border-radius:10px}.payments-page ::-webkit-scrollbar-thumb:hover{background:#385875}@media (width<=1400px){.payments-page{padding:42px 42px 60px}.payments-page-header h1{font-size:47px}.payments-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payments-analytics-grid{grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr)}}@media (width<=1100px){.payments-page{padding:35px 30px 55px}.payments-page-header{flex-direction:column;align-items:flex-start}.payments-header-actions{width:100%}.payments-date-pill{flex:1}.payments-analytics-grid{grid-template-columns:1fr}.payments-filter-bar{flex-direction:column;align-items:stretch}.payments-filter-left{width:fit-content}.payments-custom-range{flex-wrap:wrap}.refund-card-main{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.payments-page{padding:28px 18px 45px}.payments-page-header h1{font-size:38px}.payments-page-header p{font-size:14px}.payments-header-actions{flex-direction:column;align-items:stretch}.payments-date-pill,.payments-refresh-button{justify-content:center;width:100%}.payments-summary-grid{grid-template-columns:1fr}.payments-filter-left{width:100%;overflow-x:auto}.payments-filter-button{flex:1;min-width:90px;padding:0 10px}.payments-custom-range{width:100%}.payments-custom-range label{flex:1}.payments-custom-range input,.payments-custom-range>button{width:100%}.payments-panel-header{flex-direction:column}.chart-period-tabs{width:100%}.chart-period-tabs button{flex:1}.payment-donut-wrap{flex-direction:column;padding-bottom:28px}.payment-method-list{width:100%}.transactions-header{flex-direction:column;align-items:stretch}.transactions-tools{width:100%}.transactions-search{flex:1;width:auto}.export-button{flex:none}.payments-pagination{flex-direction:column;align-items:flex-start;padding-top:15px;padding-bottom:15px}.payment-detail-grid,.payment-mode-options{grid-template-columns:1fr}.refund-card-main{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.payments-page{padding:23px 13px 35px}.payments-page-header h1{font-size:32px}.payments-summary-card{min-height:110px;padding:16px}.summary-card-icon{flex-basis:46px;width:46px;height:46px}.summary-card-content strong{font-size:20px}.transactions-tools{flex-direction:column}.transactions-search,.export-button,.payments-main-tabs{width:100%}.payments-main-tabs button{flex:1;min-width:0}.payment-detail-modal{padding:23px 18px}.modal-actions{flex-wrap:wrap}.cancel-button,.reject-button,.approve-button{flex:1}.refund-card-main{grid-template-columns:1fr}}.dashboard-page{box-sizing:border-box;color:#f8fafc;background:radial-gradient(circle at 85% 0,#2563eb14,#0000 32%),#07111f;width:100%;min-height:100vh;padding:34px 38px 28px}.dashboard-page *,.dashboard-page :before,.dashboard-page :after{box-sizing:border-box}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.dashboard-header>div:first-child{min-width:0}.dashboard-header .eyebrow,.dashboard-header .panel-eyebrow{color:#7890ad}.dashboard-header h1{color:#f8fafc;letter-spacing:-.8px;margin:5px 0 8px;font-size:clamp(28px,2.3vw,40px);font-weight:750;line-height:1.12}.dashboard-header p{color:#8da1b9;margin:0;font-size:15px}.dashboard-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.date-control{color:#dce6f2;background:#0d192a;border:1px solid #263951;border-radius:12px;align-items:center;gap:8px;min-height:54px;padding:0 16px;display:flex;box-shadow:0 10px 30px #00000029}.date-control span{color:#e5edf7}.date-control strong{color:#647b98;font-weight:600}.command-button,.primary-button{color:#f8fafc;min-height:54px;font:inherit;cursor:pointer;background:#111c30;border:1px solid #31445f;border-radius:12px;padding:0 22px;font-weight:700;transition:transform .18s,border-color .18s,background .18s}.command-button:hover,.primary-button:hover{background:#16253d;border-color:#41638d;transform:translateY(-1px)}.primary-button{background:#111827;border-color:#31445f}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.kpi-card{background:linear-gradient(145deg,#0e1a2b 0%,#0b1626 100%);border:1px solid #1e3047;border-radius:18px;min-height:178px;padding:25px 25px 22px;position:relative;overflow:hidden;box-shadow:0 18px 38px #00000038,inset 0 1px #ffffff06}.kpi-card:after{content:"";pointer-events:none;background:#3b82f612;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-42px;right:-35px}.kpi-card.completed:after{background:#22c55e12}.kpi-card.progress:after{background:#f9731614}.kpi-card.unassigned:after{background:#ef444412}.kpi-card.revenue:after{background:#8b5cf614}.kpi-icon{color:#60a5fa;background:#13243b;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.kpi-card.completed .kpi-icon{color:#4ade80;background:#10291f}.kpi-card.progress .kpi-icon{color:#fb923c;background:#2a2014}.kpi-card.unassigned .kpi-icon{color:#f87171;background:#2a171a}.kpi-card.revenue .kpi-icon{color:#a78bfa;background:#211a38}.kpi-content{z-index:1;position:relative}.kpi-content h3{color:#8fa3bc;margin:0 0 7px;font-size:14px;font-weight:600}.kpi-content .kpi-value{color:#f8fafc;letter-spacing:-.5px;margin:0;font-size:29px;font-weight:750;line-height:1.1}.kpi-content .kpi-subtitle,.kpi-content p{color:#657b97;margin:10px 0 0;font-size:12px}.dashboard-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.95fr);gap:20px;margin-bottom:20px;display:grid}.dashboard-panel,.live-panel,.alerts-panel{background:#0b1727;border:1px solid #1e3047;border-radius:18px;min-width:0;box-shadow:0 18px 38px #0000002e,inset 0 1px #ffffff05}.dashboard-panel{padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-heading h2,.panel-heading h3{color:#f1f5f9;margin:0;font-size:16px;font-weight:700}.panel-eyebrow{color:#607894;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:700}.view-link{color:#6ea8ff;font-size:12px;font-weight:650;text-decoration:none}.view-link:hover{color:#9ac3ff}.live-panel{overflow:hidden}.panel-tabs{border-bottom:1px solid #1c2d43;align-items:center;gap:4px;padding:14px 18px 0;display:flex}.panel-tabs button{color:#687e99;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px 12px;font-size:12px}.panel-tabs button.active,.panel-tabs button[aria-selected=true]{color:#e6edf7;border-bottom-color:#4f8cff}.map-placeholder{background-color:#081522;background-image:linear-gradient(#1b304873 1px,#0000 1px),linear-gradient(90deg,#1b304873 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:300px;position:relative;overflow:hidden}.map-grid{background:linear-gradient(125deg,#0000 0 47%,#4866852e 47.2% 48%,#0000 48.2%),linear-gradient(35deg,#0000 0 52%,#48668526 52.2% 53%,#0000 53.2%);position:absolute;inset:0}.map-center-message{color:#8ca1ba;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081522e0;border:1px solid #263c57;border-radius:12px;padding:13px 17px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-pulse{background:#4f8cff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 0 7px #4f8cff21,0 0 25px #4f8cff73}.map-control{color:#c5d2e2;background:#081522e6;border:1px solid #263c57;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.operations-chart{min-height:260px;padding:18px 20px 20px}.operations-chart .chart-bars,.operations-chart .bars{min-height:190px}.donut{background:conic-gradient(#4f8cff 0deg 125deg,#4ade80 125deg 185deg,#fb923c 185deg 245deg,#f87171 245deg 285deg,#a78bfa 285deg 360deg);border-radius:50%;width:170px;height:170px;margin:12px auto 18px;position:relative}.donut:after{content:"";background:#0b1727;border-radius:50%;position:absolute;inset:28px}.legend{gap:9px;display:grid}.legend-item{color:#8ca0b8;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.legend-item strong{color:#e7edf5}.dot{background:#4f8cff;border-radius:50%;flex:none;width:8px;height:8px}.dot.green{background:#4ade80}.dot.orange{background:#fb923c}.dot.red{background:#f87171}.dot.purple{background:#a78bfa}.status-list{gap:11px;display:grid}.status-list>div,.status-row{color:#879bb4;justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex}.status-list strong,.status-row strong{color:#edf2f8}.alerts-panel{padding:22px}.empty-panel{text-align:center;place-items:center;min-height:180px;padding:30px;display:grid}.empty-icon{color:#6f89a7;background:#102036;border:1px solid #253b55;border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 12px;display:grid}.empty-panel h3{color:#dce5f0;margin:0 0 5px;font-size:14px}.empty-panel p{color:#627994;margin:0;font-size:12px}.secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.table-wrapper{width:100%;overflow-x:auto}.table-wrapper table{border-collapse:collapse;width:100%;min-width:620px}.table-wrapper th{color:#647b97;text-align:left;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #203249;padding:11px 12px;font-size:10px;font-weight:700}.table-wrapper td{color:#aebdd0;border-bottom:1px solid #17283d;padding:13px 12px;font-size:12px}.table-wrapper tbody tr:hover{background:#4f8cff09}.table-wrapper td strong{color:#edf2f7}.table-empty{color:#627994;text-align:center;padding:34px 15px;font-size:12px}.leaderboard{gap:8px;display:grid}.leader-row{border:1px solid #0000;border-radius:11px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;display:grid}.leader-row:hover{background:#0e1d31;border-color:#1d314a}.leader-rank{color:#627a97;text-align:center;font-size:11px;font-weight:700}.leader-name{color:#e4ebf3;min-width:0;font-size:12px;font-weight:650}.leader-meta{color:#617995;margin-top:3px;font-size:10px}.leader-value{color:#8eb9ff;font-size:12px;font-weight:700}.leader-empty{color:#617995;text-align:center;padding:28px 10px;font-size:12px}.revenue-summary{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.revenue-summary .amount{color:#f4f7fb;letter-spacing:-.6px;font-size:28px;font-weight:750}.revenue-summary .label{color:#647b97;margin-top:5px;font-size:11px}.revenue-chart{background:linear-gradient(#4c688712 1px,#0000 1px) 0 0/100% 25%;border-top:1px solid #172a40;align-items:flex-end;gap:10px;min-height:190px;padding:20px 8px 4px;display:flex;position:relative}.revenue-chart .bar{min-width:8px;height:var(--bar-height,20%);opacity:.9;background:linear-gradient(#5b96ff,#326bd0);border-radius:6px 6px 2px 2px;flex:1;transition:height .35s,opacity .2s}.revenue-chart .bar:hover{opacity:1}.revenue-empty{color:#617995;place-items:center;width:100%;min-height:150px;font-size:12px;display:grid}.service-list{gap:7px;display:grid}.service-row{border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px;display:grid}.service-row:hover{background:#0e1d31}.service-icon{color:#72a5ff;background:#12243a;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.service-name{color:#dfe8f2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.service-meta{color:#607793;margin-top:3px;font-size:10px}.service-value{color:#c5d2e1;font-size:11px;font-weight:700}.service-empty{color:#617995;text-align:center;padding:25px 10px;font-size:12px}.quick-actions{background:#0b1727;border:1px solid #1e3047;border-radius:18px;margin-bottom:20px;padding:22px}.quick-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.quick-action-grid button,.quick-action-grid a{color:#cbd7e5;min-height:58px;font:inherit;cursor:pointer;background:#0e1b2d;border:1px solid #213650;border-radius:12px;align-items:center;gap:11px;padding:0 15px;font-size:12px;font-weight:650;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:flex}.quick-action-grid button:hover,.quick-action-grid a:hover{background:#13253c;border-color:#36557a;transform:translateY(-1px)}.dashboard-footer{color:#536b87;justify-content:space-between;align-items:center;gap:15px;padding:6px 2px 0;font-size:10px;display:flex}.page-state{color:#7188a3;background:#0b1727;border:1px solid #1e3047;border-radius:18px;place-items:center;min-height:300px;display:grid}.loading-spinner{border:2px solid #263b55;border-top-color:#5b96ff;border-radius:50%;width:28px;height:28px;margin:0 auto 12px;animation:.8s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.status-badge{color:#9fb1c6;background:#102036;border:1px solid #263b55;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.status-badge.completed,.status-badge.success{color:#63df91;background:#10291f;border-color:#1c4a34}.status-badge.pending{color:#f0c766;background:#2a2415;border-color:#51431f}.status-badge.in-progress,.status-badge.assigned{color:#9baeff;background:#202033;border-color:#3b4260}.status-badge.cancelled,.status-badge.failed{color:#f4878e;background:#2a171a;border-color:#51272c}@media (width<=1350px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.secondary-grid,.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1050px){.dashboard-page{padding:28px 24px}.dashboard-main-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header-actions{width:100%}.date-control{flex:1}}@media (width<=680px){.dashboard-page{padding:20px 15px}.kpi-grid,.secondary-grid,.quick-action-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:28px}.dashboard-header-actions{flex-direction:column;align-items:stretch}.date-control,.command-button,.primary-button{width:100%}.dashboard-panel,.alerts-panel,.quick-actions{border-radius:14px;padding:16px}.kpi-card{min-height:155px;padding:20px}.map-placeholder{min-height:240px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboard-panel .operations-chart{box-sizing:border-box;justify-content:center;align-items:center;gap:34px;width:100%;min-height:310px;padding:30px 28px 34px;display:flex}.dashboard-panel .operations-chart .donut{background:conic-gradient(#27ce88 0 var(--completed), #ff9f3f var(--completed) var(--in-progress), #4d8dff var(--in-progress) var(--assigned), #ff6b6b var(--assigned) var(--unassigned), #182a40 var(--unassigned) 100%);box-sizing:border-box;border-radius:50%;flex:0 0 150px;justify-content:center;align-items:center;min-width:150px;min-height:150px;display:flex;position:relative;box-shadow:0 8px 28px #0000003d;width:150px!important;height:150px!important}.dashboard-panel .operations-chart .donut:after{content:"";z-index:1;background:#0b1828;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff06;width:94px!important;height:94px!important}.dashboard-panel .operations-chart .donut>div{z-index:5;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:94px;height:94px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-panel .operations-chart .donut>div strong{color:#f5f8fc;letter-spacing:-.5px;margin:0;font-size:25px;font-weight:750;line-height:1;display:block}.dashboard-panel .operations-chart .donut>div span{color:#7890aa;margin-top:8px;font-size:11px;font-weight:500;line-height:1;display:block}.dashboard-panel .operations-chart .legend{flex-direction:column;justify-content:center;gap:25px;width:155px;min-width:155px;margin:0;padding:0;display:flex}.dashboard-panel .operations-chart .legend>div{grid-template-columns:10px minmax(0,1fr) 24px;align-items:center;column-gap:12px;width:100%;min-height:20px;margin:0;padding:0;display:grid}.dashboard-panel .operations-chart .legend .dot{border-radius:50%;flex:0 0 10px;min-width:10px;min-height:10px;margin:0;display:block;width:10px!important;height:10px!important}.dashboard-panel .operations-chart .legend .green-dot{background:#48dc82!important}.dashboard-panel .operations-chart .legend .orange-dot{background:#ff9b3d!important}.dashboard-panel .operations-chart .legend .blue-dot{background:#4f8cff!important}.dashboard-panel .operations-chart .legend .red-dot{background:#f87171!important}.dashboard-panel .operations-chart .legend>div>span:not(.dot){color:#91a6bf;white-space:nowrap;min-width:0;margin:0;font-size:12px;font-weight:500;line-height:1.2}.dashboard-panel .operations-chart .legend>div>strong{color:#f1f5f9;text-align:right;width:24px;min-width:24px;margin:0;font-size:13px;font-weight:700;line-height:1}.dashboard-panel:has(.operations-chart) .panel-heading{margin-bottom:0}@media (width>=1200px){.dashboard-panel .operations-chart{gap:34px;min-height:310px;padding-left:24px;padding-right:24px}.dashboard-panel .operations-chart .donut{flex-basis:150px;width:150px!important;height:150px!important}.dashboard-panel .operations-chart .legend{gap:25px;width:155px;min-width:155px}}@media (width<=1199px){.dashboard-panel .operations-chart{gap:25px;padding-left:18px;padding-right:18px}.dashboard-panel .operations-chart .donut{flex-basis:140px;min-width:140px;min-height:140px;width:140px!important;height:140px!important}.dashboard-panel .operations-chart .donut:after{width:88px!important;height:88px!important}.dashboard-panel .operations-chart .donut>div{width:88px;height:88px}.dashboard-panel .operations-chart .legend{gap:22px;width:145px;min-width:145px}}@media (width<=650px){.dashboard-panel .operations-chart{flex-direction:column;gap:25px;min-height:auto;padding:25px 18px 30px}.dashboard-panel .operations-chart .legend{gap:18px;width:100%;min-width:0}}.notification-preview{flex-direction:column;gap:0;width:100%;display:flex}.notification-preview-item{box-sizing:border-box;border-bottom:1px solid #ffffff14;align-items:flex-start;gap:14px;width:100%;min-width:0;padding:16px 0;display:flex}.notification-preview-item:last-child{border-bottom:none}.notification-preview-icon{color:#6ea8ff;box-sizing:border-box;background:#4d8dff1f;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;line-height:1;display:flex}.notification-preview-item.unread .notification-preview-icon{color:#ffb15c;background:#ff9f3f24}.notification-preview-content{flex-direction:column;flex:auto;align-items:flex-start;gap:5px;min-width:0;display:flex;overflow:hidden}.notification-preview-content strong{color:#fff;white-space:normal;overflow-wrap:anywhere;width:100%;margin:0;font-size:14px;font-weight:700;line-height:1.35;display:block}.notification-preview-content span{color:#aebed2;white-space:normal;overflow-wrap:anywhere;width:100%;margin:0;font-size:13px;font-weight:400;line-height:1.45;display:block}.notification-preview-content small{color:#6f849e;white-space:normal;width:100%;margin:2px 0 0;font-size:11px;font-weight:500;line-height:1.3;display:block}.notification-preview-item.unread{background:#ffffff04}.notification-preview-item.unread .notification-preview-icon{font-size:8px}.notification-unread-summary{color:#6ea8ff;border-top:1px solid #ffffff14;margin-top:10px;padding-top:12px;font-size:12px;font-weight:600;line-height:1.4}.create-booking-header-button{color:#f2f6fc;white-space:nowrap;cursor:pointer;height:42px;box-shadow:none;background:#142943;border:1px solid #4d8dff59;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:650;line-height:1;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.create-booking-header-button:hover{background:#1a3555;border-color:#4d8dffa6;transform:translateY(-1px)}.create-booking-header-button:active{background:#12253d;transform:translateY(0)}.create-booking-header-button:focus{outline:none}.create-booking-header-button:focus-visible{outline-offset:2px;outline:2px solid #4d8dff73}.sidebar{flex-direction:column;height:100vh;display:flex;overflow:hidden}.sidebar-brand{flex-shrink:0}.sidebar-nav{scroll-behavior:smooth;scrollbar-width:thin;flex:1;min-height:0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{cursor:pointer}.support-agent-status{white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.support-agent-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.support-agent-teams{opacity:.65;margin-top:5px;font-size:12px;line-height:1.4}.support-agent-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.support-agent-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.support-agent-modal{border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.support-team-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.support-team-button{cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,transform .15s}.support-team-button:hover{transform:translateY(-1px)}.support-team-button.selected{border-color:#ffffff47}.support-sos-option{cursor:pointer;align-items:center;gap:10px;margin-top:10px;font-size:13px;display:flex}.support-sos-option input{cursor:pointer;width:16px;height:16px;margin:0}.support-agent-help{opacity:.6;margin-top:7px;font-size:12px;line-height:1.5;display:block}@media (width<=900px){.support-agent-actions{flex-direction:column;align-items:flex-start}.support-agent-modal-overlay{padding:12px}.support-agent-modal{max-height:94vh}}