:root{color-scheme:light;font-family:Segoe UI,Arial,sans-serif;color:#17243d;background:#f4f7fb;--surface: #ffffff;--surface-alt: #f7f9fc;--border: #e4e9f2;--border-strong: #ccd5e3;--text-muted: #66738a;--brand: #0a2558;--brand-strong: #1f67d2;--accent: #2768d8;--danger: #a23a35;--success: #207b55;--focus: #216fb5;--shadow-sm: 0 8px 24px rgb(20 45 82 / 7%);--shadow-md: 0 16px 42px rgb(20 45 82 / 10%);scrollbar-color:#7895b9 transparent;scrollbar-width:thin}*{box-sizing:border-box;scrollbar-color:#7895b9 transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{min-height:42px;background:linear-gradient(180deg,#91a9c6,#6f8eb4);background-clip:padding-box;border:3px solid transparent;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6f91bb,#4c729f);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-button{display:none;width:0;height:0}html,body,app-root{display:block;width:100%;max-width:100%;min-width:0;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip;background:radial-gradient(circle at 86% 8%,rgb(39 104 216 / 7%),transparent 28rem),#f4f7fb}button,input,select,textarea{font:inherit}a{color:#1d5fbd}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:30px;line-height:1.2}h2{margin-bottom:0;font-size:17px}input,select,textarea{min-height:38px;width:100%;padding:7px 10px;color:#17243d;background:#fff;border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 1px 2px #13264608;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:hover,select:hover,textarea:hover{border-color:#aebdd1}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input[type=datetime-local]{min-width:0;font-variant-numeric:tabular-nums}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:64px;padding:0 24px;color:#fff;background:var(--brand);border-bottom:4px solid var(--accent)}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap}.brand__mark{width:16px;height:16px;border-radius:4px;background:#f1bd55}.primary-nav{display:flex;align-items:center;gap:3px;overflow-x:auto;scrollbar-width:thin}.primary-nav a{flex:0 0 auto;color:#eef8f6;padding:8px 10px;font-size:14px;text-decoration:none;border-radius:6px}.primary-nav a:hover,.primary-nav a.active{background:#ffffff29}.account{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px}.account span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{width:100%;max-width:1528px;margin:28px auto 48px;padding:0 24px;overflow:visible}.app-main>*{min-width:0;max-width:100%}.login-page{display:grid;min-height:100vh;padding:24px;place-items:center;background:radial-gradient(circle at 12% 14%,rgb(41 119 222 / 20%),transparent 25rem),linear-gradient(140deg,#071b42,#0b3267 58%,#145c96)}.login-panel{width:min(420px,100%);padding:32px;background:var(--surface);border:1px solid rgb(255 255 255 / 55%);border-radius:22px;box-shadow:0 24px 70px #020f274d}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-brand>span:last-child{display:grid;gap:1px}.login-brand strong{color:#0a2558;font-size:18px;letter-spacing:.03em;text-transform:uppercase}.login-brand small,.login-intro p{color:var(--text-muted)}.login-brand__mark{position:relative;width:38px;height:38px;background:radial-gradient(circle,#2f91ed 1.5px,transparent 2px);background-size:7px 7px;border-radius:10px}.login-brand__mark i{position:absolute;inset:10px;background:#0a2558;border-radius:50%;box-shadow:0 0 0 5px #1f67d22b}.login-intro{margin-bottom:22px}.login-intro p{margin:8px 0 0;line-height:1.55}.login-form{gap:16px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-width:0;margin-bottom:20px;padding:22px 24px;overflow:hidden;background:linear-gradient(120deg,#fffffffa,#f4f9fff5),var(--surface);border:1px solid #dce6f3;border-radius:18px;box-shadow:var(--shadow-sm)}.page-heading>div:first-child{min-width:0}.eyebrow{display:block;margin-bottom:5px;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase}.subtle-link{display:inline-block;margin-bottom:5px;color:var(--text-muted);font-size:13px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;color:#fff;font-weight:700;text-decoration:none;background:linear-gradient(135deg,#286fd7,#1b5fc3);border:1px solid #1f63c7;border-radius:10px;box-shadow:0 5px 14px #1f67d233;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.button:hover:not(:disabled){background:linear-gradient(135deg,#347ce4,#1657b3);transform:translateY(-1px);box-shadow:0 9px 20px #1f52a53b}.button--secondary{color:#174f9d;background:#e8f1ff;border-color:#c3d8f6}.button--ghost{color:#235ca8;background:#fff;border-color:#b9cbe3;box-shadow:none}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){color:#164e99;background:#eef5ff;border-color:#86ace0}.button--danger{color:#fff;background:var(--danger);border-color:var(--danger)}.button--danger:hover:not(:disabled){background:#8f2f2b;border-color:#8f2f2b}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;min-width:0;margin-bottom:18px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #dce5f1;border-top:3px solid #4e8ce0;border-radius:15px;box-shadow:var(--shadow-sm)}.filters--inside{margin-bottom:0;padding:16px;border:0;border-top:0;border-radius:0;box-shadow:none}.report-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch;padding:0;overflow:hidden}.filter-section{display:grid;gap:14px;min-width:0;padding:17px 20px 19px}.filter-section+.filter-section{background:#f8fbff;border-top:1px solid #dfe7f2}.filter-section__heading{display:flex;align-items:baseline;gap:10px}.filter-section__heading .panel-kicker{margin:0}.filter-section__heading small{color:var(--text-muted);font-size:12px}.report-filter-scope{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;min-width:0}.report-filter-details{display:grid;grid-template-columns:minmax(430px,2fr) repeat(auto-fit,minmax(145px,1fr));gap:12px;align-items:end;min-width:0}.date-range{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:12px;min-width:0}.date-range label{min-width:0}.report-filter-apply{width:100%}.filters label,.form-grid label{display:grid;min-width:0;gap:5px;color:var(--text-muted);font-size:13px;font-weight:700}.form-grid{display:grid;gap:12px}.agent-profile-form{grid-template-columns:repeat(2,minmax(220px,1fr));padding:16px}.agent-profile-form>div{display:grid;align-content:start;gap:5px}.agent-profile-form>button{justify-self:start}.policy-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;padding:16px}.schedule-grid{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:1px;max-width:100%;overflow:auto;overscroll-behavior-inline:contain;background:var(--border);scrollbar-gutter:stable}.schedule-day{display:grid;gap:9px;min-width:150px;padding:14px;background:var(--surface)}.schedule-day>label:not(.checkbox-label){display:grid;gap:4px;color:var(--text-muted);font-size:12px}.leave-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:16px;background:#fbfcfe;border-bottom:1px solid var(--border)}.leave-form label,.compact-form>label:not(.checkbox-label){display:grid;gap:5px;color:var(--text-muted);font-size:12px;font-weight:700}.form-label{color:var(--text-muted);font-size:13px;font-weight:700}.checkbox-label{display:inline-flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:#172026!important;font-weight:500!important}.checkbox-label input{min-height:auto;width:auto}.checkbox-card{min-height:56px;padding:10px 12px;background:#f5f8fd;border:1px solid #dce5f1;border-radius:11px}.checkbox-card>span{display:grid;gap:2px}.checkbox-card small{color:var(--text-muted);font-size:11px;font-weight:500}.role-fieldset{display:flex;flex-wrap:wrap;gap:10px;padding:12px;background:#f8faff;border:1px solid #dce5f1;border-radius:11px}.role-fieldset legend{color:var(--text-muted);font-size:13px;font-weight:700}.role-choice{min-height:34px;padding:6px 10px;background:#fff;border:1px solid #d9e2ee;border-radius:999px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric,.panel{min-width:0;background:var(--surface);border:1px solid #dfe7f2;border-radius:16px;box-shadow:var(--shadow-sm)}.metric{position:relative;min-height:92px;padding:18px;overflow:hidden;background:linear-gradient(145deg,#fff 55%,#eef5ff);border-top:3px solid #4a89de;transition:transform .16s ease,box-shadow .16s ease}.metric:after{position:absolute;right:-22px;bottom:-30px;width:82px;height:82px;content:"";background:#2768d814;border-radius:50%}.metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric span{display:block;margin-bottom:11px;color:var(--text-muted);font-size:13px;font-weight:700}.metric strong{font-size:26px;line-height:1.1}.dashboard-grid,.detail-grid,.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-grid--users{grid-template-columns:minmax(340px,460px) minmax(0,1fr);align-items:start}.admin-form{gap:16px;padding:20px}.admin-form>.button{width:100%}.user-list{display:grid;gap:12px;padding:16px}.user-card{display:grid;gap:14px;min-width:0;padding:16px;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dfe8f4;border-radius:14px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.user-card:hover{border-color:#bfd1e8;box-shadow:0 12px 26px #17417b17;transform:translateY(-1px)}.user-card__identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.user-avatar{display:grid;width:42px;height:42px;color:#164f9c;font-size:13px;font-weight:800;background:linear-gradient(145deg,#dcebff,#c9dffc);border:1px solid #b7d0f1;border-radius:12px;place-items:center}.user-card__name{display:grid;gap:2px;min-width:0}.user-card__name strong,.user-card__name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card__name small{color:var(--text-muted);font-size:12px}.user-card__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.user-card__details div{min-width:0;padding:10px 12px;background:#f3f7fc;border-radius:10px}.user-card__details dt{margin-bottom:4px;color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.user-card__details dd{margin:0;overflow-wrap:anywhere;font-size:13px}.user-card__actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.change-count{padding:6px 10px;color:#185bab;font-size:11px;font-weight:800;background:#e7f1ff;border-radius:999px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.setting-card{display:grid;align-content:start;gap:14px;min-width:0;padding:16px;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dfe8f4;border-radius:14px}.setting-category{color:#2262ba;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.setting-key{padding:0;color:#6d7a90;font-size:10px;font-weight:500;background:transparent;border:0}.setting-description{min-height:42px;margin:0;color:#43516a;font-size:13px;line-height:1.55}.setting-guidance{display:grid;gap:4px;padding:11px 12px;color:#52617a;font-size:12px;line-height:1.45;background:#edf4fd;border-left:3px solid #4f87d5;border-radius:0 9px 9px 0}.setting-guidance strong{color:#285992;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.setting-card__control>span small{font-weight:600;text-transform:none}.setting-hint{color:#778399;font-size:10px;font-weight:500;line-height:1.4;text-transform:none}.setting-card--readonly{background:#f7f9fc}.setting-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.setting-card__copy{display:grid;gap:5px;min-width:0}.setting-card__copy strong{overflow-wrap:anywhere;color:#142641;font-size:14px}.setting-card__copy small,.setting-card__footer small{color:var(--text-muted);line-height:1.4}.type-badge{flex:0 0 auto;padding:5px 8px;color:#315a8e;font-size:10px;font-weight:800;text-transform:uppercase;background:#eaf2fc;border-radius:999px}.setting-card__control{display:grid;gap:6px;color:var(--text-muted);font-size:11px;font-weight:800;text-transform:uppercase}.setting-card__control code{min-height:40px;padding:10px 11px;color:#526076;text-transform:none;background:#edf1f6;border:1px solid #dbe2eb;border-radius:10px}.setting-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;color:#315a8e;font-size:11px;font-weight:700;border-top:1px solid #e5ebf3}.dashboard-grid>*,.detail-grid>*,.admin-grid>*,.organization-grid>*{min-width:0}.panel{overflow:hidden}.panel--wide{grid-column:1 / -1}.panel--narrow{width:min(560px,100%);margin:60px auto;padding:24px}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:60px;padding:12px 16px;background:linear-gradient(180deg,#fff,#f8fbff);border-bottom:1px solid var(--border)}.panel__header a{font-size:13px;font-weight:700}.data-table,.list-table{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.data-table::-webkit-scrollbar,.list-table::-webkit-scrollbar,.schedule-grid::-webkit-scrollbar,.management-list::-webkit-scrollbar{width:8px;height:8px}.data-table::-webkit-scrollbar-track,.list-table::-webkit-scrollbar-track,.schedule-grid::-webkit-scrollbar-track,.management-list::-webkit-scrollbar-track{margin:3px;background:#edf2f8}.data-table::-webkit-scrollbar-thumb,.list-table::-webkit-scrollbar-thumb,.schedule-grid::-webkit-scrollbar-thumb,.management-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#4e87cb,#2768d8);border-color:#edf2f8}.data-table__row,.list-table__row{display:grid;gap:12px;align-items:center;min-width:760px;padding:12px 14px;border-bottom:1px solid #e8efed}.data-table__row>span,.list-table__row>span{min-width:0;overflow-wrap:anywhere;line-height:1.4}.data-table__row{grid-template-columns:repeat(var(--column-count, 5),minmax(130px,1fr))}.data-table--agents .data-table__row{grid-template-columns:minmax(150px,1fr) minmax(210px,1.4fr) minmax(160px,1fr) minmax(180px,1.2fr) minmax(130px,.9fr) minmax(190px,1.2fr) minmax(150px,.9fr) minmax(110px,.7fr);min-width:1420px}.data-table--users .data-table__row{grid-template-columns:minmax(210px,1.4fr) minmax(170px,1fr) minmax(100px,.7fr) minmax(150px,1fr) minmax(180px,1fr)}.data-table--settings .data-table__row{grid-template-columns:minmax(260px,1.8fr) minmax(220px,1.2fr) minmax(100px,.6fr) minmax(90px,.5fr) minmax(150px,.8fr)}.report-table--usage .data-table__row{grid-template-columns:minmax(145px,.9fr) minmax(165px,1fr) minmax(190px,1.2fr) minmax(180px,1.15fr) minmax(90px,.6fr) minmax(74px,.45fr) minmax(155px,.9fr) minmax(155px,.9fr);min-width:1240px}.report-table--daily .data-table__row{grid-template-columns:minmax(145px,1fr) minmax(165px,1.1fr) minmax(115px,.75fr) minmax(155px,1fr) minmax(155px,1fr) minmax(90px,.55fr) minmax(110px,.7fr) minmax(100px,.65fr);min-width:1080px}.report-table .data-table__row:not(.data-table__row--header)>span{color:#2d3b55}.list-table__row{grid-template-columns:repeat(4,minmax(140px,1fr))}.list-table--compact .list-table__row{grid-template-columns:repeat(3,minmax(120px,1fr));min-width:500px}.data-table__row--header,.list-table__row--header{position:sticky;top:0;z-index:2;color:var(--text-muted);font-size:12px;font-weight:800;text-transform:uppercase;background:#f2f6fb;box-shadow:inset 0 -1px #dce5ef}.data-table__row:last-child,.list-table__row:last-child{border-bottom:0}.data-table__row--link{color:inherit;text-decoration:none}.data-table__row--link:hover{background:#f1f7ff}.data-table__row:not(.data-table__row--header):hover,.list-table__row:not(.list-table__row--header):hover{background:#f6faff}.data-table small,.timeline small,.definition-list small{display:block;margin-top:3px;color:var(--text-muted);font-size:12px;overflow-wrap:anywhere}.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;color:#6c3f07;font-size:12px;font-weight:800;background:#fff0d4;border-radius:999px}.status-pill:before{width:7px;height:7px;margin-right:6px;content:"";background:currentColor;border-radius:50%;opacity:.75}.status-pill--online{color:#14583d;background:#dff4e9}.agent-card__statuses,.agent-status-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.work-status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;color:#18558d;font-size:12px;font-weight:800;background:#e3f0ff;border:1px solid #c9def7;border-radius:999px}.work-status-pill:before{width:7px;height:7px;margin-right:6px;content:"";background:currentColor;border-radius:50%;opacity:.75}.work-status-pill[data-status=Break]{color:#855400;background:#fff1ca;border-color:#f2d98e}.work-status-pill[data-status=Lunch]{color:#68409c;background:#f0e7ff;border-color:#dcc9fa}.work-status-pill[data-status=EndOfShift]{color:#56657b;background:#ebeff4;border-color:#d4dbe4}.definition-list,.mini-definition-list{display:grid;gap:10px;margin:0;padding:16px}.definition-list div,.mini-definition-list div{display:grid;gap:3px;min-width:0;padding:11px 12px;background:#f8fbff;border:1px solid #e4ebf4;border-radius:11px}.definition-list dt,.mini-definition-list dt{color:var(--text-muted);font-size:12px;font-weight:800;text-transform:uppercase}.definition-list dd,.mini-definition-list dd{margin:0;overflow-wrap:anywhere}.mini-definition-list{grid-template-columns:repeat(4,minmax(0,1fr))}.timeline{display:grid;gap:10px;padding:14px}.timeline-item{position:relative;display:grid;gap:5px;padding:14px 14px 14px 18px;overflow:hidden;background:linear-gradient(120deg,#fbfdff,#f6faff);border:1px solid #dfe8f3;border-radius:12px}.timeline-item:before{position:absolute;inset:0 auto 0 0;width:4px;content:"";background:linear-gradient(#2879dc,#225eb5)}.timeline-item--screenshot{gap:10px}.screenshot-actions{align-items:center}.screenshot-preview{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px}.screenshot-preview__backdrop{position:absolute;inset:0;background:#0b1c1eb8}.screenshot-preview__panel{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);max-height:min(860px,calc(100vh - 48px));overflow:hidden;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 20px 70px #00000047}.screenshot-preview__header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:12px 14px;border-bottom:1px solid var(--border)}.screenshot-preview__header span{display:block;margin-top:4px;color:var(--text-muted);font-size:13px}.screenshot-preview__body{min-height:240px;overflow:auto;padding:14px;background:#10191b}.screenshot-preview__body img{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff}.pager{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.pager button{min-height:32px;padding:0 10px;color:#1c569f;background:#fff;border:1px solid var(--border-strong);border-radius:9px;transition:background .15s ease,border-color .15s ease}.pager button:hover:not(:disabled){background:#eef5ff;border-color:#9fb6d3}.error-banner,.success-banner,.empty-state{margin:0;padding:12px 14px;border-radius:11px}.error-banner{margin-bottom:14px;color:#641f1a;background:#fde9e7;border:1px solid #efb9b5}.success-banner{margin-bottom:14px;color:#17553c;background:#e3f5eb;border:1px solid #b8dec9}.empty-state{min-height:86px;margin:14px;display:grid;text-align:center;background:#f8fbff;border:1px dashed #bfd0e3;place-items:center;color:var(--text-muted)}code{display:inline-block;max-width:100%;overflow-wrap:anywhere;color:#1f3637;font-family:Consolas,Courier New,monospace}.app-shell{--sidebar-width: 270px;display:block;width:100%;max-width:100%;min-width:0;min-height:100dvh;padding-left:var(--sidebar-width);overflow-x:hidden;overflow-x:clip;transition:padding-left .18s ease}.app-shell--collapsed{--sidebar-width: 82px}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;width:var(--sidebar-width);height:100dvh;min-width:0;min-height:0;overflow:visible;color:#dce7ff;background:linear-gradient(180deg,#071b42,#0a2857 62%,#083963);box-shadow:8px 0 28px #06183a1a;transition:width .18s ease,transform .18s ease}.app-sidebar,.app-sidebar *{scrollbar-color:rgb(127 174 229 / 55%) transparent}.side-nav::-webkit-scrollbar{width:5px}.side-nav::-webkit-scrollbar-track{background:transparent}.side-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7db4f07a,#3e77b87a);background-clip:padding-box;border:1px solid transparent;border-radius:999px}.side-nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#83bdf7d6,#4f8fd0d6);background-clip:padding-box}.sidebar-brand{position:relative;display:flex;align-items:center;gap:8px;min-height:82px;padding:0 15px 0 20px;border-bottom:1px solid rgb(255 255 255 / 9%)}.sidebar-brand .brand{flex:1;min-width:0}.sidebar-brand .brand--text-only{padding-left:3px}.brand__mark{position:relative;flex:0 0 34px;width:34px;height:34px;overflow:hidden;background:radial-gradient(circle,#49a4ff 1.5px,transparent 2px);background-size:7px 7px;border-radius:9px}.brand__mark i{position:absolute;inset:9px;background:#fff;border-radius:50%;box-shadow:0 0 0 5px #3897ff47}.brand__copy{display:grid;gap:2px;min-width:0}.brand__copy strong{font-size:18px;letter-spacing:.02em;text-transform:uppercase}.brand__copy small,.account-copy small{overflow:hidden;color:#9fb2d5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle,.sidebar-mobile-close,.mobile-menu,.sidebar-account button{display:grid;flex:0 0 auto;width:32px;height:32px;color:inherit;background:#ffffff14;border:0;border-radius:9px;place-items:center}.sidebar-mobile-close{display:none}.sidebar-toggle{position:absolute;top:25px;right:-14px;z-index:3;width:28px;height:28px;color:#dceaff;font-size:23px;line-height:1;background:#123c72;border:1px solid rgb(180 211 248 / 38%);border-radius:50%;box-shadow:0 6px 16px #03122b47;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.sidebar-toggle:hover{color:#fff;background:#1768bd;box-shadow:0 8px 20px #03122b5c;transform:scale(1.06)}.sidebar-toggle span{transform:translateY(-1px)}.side-nav{display:grid;flex:1 1 auto;align-content:start;min-height:0;gap:3px;padding:12px 10px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.nav-section{margin:11px 10px 4px;color:#7f96bd;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.side-nav a{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;overflow:hidden;color:#d8e3f8;font-size:14px;font-weight:600;text-decoration:none;border-radius:10px;white-space:nowrap}.side-nav a:hover{color:#fff;background:#ffffff12}.side-nav a.active{color:#fff;background:linear-gradient(90deg,#186bd7,#245ab4);box-shadow:0 7px 18px #00000029}.nav-icon{display:grid;flex:0 0 28px;width:28px;height:28px;font-size:17px;place-items:center}.sidebar-account{display:flex;align-items:center;gap:10px;min-height:72px;margin-top:auto;padding:12px 16px;overflow:hidden;border-top:1px solid rgb(255 255 255 / 9%)}.avatar{display:grid;flex:0 0 34px;width:34px;height:34px;color:#092354;font-size:12px;font-weight:800;background:#d9ebff;border-radius:10px;place-items:center}.account-copy{display:grid;flex:1;min-width:0;gap:2px;font-size:13px}.account-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell--collapsed .brand__copy,.app-shell--collapsed .nav-section,.app-shell--collapsed .side-nav a>span:last-child,.app-shell--collapsed .account-copy,.app-shell--collapsed .sidebar-account button{display:none}.app-shell--collapsed .side-nav a,.app-shell--collapsed .sidebar-account,.app-shell--collapsed .sidebar-brand{justify-content:center;padding-left:12px;padding-right:12px}.app-workspace{width:auto;max-width:none;min-width:0;min-height:100dvh;overflow-x:hidden;overflow-x:clip}.workspace-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;min-height:66px;padding:0 26px;background:#ffffffeb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.workspace-header>*,.page-heading>*,.panel__header>*{min-width:0}.workspace-header>div{display:grid;gap:2px}.workspace-header>div span{color:var(--text-muted);font-size:12px}.live-indicator{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:#28745b;font-size:12px;font-weight:700}.live-indicator i{width:8px;height:8px;background:#25b77d;border-radius:50%;box-shadow:0 0 0 4px #dff7ed}.mobile-menu,.sidebar-backdrop{display:none}.menu-lines{display:grid;width:17px;gap:3px}.menu-lines i{display:block;width:100%;height:2px;background:currentColor;border-radius:999px}.page-description{max-width:720px;margin:7px 0 0;color:var(--text-muted)}.panel-kicker{display:block;margin-bottom:3px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.count-badge{min-width:30px;padding:5px 8px;color:#1e5cae;font-size:12px;font-weight:800;text-align:center;background:#e9f2ff;border-radius:999px}.organization-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;align-items:stretch}.compact-form{display:grid;gap:10px;padding:16px;background:linear-gradient(180deg,#fbfdff,#f6f9fd);border-bottom:1px solid var(--border)}.compact-form textarea{min-height:70px;padding:9px 10px;resize:vertical;border:1px solid var(--border-strong)}.organization-panel{display:flex;flex-direction:column}.organization-form{display:flex;flex:1 0 auto;flex-direction:column;min-height:430px}.organization-form__fields{display:grid;gap:12px}.organization-form__fields>label{display:grid;gap:5px;color:var(--text-muted);font-size:12px;font-weight:700}.organization-form__fields textarea{min-height:88px}.organization-form__footer{display:grid;gap:12px;margin-top:auto;padding-top:16px}.organization-form__note{display:grid;gap:4px;margin:0;padding:13px;color:#52617a;font-size:12px;line-height:1.45;background:#edf4fd;border:1px solid #d9e6f6;border-radius:11px}.organization-form__note strong{color:#285992}.management-list{display:grid;width:100%;max-width:100%;max-height:420px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.management-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;color:inherit;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border)}.management-row:hover{background:#f1f7ff}.management-row>span:first-child{display:grid;gap:3px}.management-row small{color:var(--text-muted)}.metric-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.workforce-table .data-table__row{grid-template-columns:minmax(160px,1.3fr) repeat(8,minmax(110px,1fr));min-width:1160px}.agent-directory-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:16px 18px;background:#fff;border:1px solid #dce5f1;border-radius:15px;box-shadow:var(--shadow-sm)}.search-control{display:grid;flex:1 1 560px;max-width:720px;gap:6px;color:var(--text-muted);font-size:12px;font-weight:800}.search-control>div{position:relative}.search-control i{position:absolute;top:50%;left:13px;width:12px;height:12px;border:2px solid #6e85a4;border-radius:50%;transform:translateY(-58%)}.search-control i:after{position:absolute;right:-6px;bottom:-4px;width:6px;height:2px;content:"";background:#6e85a4;border-radius:99px;transform:rotate(45deg)}.search-control input{padding-left:38px}.directory-summary{display:flex;flex:0 0 auto;gap:8px}.directory-summary span{display:grid;min-width:84px;padding:8px 11px;color:var(--text-muted);font-size:10px;text-align:center;background:#f1f6fd;border:1px solid #dce7f4;border-radius:10px}.directory-summary strong{color:#173a70;font-size:16px}.agent-editor{margin-bottom:18px}.agent-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:15px;padding:16px}.agent-card{display:grid;gap:14px;min-width:0;padding:17px;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dce6f2;border-radius:15px;box-shadow:0 5px 16px #15396c0d;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.agent-card:hover{border-color:#b9cde7;box-shadow:0 12px 26px #15396c1a;transform:translateY(-1px)}.agent-card__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.agent-card__avatar,.agent-hero__avatar{display:grid;width:44px;height:44px;color:#174e98;font-size:13px;font-weight:800;background:linear-gradient(145deg,#ddecff,#c7defb);border:1px solid #b4cfef;border-radius:13px;place-items:center}.agent-card__identity{display:grid;gap:3px;min-width:0}.agent-card__identity a{overflow:hidden;color:#142641;font-weight:800;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.agent-card__identity a:hover{color:#1f67d2}.agent-card__identity small,.agent-card__account small,.agent-card__footer small{color:var(--text-muted);font-size:11px}.agent-card__assignment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.agent-card__assignment div{min-width:0;padding:9px 10px;background:#f1f6fc;border-radius:9px}.agent-card__assignment dt,.agent-hero__summary dt{margin-bottom:3px;color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.agent-card__assignment dd,.agent-hero__summary dd{margin:0;overflow-wrap:anywhere;font-size:12px;font-weight:700}.agent-card__account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:11px 0;border-top:1px solid #e2e9f2;border-bottom:1px solid #e2e9f2}.agent-card__account span,.agent-card__footer>span:first-child{display:grid;gap:3px;min-width:0}.agent-card__account strong,.agent-card__footer strong{overflow-wrap:anywhere;color:#34425a;font-size:12px}.agent-card__footer{display:flex;align-items:end;justify-content:space-between;gap:12px}.agent-card__actions{display:flex;gap:7px}.agent-card__actions .button{min-height:34px;padding:0 11px;font-size:12px}.agent-detail-stack,.agent-section{display:grid;gap:18px}.agent-detail-stack{gap:30px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:9px;color:#315f9e;font-size:12px;font-weight:700;text-decoration:none}.agent-hero{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,2fr);align-items:center;gap:26px;padding:22px;overflow:visible;background:linear-gradient(125deg,#fff,#f1f7ff);border-top:4px solid #2768d8}.agent-hero__identity{display:flex;align-items:center;gap:14px;min-width:0}.agent-hero__avatar{flex:0 0 58px;width:58px;height:58px;font-size:17px;border-radius:17px}.agent-hero__identity>span:last-child{display:grid;gap:3px;min-width:0}.agent-hero__identity strong{font-size:19px}.agent-hero__identity small{overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.agent-hero__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}.agent-hero__summary div{min-width:0;padding:10px 11px;background:#ffffffbf;border:1px solid #dce7f4;border-radius:10px}.agent-section__header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 3px}.agent-section__header h2{font-size:21px}.agent-section__header p{max-width:620px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.5;text-align:right}.agent-overview-grid,.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.definition-list--profile{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-identifiers{display:grid;gap:8px;padding:0 16px 16px}.technical-identifiers span{display:grid;gap:4px;padding:10px 12px;background:#f4f7fb;border:1px dashed #c8d5e5;border-radius:10px}.technical-identifiers small{color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.technical-identifiers code{color:#536179;font-size:11px}.activity-date-filter{display:grid;grid-template-columns:minmax(440px,1fr) auto;align-items:end;gap:14px;padding:16px}.activity-date-filter label{display:grid;gap:5px;color:var(--text-muted);font-size:12px;font-weight:700}.activity-date-filter .button{min-width:150px}@media(max-width:1280px){.dashboard-grid,.detail-grid,.admin-grid--users{grid-template-columns:1fr}.report-filter-scope,.report-filter-details{grid-template-columns:repeat(2,minmax(0,1fr))}.date-range{grid-column:1 / -1}.agent-hero{grid-template-columns:1fr}}@media(max-width:1120px){.organization-grid{grid-template-columns:1fr 1fr}.app-header{grid-template-columns:1fr;align-items:stretch;padding:12px 16px}.account{justify-content:space-between}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.organization-grid{grid-auto-rows:auto}}@media(max-width:820px){.app-shell,.app-shell--collapsed{display:block;padding-left:0}.app-sidebar{inset:0 auto 0 0;z-index:50;width:min(320px,88vw);height:100dvh;transform:translate(-105%)}.app-sidebar--open{transform:translate(0)}.sidebar-toggle{display:none}.sidebar-mobile-close{display:grid;width:34px;height:34px;color:#fff;font-size:24px;background:#ffffff1a;border:1px solid rgb(255 255 255 / 13%);border-radius:10px;place-items:center}.app-shell--collapsed .brand__copy,.app-shell--collapsed .nav-section,.app-shell--collapsed .side-nav a>span:last-child,.app-shell--collapsed .account-copy,.app-shell--collapsed .sidebar-account button{display:grid}.mobile-menu{display:grid}.sidebar-backdrop{display:block}.app-shell--collapsed .side-nav a,.app-shell--collapsed .sidebar-account,.app-shell--collapsed .sidebar-brand{justify-content:flex-start;padding-left:16px;padding-right:16px}.app-shell--collapsed .sidebar-brand{justify-content:space-between}.app-shell--mobile-open .app-workspace{height:100dvh;overflow:hidden}.sidebar-backdrop{position:fixed;inset:0;z-index:40;background:#0410267f;border:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.organization-grid{grid-template-columns:1fr}.page-heading,.screenshot-preview__header{align-items:stretch;flex-direction:column}.page-heading{padding:19px}.page-heading>.button,.page-heading>.button-row{width:100%}.page-heading>.button-row>.button{flex:1 1 150px}.dashboard-grid,.detail-grid,.admin-grid,.agent-profile-form,.report-filter-scope,.report-filter-details{grid-template-columns:1fr}.date-range{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-directory-toolbar{align-items:stretch;flex-direction:column}.directory-summary{width:100%}.directory-summary span{flex:1 1 0}.agent-card-grid,.agent-overview-grid,.activity-grid{grid-template-columns:1fr}.agent-section__header{align-items:flex-start;flex-direction:column;gap:6px}.agent-section__header p{max-width:none;text-align:left}.agent-hero__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-date-filter{grid-template-columns:1fr}.activity-date-filter .button{width:100%}.metric-grid,.mini-definition-list{grid-template-columns:repeat(2,minmax(0,1fr))}.data-table--agents{padding:12px;overflow:visible}.data-table--agents .data-table__row--header{display:none}.data-table--agents .data-table__row:not(.data-table__row--header){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;margin-bottom:12px;padding:15px;background:linear-gradient(145deg,#fff,#f7faff);border:1px solid #dfe8f4;border-radius:13px}.data-table--agents .data-table__row:not(.data-table__row--header)>span{display:grid;align-content:start;gap:3px;min-width:0;overflow-wrap:anywhere}.data-table--agents .data-table__row:not(.data-table__row--header)>span:before{color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;content:attr(data-label)}.data-table--agents .button-row{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.data-table--agents .button-row .button{width:100%}.report-table{padding:12px;overflow:visible}.report-table .data-table__row--header{display:none}.report-table .data-table__row:not(.data-table__row--header){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;margin-bottom:12px;padding:15px;background:linear-gradient(145deg,#fff,#f7faff);border:1px solid #dfe8f4;border-radius:13px}.report-table .data-table__row:not(.data-table__row--header)>span{display:grid;align-content:start;gap:3px;min-width:0;overflow-wrap:anywhere}.report-table .data-table__row:not(.data-table__row--header)>span:before{color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;content:attr(data-label)}}@media(max-width:540px){.app-main{width:100%;margin-top:14px;padding:0 12px}.metric-grid{grid-template-columns:1fr}.login-panel{padding:20px}.workspace-header{min-height:60px;padding:0 14px}.workspace-header>div span,.live-indicator{display:none}.panel__header{padding:12px 14px}.user-card__identity{grid-template-columns:auto minmax(0,1fr)}.user-card__identity .status-pill{grid-column:1 / -1;justify-self:start}.user-card__details{grid-template-columns:1fr}.user-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid,.user-list,.admin-form{padding:12px}.setting-card__header,.setting-card__footer{align-items:flex-start;flex-direction:column}.filter-section{padding:15px}.filter-section__heading{display:grid;gap:3px}.date-range{grid-template-columns:1fr}.report-table .data-table__row:not(.data-table__row--header){grid-template-columns:1fr}.agent-card-grid{padding:12px}.agent-card__header{grid-template-columns:auto minmax(0,1fr)}.agent-card__statuses{grid-column:1 / -1;justify-self:start}.agent-card__assignment,.agent-card__account,.agent-hero__summary,.definition-list--profile{grid-template-columns:1fr}.agent-card__footer{align-items:stretch;flex-direction:column}.agent-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.agent-card__actions .button{width:100%}.agent-hero{padding:17px}.agent-hero__identity{align-items:flex-start}.activity-date-filter{padding:13px}.data-table--agents .data-table__row:not(.data-table__row--header){grid-template-columns:1fr}.data-table--agents .button-row{grid-column:auto}}