:root{--asp-bg:#f5f7fb;--asp-surface:#f8fafc;--asp-card:#ffffff;--asp-card-soft:#fbfdff;--asp-border:#e3e8f0;--asp-border-strong:#d7dfeb;--asp-text:#0f172a;--asp-muted:#64748b;--asp-accent:#bd8f32;--asp-accent-dark:#95691f;--asp-accent-soft:#fff7e6;--asp-accent-wash:#fbf0d4;--asp-accent-border:#e4c36b;--asp-sidebar:#06172f;--asp-sidebar-2:#0a1f42;--asp-danger:#dc2626;--asp-warn:#b7791f;--asp-radius:12px;--asp-control-height:36px;--asp-shadow:0 1px 1px rgba(15,23,42,.03),0 12px 30px rgba(15,23,42,.07);--asp-shadow-strong:0 22px 54px rgba(15,23,42,.13)}
html,body{height:100%}
body.asp{margin:0;background:radial-gradient(circle at 18% -8%,rgba(189,143,50,.12),transparent 30%),radial-gradient(circle at 88% 0%,rgba(6,23,47,.075),transparent 32%),linear-gradient(180deg,#fbfcff 0%,var(--asp-bg) 42%,#eef3f8 100%);color:var(--asp-text);font-family:"Aptos","Manrope","Segoe UI",system-ui,-apple-system,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
a{color:inherit}
.asp-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 22% 14%,rgba(189,143,50,.15),transparent 28%),radial-gradient(circle at 82% 16%,rgba(6,23,47,.09),transparent 30%),linear-gradient(180deg,#fbfcff 0%,#f3f6fb 100%)}
.asp-login-card{position:relative;overflow:hidden;width:100%;max-width:408px;background:#fff;border:1px solid #e4eaf3;border-radius:18px;padding:24px 22px 19px;box-shadow:var(--asp-shadow-strong)}
.asp-login-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--asp-accent),#ead3a5,rgba(234,211,165,0))}
.asp-login-card{color:var(--asp-text)}
.asp-login-logo-wrap{display:flex;justify-content:center;margin-bottom:12px}
.asp-login-logo{display:block;width:212px;max-width:80%;height:auto}
.asp-login-brand{font-size:18px;font-weight:840;letter-spacing:-.015em;text-align:center;color:#0f172a}
.asp-login-sub{margin-top:6px;color:var(--asp-muted);font-size:13px;line-height:1.4;text-align:center}
.asp-login-foot{margin-top:14px;color:var(--asp-muted);font-size:12px;text-align:center}
.asp-form{margin-top:16px}
.asp-login-card .asp-btn-primary{width:100%;margin-top:2px}
.asp-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.asp-field label{font-size:11.5px;color:var(--asp-muted);font-weight:720}
.asp-field input,.asp-field select{height:var(--asp-control-height);border-radius:10px;border:1px solid #dbe3ef;background:#fff;color:var(--asp-text);padding:0 12px;outline:none;font:inherit}
.asp-field input:focus,.asp-field select:focus{border-color:var(--asp-accent-border);box-shadow:0 0 0 3px rgba(200,155,60,.16)}
.asp select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#7f6847 50%),linear-gradient(135deg,#7f6847 50%,transparent 50%),linear-gradient(180deg,#fff,#fbfcfe);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%,0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;padding-right:36px;border:1px solid #dbe3ef;border-radius:10px;color:#182235;line-height:1.2;box-shadow:inset 0 1px 0 rgba(255,255,255,.92);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.asp select:hover{border-color:#d4b77f;background-color:#fff}
.asp select:focus{border-color:var(--asp-accent-border);box-shadow:0 0 0 3px rgba(200,155,60,.16)}
.asp select option{color:#182235;background:#fff;padding:8px 10px}
.asp-btn{height:var(--asp-control-height);border-radius:10px;border:1px solid #dbe3ef;background:#fff;color:#334155;padding:0 12px;font-size:12px;font-weight:760;cursor:pointer;letter-spacing:.01em;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.asp-btn:hover{border-color:var(--asp-accent-border);background:var(--asp-accent-soft);color:var(--asp-accent-dark);box-shadow:0 3px 10px rgba(200,155,60,.1)}
.asp-btn-primary{background:linear-gradient(180deg,#c99a3c,var(--asp-accent-dark));border-color:#b9872b;color:#fff;box-shadow:0 8px 18px rgba(149,105,31,.22)}
.asp-btn-primary:hover{background:var(--asp-accent-dark);border-color:var(--asp-accent-dark);color:#fff}
.asp-btn-ghost{background:#fff;color:#334155}
.asp-alert{border-radius:12px;border:1px solid var(--asp-border);padding:9px 12px;margin:10px 0;font-size:12px;line-height:1.4;box-shadow:0 1px 1px rgba(15,23,42,.025);background:#fff}
.asp-alert-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.asp-alert-warn{border-color:#f1d58f;background:linear-gradient(180deg,#fffaf0,#fffbeb);color:#7c520c}
.asp-topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.82);box-shadow:0 1px 0 rgba(255,255,255,.7)}
.asp-topbar-inner{max-width:1260px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:9px 20px;gap:12px}
.asp-brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:850;letter-spacing:.18px;color:#0f172a;min-width:0}
.asp-brand-logo{display:block;width:164px;max-width:42vw;height:auto;flex:0 0 auto}
.asp-brand-text{display:inline-flex;align-items:center;min-height:24px;padding-left:10px;border-left:1px solid #e3e8f0;color:#334155;white-space:nowrap;font-size:12px;font-weight:820;letter-spacing:.02em;text-transform:uppercase}
.asp-user{display:flex;align-items:center;gap:12px}
.asp-user-name{font-size:13px;color:var(--asp-muted);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asp-link{font-size:13px;color:var(--asp-accent-dark);text-decoration:none}
.asp-link:hover{text-decoration:underline}
.asp-account-actions{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;min-width:220px}
.asp-account-actions .asp-muted{display:none}
.asp-directory-wrap{max-height:560px;overflow:auto}
.asp-directory-wrap .asp-table{min-width:980px}
.asp-agent-tabs-card{padding:10px 12px}
.asp-agent-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.asp-agent-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid #e3e8f1;border-radius:12px;background:#fff;color:#475569;font-size:13px;font-weight:850;text-decoration:none;box-shadow:0 4px 12px rgba(15,23,42,.04);transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.asp-agent-tab:hover{border-color:var(--asp-accent-border);background:#fffaf0;color:#3f2c0b;text-decoration:none}
.asp-agent-tab.is-active{border-color:rgba(184,137,47,.55);background:linear-gradient(180deg,#fff8e8,#fff2d6);color:#3f2c0b;box-shadow:0 8px 18px rgba(184,137,47,.13)}
.asp-agent-workspace-card,.asp-agent-directory-card,.asp-agent-filter-card{width:100%}
.asp-directory-wide{max-height:none}
.asp-directory-wide .asp-directory-table{min-width:0;width:100%;table-layout:fixed}
.asp-directory-table th,.asp-directory-table td{padding:8px 9px}
.asp-directory-table .asp-cell-email{word-break:break-word}
.asp-account-actions{min-width:150px}
.asp-account-actions .asp-link,.asp-account-actions .asp-inline-action{margin:0 5px 4px 0}
.asp-inline-action{display:inline-flex;margin:0}
.asp-link-button{border:0;background:transparent;color:var(--asp-accent-dark);font:inherit;font-size:12px;font-weight:760;line-height:1.2;padding:0;cursor:pointer;text-decoration:none}
.asp-link-button:hover{text-decoration:underline;color:var(--asp-accent)}
.asp-layout{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:214px 1fr;gap:16px;padding:14px 20px 22px}
.asp-nav{display:flex;flex-direction:column;gap:3px;background:radial-gradient(circle at 18% 0%,rgba(189,143,50,.14),transparent 24%),linear-gradient(180deg,var(--asp-sidebar),var(--asp-sidebar-2));border:1px solid rgba(231,196,106,.1);border-radius:16px;padding:10px 8px;box-shadow:0 18px 42px rgba(6,23,47,.2);min-height:calc(100vh - 102px)}
.asp-nav-item{position:relative;display:flex;align-items:center;gap:10px;min-height:37px;padding:6px 10px;border-radius:10px;border:1px solid transparent;background:transparent;text-decoration:none;font-weight:700;font-size:12.75px;color:rgba(226,236,251,.78);transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.asp-nav-item:hover{background:rgba(255,255,255,.055);border-color:rgba(231,196,106,.12);color:#fff}
.asp-nav-item.is-active{border-color:rgba(231,196,106,.36);background:linear-gradient(90deg,rgba(189,143,50,.24),rgba(255,255,255,.055));color:#fff;box-shadow:inset 3px 0 0 var(--asp-accent),0 9px 18px rgba(0,0,0,.1)}
.asp-main{display:flex;flex-direction:column;gap:10px;min-width:0}
.asp-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:1px}
.asp-page-title{font-size:23px;font-weight:850;letter-spacing:-.03em;color:#0f172a}
.asp-page-sub{margin-top:3px;color:var(--asp-muted);font-size:12px;line-height:1.35}
.asp-inline-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;min-width:0}
.asp-inline-form select{height:38px;width:100%;min-width:0;max-width:100%}
.asp-inline-form input{height:38px;width:100%;border-radius:10px;border:1px solid #dbe3ef;background:#fff;color:var(--asp-text);padding:0 12px;outline:none}
.asp-inline-form input[type=file]{height:auto;padding:8px 10px}
.asp-inline-form input:focus{border-color:var(--asp-accent-border);box-shadow:0 0 0 3px rgba(200,155,60,.16)}
.asp-inline-form-tight{flex-wrap:nowrap;align-items:center}
.asp-inline-form-tight select,.asp-inline-form-tight input{width:auto}
.asp-inline-form-tight .asp-btn{height:36px}
.asp-inline-form-wrap{flex-wrap:wrap;align-items:flex-end}
.asp-inline-form-wrap > label{padding-bottom:6px;line-height:1.1}
.asp-field-inline{display:flex;flex-direction:column;gap:6px;flex:1 1 220px;min-width:160px;max-width:360px}
.asp-field-inline label{font-size:12px;color:var(--asp-muted);font-weight:700;line-height:1.15}
.asp-field-inline input,.asp-field-inline select{width:100%;min-width:0;max-width:100%}
.asp-field-inline input[type=file]{height:auto}
.asp-page-head > .asp-inline-form{align-items:center;background:rgba(255,255,255,.96);border:1px solid #e4eaf3;border-radius:14px;padding:5px;box-shadow:var(--asp-shadow);gap:6px}
.asp-page-head > .asp-inline-form .asp-field-inline{flex:0 0 auto;min-width:0;max-width:none;flex-direction:row;align-items:center;gap:6px}
.asp-page-head > .asp-inline-form .asp-field-inline label{font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.05em;color:#708099}
.asp-page-head .asp-inline-form .asp-field-inline{flex:0 1 220px;max-width:260px}
.asp-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end;background:rgba(255,255,255,.96);border:1px solid #e4eaf3;border-radius:14px;padding:5px;box-shadow:var(--asp-shadow)}
.asp-actions .asp-inline-form-tight{gap:5px}
.asp-actions .asp-muted{font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.05em;color:#708099}
.asp-actions .asp-inline-form-tight select,.asp-actions .asp-inline-form-tight input{height:33px;min-width:108px;border-radius:9px;border-color:#dbe3ef;font-size:12px}
.asp-actions .asp-btn{height:33px;padding:0 10px;font-size:12px;font-weight:740;border-radius:9px}
.asp-actions .asp-btn-ghost{background:#f8fafc;color:#334155;border-color:#e2e8f0;box-shadow:none}
.asp-native-select-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important}
.asp-field-has-custom-select{position:relative}
.asp-custom-select{position:relative;min-width:118px;width:100%}
.asp-custom-select-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:35px;border:1px solid #d8e1ed;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfcfe);color:#182235;padding:0 32px 0 11px;font-size:13px;font-weight:700;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.95);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.asp-custom-select-trigger:hover{border-color:#d4b77f;background:#fff}
.asp-custom-select-trigger:focus,.asp-custom-select.is-open .asp-custom-select-trigger{outline:none;border-color:var(--asp-accent-border);box-shadow:0 0 0 3px rgba(200,155,60,.16)}
.asp-custom-select-trigger:disabled{cursor:not-allowed;opacity:.65;background:#f8fafc}
.asp-custom-select-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asp-custom-select-caret{position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:1.8px solid #8a7556;border-bottom:1.8px solid #8a7556;transform:translateY(-62%) rotate(45deg);transition:transform .18s ease}
.asp-custom-select.is-open .asp-custom-select-caret{transform:translateY(-34%) rotate(225deg)}
.asp-custom-select-menu{position:absolute;z-index:120;top:calc(100% + 7px);left:0;right:0;min-width:100%;max-height:260px;overflow:auto;padding:6px;border:1px solid #e1e7f0;border-radius:13px;background:#fff;box-shadow:0 18px 42px rgba(15,23,42,.16)}
.asp-custom-select-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:34px;border:0;border-radius:9px;background:transparent;color:#334155;padding:0 9px;font-size:12.75px;font-weight:680;text-align:left;cursor:pointer}
.asp-custom-select-option:hover,.asp-custom-select-option:focus{outline:none;background:var(--asp-accent-soft);color:var(--asp-accent-dark)}
.asp-custom-select-option.is-selected{background:var(--asp-accent-soft);color:var(--asp-accent-dark);font-weight:780}
.asp-custom-select-check{opacity:0;color:var(--asp-accent);font-size:12px;font-weight:900}
.asp-custom-select-option.is-selected .asp-custom-select-check{opacity:1}
.asp-actions .asp-custom-select{min-width:108px}
.asp-actions .asp-custom-select-trigger{height:33px;border-radius:9px;font-size:12px}
.asp-filter-toolbar .asp-custom-select-trigger{height:35px;border-radius:9px}
.asp-card{background:linear-gradient(180deg,#fff,#fdfefe);border:1px solid #e4eaf3;border-radius:var(--asp-radius);padding:14px;min-width:0;box-shadow:var(--asp-shadow)}
.asp-card code{display:inline-flex;align-items:center;border:1px solid #e5ecf5;border-radius:8px;background:#f8fafc;color:#334155;padding:2px 6px;font-size:11.5px}
.asp-card-embed{padding:0;overflow:hidden}
.asp-embed{width:100%;height:calc(100vh - 210px);min-height:520px;border:0;display:block;background:#fff}
.asp-card-title{font-size:15px;font-weight:840;margin-bottom:8px;letter-spacing:-.012em;color:#0f172a}
.asp-metric-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.asp-metric-list>div{border:1px solid var(--asp-border);border-radius:12px;background:#f8fafc;padding:10px 12px;min-width:0}
.asp-metric-list span{display:block;color:var(--asp-muted);font-size:10.5px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.asp-metric-list strong{display:block;margin-top:6px;color:#0f172a;font-size:13px;line-height:1.25;word-break:break-word}
.asp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.asp-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.asp-kpi-label{font-size:11px;color:#64748b;font-weight:760;text-transform:uppercase;letter-spacing:.07em}
.asp-kpi-value{margin-top:7px;font-size:27px;line-height:1;font-weight:820;letter-spacing:-.035em;color:#0f172a}
.asp-kpi-sub{margin-left:8px;font-size:12px;color:var(--asp-muted);font-weight:700}
.asp-muted{color:var(--asp-muted);font-size:12px}
.asp-pre{margin:0;background:#f8fafc;border:1px solid var(--asp-border);border-radius:12px;padding:10px 12px;overflow:auto}
.asp-spacer{height:10px}
.asp-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.asp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0}
.asp-field-full{grid-column:1/-1}
.asp-field textarea{border-radius:10px;border:1px solid #dbe3ef;background:#fff;color:var(--asp-text);padding:10px 12px;outline:none;resize:vertical}
.asp-field textarea:focus{border-color:var(--asp-accent-border);box-shadow:0 0 0 3px rgba(200,155,60,.16)}
.asp-password-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.asp-password-control input{min-width:0}
.asp-checkline{display:flex!important;align-items:center;gap:9px;margin:3px 0;color:#334155!important;font-size:12.5px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
.asp-checkline input{width:16px;height:16px;accent-color:var(--asp-accent)}
.asp-ticket-thread{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.asp-msg{border:1px solid var(--asp-border);border-radius:12px;padding:10px 12px;background:#fff}
.asp-msg.is-agent{border-color:#ead3a5}
.asp-msg.is-mgmt{border-color:#e7c98f}
.asp-msg-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--asp-muted);font-size:12px}
.asp-msg-sender{font-weight:800;color:#0f172a}
.asp-msg-body{margin-top:6px;line-height:1.45;font-size:13px}
.asp-ticket-desc{line-height:1.55;font-size:13px;color:#334155}
.asp-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.asp-profile-grid > div{background:#f8fafc;border:1px solid var(--asp-border);border-radius:12px;padding:10px 12px}
.asp-compensation-card{border-top:3px solid var(--asp-accent);background:linear-gradient(180deg,#fff,#fbfdff)}
.asp-compensation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.asp-compensation-summary > div{border:1px solid var(--asp-border);border-radius:14px;background:#f8fafc;padding:12px}
.asp-compensation-summary span{display:block;color:var(--asp-muted);font-size:10.5px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}
.asp-compensation-summary strong{display:block;margin-top:6px;color:#07182f;font-size:18px;line-height:1.1}
.asp-compensation-audit{margin-top:10px;color:var(--asp-muted);font-size:12px}
.asp-compensation-form{margin-top:14px;border-top:1px solid var(--asp-border);padding-top:14px}
.asp-permissions-card{border-top:3px solid var(--asp-accent)}
.asp-permission-matrix-wrap{overflow-x:auto;border:1px solid var(--asp-border);border-radius:16px;background:#fff}
.asp-permission-matrix{min-width:760px;margin:0}
.asp-permission-matrix th,.asp-permission-matrix td{vertical-align:middle}
.asp-permission-matrix tbody tr.is-locked{background:linear-gradient(180deg,#fffaf0,#fff)}
.asp-permission-matrix input[type=checkbox]{width:18px;height:18px;accent-color:var(--asp-accent)}
.asp-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;border:1px solid var(--asp-border);font-size:12px;font-weight:800;text-transform:lowercase}
.asp-badge-active{background:var(--asp-accent-soft);border-color:var(--asp-accent-border);color:var(--asp-accent-dark)}
.asp-badge-training{background:#fffbeb;border-color:#fde68a;color:#92400e}
.asp-badge-probation{background:#fefce8;border-color:#fde68a;color:#854d0e}
.asp-badge-inactive,.asp-badge-resigned{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.asp-btn-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.asp-danger-zone{margin-top:10px}
.asp-table-wrap{overflow-x:auto;overflow-y:hidden;max-width:100%;min-width:0;border-radius:12px;border:1px solid #e4eaf3;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.asp-table-wrap.asp-directory-wrap{overflow:auto}
.asp-table{width:100%;border-collapse:separate;border-spacing:0;min-width:560px;background:#fff;font-variant-numeric:tabular-nums;color:#334155}
.asp-table th,.asp-table td{padding:8px 12px;border-bottom:1px solid #eef2f7;font-size:12.75px;line-height:1.28;vertical-align:middle}
.asp-table th{position:sticky;top:0;background:linear-gradient(180deg,#f8fafc,#f3f6fa);text-align:left;color:#4f5f76;font-size:10.5px;font-weight:850;letter-spacing:.078em;text-transform:uppercase;vertical-align:bottom}
.asp-table tbody tr{transition:background .16s ease}
.asp-table tbody tr:hover{background:#fffaf0}
.asp-table th.asp-num,.asp-table td.asp-num{text-align:right}
.asp-table th.asp-center,.asp-table td.asp-center{text-align:center}
.asp-table-compact{min-width:0;table-layout:fixed}
.asp-table-compact td,.asp-table-compact th{white-space:normal;word-break:break-word}
.asp-table tr:last-child td{border-bottom:none}
.asp-num{text-align:right;white-space:nowrap}
.asp-section-card{padding:15px;border-color:#e2e8f0}
.asp-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #eef3f8}
.asp-section-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.asp-section-card .asp-card-title{font-size:19px;line-height:1.15;margin-bottom:4px;color:#0f172a}
.asp-card-sub{margin-top:0;color:var(--asp-muted);font-size:12.5px;line-height:1.35}
.asp-kpi-row{gap:12px}
.asp-kpi-card{position:relative;overflow:hidden;min-height:90px;padding:13px 16px;display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(180deg,#fff,#fdfefe);border-color:#e2e8f0;box-shadow:0 1px 1px rgba(15,23,42,.025),0 9px 22px rgba(15,23,42,.06)}
.asp-kpi-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--asp-accent),#ead3a5 54%,rgba(255,247,232,0))}
.asp-kpi-card:after{content:"";position:absolute;right:-28px;top:-34px;width:86px;height:86px;border-radius:999px;background:rgba(189,143,50,.055);pointer-events:none}
.asp-kpi-card-secondary{min-height:72px;background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 5px 14px rgba(15,23,42,.04)}
.asp-kpi-card-secondary:before{background:#eef2f7}
.asp-kpi-card-secondary .asp-kpi-value{font-size:21px}
.asp-kpi-card-secondary:after{background:rgba(100,116,139,.035)}
.asp-kpi-subtle{margin-top:6px;color:#64748b;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asp-filter-toolbar{display:flex;align-items:flex-end;gap:8px;margin:0;padding:8px;flex-wrap:wrap;background:rgba(255,255,255,.96);border-color:#e4eaf3;box-shadow:var(--asp-shadow)}
.asp-filter-toolbar .asp-field-inline{flex:1 1 190px;max-width:260px}
.asp-filter-toolbar .asp-field-agent{flex-basis:230px;max-width:340px}
.asp-filter-toolbar input,.asp-filter-toolbar select{height:35px;width:100%;border-radius:9px;border:1px solid #dbe3ef;background-color:#fff;color:var(--asp-text);padding:0 11px;outline:none;font-size:13px}
.asp-filter-toolbar input:focus,.asp-filter-toolbar select:focus{border-color:var(--asp-accent-border);box-shadow:0 0 0 3px rgba(200,155,60,.16)}
.asp-filter-toolbar .asp-btn{height:35px;min-width:82px}
.asp-page-head .asp-filter-toolbar{flex:1 1 420px;max-width:600px;margin-left:auto}
.asp-empty-state{border:1px dashed #cbd5e1;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc);padding:11px 13px;color:#64748b;font-size:12px;line-height:1.4}
.asp-empty-state-table{border:none;background:transparent;text-align:center;padding:13px 10px}
.asp-chat{display:flex;flex-direction:column;gap:10px}
.asp-chat-row{display:flex}
.asp-chat-row.is-me{justify-content:flex-end}
.asp-chat-bubble{max-width:780px;border:1px solid var(--asp-border);background:#fff;border-radius:14px;padding:10px 12px}
.asp-chat-row.is-me .asp-chat-bubble{background:var(--asp-accent-soft);border-color:#ead3a5}
.asp-chat-meta{display:flex;gap:10px;justify-content:space-between;font-size:12px;margin-bottom:6px;color:#64748b}
.asp-chat-layout{display:grid;grid-template-columns:360px 1fr;gap:12px;min-height:520px}
.asp-chat-sidebar{background:#fff;border:1px solid var(--asp-border);border-radius:14px;padding:12px;min-width:0;display:flex;flex-direction:column;box-shadow:var(--asp-shadow)}
.asp-chat-sidebar-head{margin-bottom:10px}
.asp-chat-filters .asp-field-inline{max-width:100%}
.asp-chat-list{display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:2px}
.asp-chat-item{display:block;text-decoration:none;border:1px solid var(--asp-border);background:#fff;border-radius:12px;padding:10px 10px;color:#334155}
.asp-chat-item:hover{border-color:#ead3a5}
.asp-chat-item.is-active{border-color:var(--asp-accent-border);background:var(--asp-accent-soft)}
.asp-chat-item-top{display:flex;gap:10px;justify-content:space-between;align-items:center}
.asp-chat-item-name{font-weight:800;font-size:13px}
.asp-chat-item-time{font-size:12px;color:var(--asp-muted);white-space:nowrap}
.asp-chat-item-bottom{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:6px}
.asp-chat-item-preview{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.asp-chat-main{min-width:0}
.asp-chat-thread-card{display:flex;flex-direction:column;min-height:520px}
.asp-chat-thread-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.asp-chat-thread{flex:1;overflow:auto;border:1px solid var(--asp-border);background:#f8fafc;border-radius:12px;padding:12px}
.asp-chat-composer{margin-top:12px}
.asp-chat-controls{display:flex;gap:8px;align-items:flex-end}
.asp-chat-file{display:none}
.asp-chat-input{flex:1 1 auto;min-width:220px;max-width:100%;position:relative}
.assp-emoji-panel{position:absolute;left:0;bottom:50px;z-index:5;display:flex;flex-wrap:wrap;gap:6px;padding:10px;border-radius:12px;border:1px solid var(--asp-border);background:#fff;box-shadow:var(--asp-shadow)}
.assp-emoji{border:1px solid var(--asp-border);background:#fff;color:#334155;border-radius:10px;padding:6px 8px;cursor:pointer}
.assp-emoji:hover{border-color:var(--asp-accent-border)}
@media (max-width: 980px){
 .asp-chat-layout{grid-template-columns:1fr}
 .asp-chat-item-preview{max-width:100%}
}
@media (max-width:900px){.asp-layout{grid-template-columns:1fr}.asp-nav{flex-direction:row;overflow:auto;padding-bottom:10px;min-height:auto}.asp-nav-item{white-space:nowrap}.asp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.asp-cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}.asp-grid-2{grid-template-columns:1fr}.asp-form-grid{grid-template-columns:1fr}.asp-profile-grid{grid-template-columns:1fr}.asp-compensation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.asp-table{min-width:520px}}
@media (max-width:420px){.asp-cards,.asp-compensation-summary,.asp-metric-list{grid-template-columns:1fr}.asp-user-name{display:none}.asp-brand-logo{width:140px}.asp-brand-text{display:none}}

.asp-page-head.asp-exec-sheet-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.asp-exec-inline-filter,.asp-finance-filter{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap;margin:0;padding:8px;border:1px solid rgba(127,143,164,.22);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96));box-shadow:0 8px 20px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.86)}
.asp-exec-inline-filter .asp-field-inline,.asp-finance-filter .asp-field-inline{flex:0 1 150px;min-width:126px;max-width:190px;gap:4px}
.asp-exec-inline-filter .asp-field-inline label,.asp-finance-filter .asp-field-inline label{font-size:9.75px;letter-spacing:.07em;text-transform:uppercase;color:#56667b;font-weight:900}
.asp-exec-inline-filter input,.asp-exec-inline-filter select,.asp-finance-filter input,.asp-finance-filter select{height:31px;min-height:31px;border-radius:9px;border:1px solid #d8e2ee;background:linear-gradient(180deg,#fff,#fbfdff);font-size:12px;color:#0f172a;box-shadow:inset 0 1px 1px rgba(15,23,42,.035)}
.asp-exec-inline-filter .asp-btn,.asp-finance-filter .asp-btn{height:31px;min-height:31px;padding:0 11px;border-radius:9px;font-size:11.5px;font-weight:900}
.asp-exec-inline-filter .asp-btn-primary,.asp-finance-filter .asp-btn-primary{background:linear-gradient(180deg,#d3a245,#9a691b);border-color:#9a691b;color:#fff;box-shadow:0 8px 16px rgba(154,105,27,.18)}
.asp-exec-inline-filter .asp-btn-ghost,.asp-finance-filter .asp-btn-ghost{background:transparent;border-color:#dbe3ef;color:#526174;box-shadow:none}
.asp-exec-live-grid{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(320px,1.45fr);gap:10px;align-items:start}
.asp-exec-live-table{min-width:0}
.asp-exec-live-table th,.asp-exec-live-table td,.asp-exec-campaign-table th,.asp-exec-campaign-table td,.asp-exec-client-table th,.asp-exec-client-table td,.asp-exec-voip-table th,.asp-exec-voip-table td{padding:6px 8px;font-size:12px;line-height:1.2}
.asp-exec-campaign-table{min-width:880px}
.asp-exec-client-table{width:100%;min-width:820px}
.asp-client-name-cell{min-width:150px;vertical-align:middle}
.asp-client-campaign-count-cell{white-space:nowrap}
.asp-client-modal-trigger{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#10243f;font:inherit;font-weight:850;text-align:left;cursor:pointer}
.asp-client-modal-trigger:hover{color:#9a691b}
.asp-client-expand-mark{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #d6e0ec;border-radius:999px;background:#fff;color:#7a5a18;font-size:12px;font-weight:900;line-height:1}
.asp-client-count-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid #dbe5f1;border-radius:999px;background:#f8fafc;color:#405168;font-size:11px;font-weight:850;white-space:nowrap}
.asp-client-modal-open{overflow:hidden}
.asp-client-modal-layer{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}
.asp-client-modal-layer[hidden]{display:none}
.asp-client-modal{width:min(1020px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:hidden;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.25)}
.asp-client-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px 11px;border-bottom:1px solid #e8eef6;background:linear-gradient(180deg,#fff,#f8fafc)}
.asp-client-modal-title{font-size:15px;font-weight:900;color:#0f172a}
.asp-client-modal-close{width:30px;height:30px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#334155;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.asp-client-modal-close:hover{background:#f8fafc;color:#0f172a}
.asp-client-modal-body{max-height:calc(100vh - 128px);overflow:auto;padding:12px}
.asp-client-detail-title{font-size:12px;font-weight:900;color:#0f172a;margin:0 0 7px}
.asp-client-campaign-title{margin-top:12px}
.asp-client-detail-wrap{margin-top:7px;border-radius:8px}
.asp-client-campaign-table,.asp-client-summary-mini,.asp-client-map-table{min-width:780px}
.asp-client-campaign-table th,.asp-client-campaign-table td,.asp-client-summary-mini th,.asp-client-summary-mini td,.asp-client-map-table th,.asp-client-map-table td{padding:6px 8px;font-size:11.5px;line-height:1.2}
.asp-client-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.asp-client-admin-form{display:grid;gap:8px;padding:10px;border:1px solid #e4ebf4;border-radius:12px;background:linear-gradient(180deg,#fff,#f9fbfe);box-shadow:0 8px 20px rgba(15,23,42,.045)}
.asp-card-title-small{font-size:13px;margin-bottom:0}
.asp-check-row{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750;color:#334155}
.asp-badge-muted{background:#f1f5f9;color:#64748b;border-color:#dbe3ef}
.asp-exec-voip-table{min-width:760px}
.asp-finance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.asp-finance-summary-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.asp-finance-summary .asp-card{padding:10px 12px;border-radius:12px}
.asp-finance-summary span{display:block;color:#66768d;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.asp-finance-summary strong{display:block;margin-top:4px;font-size:16px;line-height:1.15;color:#07182f}
.asp-finance-entry,.asp-finance-ledger{padding:11px 12px;margin-top:10px}
.asp-finance-entry .asp-card-title,.asp-finance-ledger .asp-card-title{font-size:14px;margin-bottom:8px}
.asp-finance-table{min-width:980px}
.asp-finance-totals-table{min-width:520px}
.asp-finance-table th,.asp-finance-table td{padding:6px 8px;font-size:12px;line-height:1.2}
.asp-finance-table .is-voided td{color:#8a94a6;background:#fbfcfe;text-decoration:none}
.asp-finance-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.asp-finance-void-form{display:flex;align-items:center;gap:5px;margin:0}
.asp-finance-void-form input{height:30px;max-width:140px;border:1px solid #d8e2ee;border-radius:9px;padding:0 8px;font-size:11.5px}
.asp-field-actions{display:flex;align-items:flex-end;gap:8px}
.asp-check-inline{display:inline-flex;align-items:center;gap:6px;min-height:31px;color:#526174;font-size:12px;font-weight:800;white-space:nowrap}

@media (max-width:1100px){
  .asp-page-head.asp-exec-sheet-head{align-items:flex-start;flex-direction:column}
  .asp-exec-inline-filter{width:100%}
  .asp-exec-live-grid{grid-template-columns:1fr}
  .asp-finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:700px){
  .asp-exec-inline-filter,.asp-finance-filter{gap:8px;padding:9px;width:100%}
  .asp-exec-inline-filter .asp-field-inline,.asp-finance-filter .asp-field-inline{flex:1 1 145px;max-width:none}
  .asp-exec-inline-filter .asp-btn,.asp-finance-filter .asp-btn{flex:0 0 auto}
  .asp-finance-summary{grid-template-columns:1fr}
  .asp-finance-actions,.asp-finance-void-form{align-items:stretch;flex-direction:column}
  .asp-finance-void-form input{max-width:none;width:100%}
}

.asp-exec-filter{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.asp-exec-filter .asp-field-inline{flex:1 1 170px;max-width:250px}
.asp-exec-filter .asp-btn{height:35px}
.asp-report-filter{margin:10px 0 12px;padding:10px;border:1px solid rgba(127,143,164,.24);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));box-shadow:0 10px 24px rgba(15,23,42,.065),inset 0 1px 0 rgba(255,255,255,.85)}
.asp-report-filter .asp-field-inline{flex:0 1 176px;max-width:220px;gap:4px}
.asp-report-filter .asp-field-inline label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#526174;font-weight:850}
.asp-report-filter input,.asp-report-filter select{height:32px;font-size:12px;border:1px solid #d7e1ee;border-radius:9px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:inset 0 1px 1px rgba(15,23,42,.035);color:#0f172a}
.asp-report-filter input:focus,.asp-report-filter select:focus{border-color:#b5892c;box-shadow:0 0 0 3px rgba(181,137,44,.12),inset 0 1px 1px rgba(15,23,42,.035);outline:none}
.asp-report-filter .asp-btn{height:32px;min-height:32px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:850}
.asp-report-filter .asp-btn-primary{min-width:78px;background:linear-gradient(180deg,#d4a142,#9e6d1b);border-color:#9e6d1b;color:#fff;box-shadow:0 8px 16px rgba(154,105,27,.2)}
.asp-report-filter .asp-btn-ghost{background:transparent;border-color:#dbe3ef;color:#475569;box-shadow:none}
.asp-exec-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.asp-exec-kpi{min-height:82px;padding:13px 14px}
.asp-exec-kpi span{display:block;color:#64748b;font-size:10.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.asp-exec-kpi strong{display:block;margin-top:8px;font-size:22px;line-height:1.08;letter-spacing:0;color:#0f172a}
.asp-exec-kpi-net{border-color:#d9bf78;background:linear-gradient(180deg,#fff,#fffaf0)}
.asp-exec-panels{align-items:start}
.asp-exec-days{display:flex;flex-direction:column;gap:9px}
.asp-exec-day{border:1px solid var(--asp-border);border-radius:12px;background:#fff;padding:10px 11px}
.asp-exec-day-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.asp-exec-day-main strong{display:block;font-size:14px;color:#0f172a}
.asp-exec-day-main span,.asp-exec-day-grid span{display:block;color:#64748b;font-size:12px;line-height:1.35}
.asp-exec-day-money{text-align:right;white-space:nowrap}
.asp-exec-day-money span:first-child{color:#0f172a;font-weight:800}
.asp-exec-day-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #eef2f7}
.asp-exec-details{margin-top:8px}
.asp-exec-details summary{cursor:pointer;color:var(--asp-accent-dark);font-size:12px;font-weight:800}
.asp-mini-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.asp-mini-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border:1px solid #eef2f7;border-radius:10px;background:#f8fafc;padding:8px 9px}
.asp-mini-list span{font-weight:760;color:#334155}
.asp-mini-list strong{text-align:right;color:#0f172a}
.asp-mini-list em{grid-column:1/-1;color:#64748b;font-style:normal;font-size:12px}
.asp-economics-table{min-width:960px}
.asp-economics-table th,.asp-economics-table td{padding:6px 8px;font-size:12px}
.asp-agent-detail-link{appearance:none;border:0;background:transparent;color:#8a5f18;font:inherit;font-weight:850;padding:0;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.asp-agent-detail-link:hover{color:#5f3f0d}
.asp-agent-modal-layer{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.46);backdrop-filter:blur(3px)}
.asp-agent-modal-layer[hidden],.asp-agent-modal[hidden]{display:none}
.asp-modal-open{overflow:hidden}
.asp-agent-modal{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:hidden;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.25)}
.asp-agent-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px 11px;border-bottom:1px solid #e8eef6;background:linear-gradient(180deg,#fff,#f8fafc)}
.asp-agent-modal-close{width:30px;height:30px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#334155;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.asp-agent-modal-close:hover{background:#f8fafc;color:#0f172a}
.asp-agent-modal-table-wrap{margin:12px;max-height:calc(100vh - 190px);overflow:auto;border-radius:12px}
.asp-agent-modal-table{min-width:850px}
.asp-agent-modal-table th,.asp-agent-modal-table td{padding:6px 8px;font-size:12px}
.asp-voip-section{padding:12px 13px}
.asp-voip-section .asp-card-title{font-size:14px;margin-bottom:5px}
.asp-voip-section .asp-card-sub{font-size:11.75px}
.asp-voip-entry-grid{align-items:start}
.asp-voip-table-wrap{border-radius:10px}
.asp-voip-ledger-filter{margin:10px 0 12px;padding:10px;border:1px solid rgba(127,143,164,.24);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));box-shadow:0 10px 24px rgba(15,23,42,.065),inset 0 1px 0 rgba(255,255,255,.85)}
.asp-voip-ledger-filter .asp-field-inline{flex:0 1 168px;max-width:220px;gap:4px}
.asp-voip-ledger-filter .asp-field-inline label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#526174;font-weight:850}
.asp-voip-ledger-filter input,.asp-voip-ledger-filter select{height:32px;font-size:12px;border:1px solid #d7e1ee;border-radius:9px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:inset 0 1px 1px rgba(15,23,42,.035);color:#0f172a}
.asp-voip-ledger-filter input:focus,.asp-voip-ledger-filter select:focus{border-color:#b5892c;box-shadow:0 0 0 3px rgba(181,137,44,.12),inset 0 1px 1px rgba(15,23,42,.035);outline:none}
.asp-voip-ledger-filter .asp-btn{height:32px;min-height:32px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:850}
.asp-voip-ledger-filter .asp-btn-primary{min-width:78px;background:linear-gradient(180deg,#d4a142,#9e6d1b);border-color:#9e6d1b;color:#fff;box-shadow:0 8px 16px rgba(154,105,27,.2)}
.asp-voip-ledger-filter .asp-btn-ghost{background:transparent;border-color:#dbe3ef;color:#475569;box-shadow:none}
.asp-voip-ledger-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 10px}
.asp-voip-ledger-summary>div{border:1px solid #e5ecf5;border-radius:10px;background:linear-gradient(180deg,#fff,#f8fafc);padding:8px 10px}
.asp-voip-ledger-summary span{display:block;color:#64748b;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}
.asp-voip-ledger-summary strong{display:block;margin-top:5px;color:#0f172a;font-size:13px;font-weight:850;line-height:1.2}
.asp-voip-ledger-wrap{max-height:640px;overflow:auto}
.asp-voip-provider-table{min-width:620px}
.asp-voip-ledger-table{min-width:1080px}
.asp-voip-summary-table{min-width:980px}
.asp-voip-entries-table{min-width:900px}
.asp-voip-context-table{min-width:740px}
.asp-voip-provider-table th,.asp-voip-provider-table td,.asp-voip-ledger-table th,.asp-voip-ledger-table td,.asp-voip-summary-table th,.asp-voip-summary-table td,.asp-voip-entries-table th,.asp-voip-entries-table td,.asp-voip-context-table th,.asp-voip-context-table td{padding:6px 8px;font-size:12px}
.asp-voip-ledger-table th{position:sticky;top:0;z-index:2;background:#f8fafc;box-shadow:0 1px 0 #e4eaf3}
.asp-voip-ledger-table th:first-child,.asp-voip-ledger-table td:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 0 #edf2f7}
.asp-voip-ledger-table th:first-child{z-index:3;background:#f8fafc}
.asp-voip-ledger-table tfoot td{position:sticky;bottom:0;background:#fffaf0;border-top:1px solid #ead3a5;font-weight:850;color:#1f2937}
.asp-voip-ledger-total-row td:first-child{background:#fffaf0}
.asp-voip-ledger-gap{background:#fbfcfe;color:#94a3b8}
.asp-voip-ledger-missing{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:22px;border-radius:7px;color:#94a3b8;text-decoration:none;font-weight:850}
.asp-voip-ledger-missing:hover{background:#fff7e6;color:#95691f;text-decoration:none}
.asp-voip-ledger-amount{color:#7c520c;font-weight:850;text-decoration:none}
.asp-voip-ledger-amount:hover{text-decoration:underline;text-underline-offset:2px}
.asp-voip-ledger-voided{display:inline-flex;align-items:center;gap:4px;color:#991b1b;font-size:11px;font-weight:850}
.asp-voip-ledger-notes{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b}
.asp-voip-ledger-table tr.is-voip-empty-date td{background:#fbfcfe}
.asp-check-inline{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 9px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#334155;font-size:12px;font-weight:760}
.asp-check-inline input{width:auto;height:auto;min-height:0}
.asp-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.asp-btn-xs{min-height:28px;height:28px;padding:0 9px;border-radius:9px;font-size:11px;line-height:1}
.asp-void-inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
.asp-void-inline-form input[type=text]{height:28px;min-height:28px;max-width:150px;border:1px solid #dbe3ef;border-radius:9px;background:#fff;padding:0 9px;font-size:11px;color:#0f172a}
.asp-status-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.asp-status-active{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.asp-status-voided{border-color:#fecaca;background:#fef2f2;color:#991b1b}
@media (max-width:1100px){.asp-exec-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.asp-exec-filter .asp-field-inline{flex-basis:100%;max-width:none}.asp-report-filter{gap:8px;padding:9px}.asp-report-filter .asp-field-inline{flex:1 1 150px;max-width:none}.asp-report-filter .asp-btn{flex:0 0 auto}.asp-voip-ledger-filter{gap:8px;padding:9px}.asp-voip-ledger-filter .asp-field-inline{flex:1 1 150px;max-width:none}.asp-voip-ledger-filter .asp-btn{flex:0 0 auto}.asp-voip-ledger-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.asp-exec-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.asp-exec-day-main{flex-direction:column}.asp-exec-day-money{text-align:left}.asp-exec-day-grid{grid-template-columns:1fr}.asp-agent-modal-layer{align-items:flex-start;padding:14px}.asp-agent-modal{width:100%;max-height:calc(100vh - 28px)}.asp-agent-modal-head{padding:12px}.asp-agent-modal-table-wrap{margin:10px;max-height:calc(100vh - 168px)}}
@media (max-width:700px){.asp-client-admin-grid{grid-template-columns:1fr}.asp-client-modal-layer{align-items:flex-start;padding:14px}.asp-client-modal{width:100%;max-height:calc(100vh - 28px)}.asp-client-modal-head{padding:12px}.asp-client-modal-body{max-height:calc(100vh - 118px);padding:10px}}
@media (max-width:420px){.asp-exec-kpis{grid-template-columns:1fr}.asp-exec-kpi strong{font-size:20px}}
.asp-exec-sheet-head{margin-bottom:0}
.asp-exec-sheet-filter{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:10px 0 12px;padding:10px;border:1px solid rgba(127,143,164,.22);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 10px 24px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.8)}
.asp-exec-sheet-filter .asp-field-inline{flex:0 1 178px;max-width:220px;gap:4px}
.asp-exec-sheet-filter .asp-field-inline label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#526174;font-weight:850}
.asp-exec-sheet-filter input,.asp-exec-sheet-filter select{height:32px;font-size:12px;border:1px solid #d7e1ee;border-radius:9px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:inset 0 1px 1px rgba(15,23,42,.035);color:#0f172a}
.asp-exec-sheet-filter input:focus,.asp-exec-sheet-filter select:focus{border-color:#b5892c;box-shadow:0 0 0 3px rgba(181,137,44,.12),inset 0 1px 1px rgba(15,23,42,.035);outline:none}
.asp-exec-sheet-filter .asp-btn{height:32px;min-height:32px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:850}
.asp-exec-sheet-filter .asp-btn-primary{min-width:78px;background:linear-gradient(180deg,#183456,#07182f);border-color:#07182f;color:#fff;box-shadow:0 8px 16px rgba(7,24,47,.18)}
.asp-exec-sheet-filter .asp-btn-ghost{background:transparent;border-color:#dbe3ef;color:#475569;box-shadow:none}
.asp-exec-sheet-section{padding:10px 11px}
.asp-exec-sheet-section .asp-card-title{font-size:14px;margin-bottom:7px}
.asp-exec-sheet-section .asp-card-sub{font-size:11.5px}
.asp-exec-sheet-section-head{margin-bottom:7px;padding-bottom:7px}
.asp-exec-sheet-wrap{border-radius:8px}
.asp-exec-sheet-table{min-width:860px}
.asp-exec-agent-table{min-width:860px}
.asp-exec-sheet-table th,.asp-exec-sheet-table td,.asp-exec-agent-table th,.asp-exec-agent-table td{padding:6px 8px;font-size:12px;line-height:1.2}
.asp-exec-sheet-table th,.asp-exec-agent-table th{font-size:10px;white-space:nowrap}
.asp-exec-sheet-actions{display:flex;justify-content:flex-end;margin-top:9px}
.asp-exec-sheet-actions .asp-btn{height:32px;min-height:32px;padding:0 12px;border-radius:9px;font-size:12px}
.asp-sheet-date{white-space:nowrap;font-weight:720;color:#1f2937}
.asp-sheet-cell.is-blank{background:#fbfcfe;color:transparent}
@media (max-width:700px){.asp-exec-sheet-filter{gap:8px;padding:9px}.asp-exec-sheet-filter .asp-field-inline{flex:1 1 150px;max-width:none}.asp-exec-sheet-filter .asp-btn{flex:0 0 auto}.asp-exec-sheet-section{padding:9px}.asp-exec-sheet-actions{justify-content:flex-start}.asp-exec-sheet-table th,.asp-exec-sheet-table td,.asp-exec-agent-table th,.asp-exec-agent-table td{padding:6px 7px}}

.asp-dashboard-intel{margin-top:12px}
.asp-dashboard-intel .asp-card{padding:15px 16px}
.asp-dashboard-intel .asp-card-title{font-size:15px;margin-bottom:4px}
.asp-mini-list,.asp-mini-rank{display:flex;flex-direction:column;gap:7px}
.asp-mini-list-row,.asp-mini-rank-row{border:1px solid #edf2f7;background:linear-gradient(180deg,#fff,#fbfcfe);border-radius:11px;padding:8px 10px}
.asp-mini-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.asp-mini-list-row span,.asp-mini-rank-main strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asp-mini-list-row strong{font-size:14px;color:#0f172a;font-variant-numeric:tabular-nums}
.asp-mini-rank-row{display:flex;flex-direction:column;gap:4px}
.asp-mini-rank-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12.75px;color:#334155}
.asp-mini-rank-main span:last-child{color:#64748b;font-weight:760;white-space:nowrap}
.asp-rank-pill{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;border-radius:999px;background:var(--asp-accent-soft);border:1px solid var(--asp-accent-border);color:var(--asp-accent-dark);font-size:11px;font-weight:850}
.asp-mini-campaigns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:3px}
.asp-mini-campaign-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #eef2f7;background:#fff;border-radius:9px;padding:5px 7px;font-size:11.75px;color:#475569}
.asp-mini-campaign-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asp-mini-campaign-row strong{color:#0f172a;font-variant-numeric:tabular-nums}
.asp-mini-campaign-more{background:#fffaf0;border-color:#f0d99c;color:#7c520c}
.asp-chat-thread-card{overflow:hidden}
.asp-chat-thread{background:linear-gradient(180deg,#f8fafc,#f4f7fb);display:flex;flex-direction:column;gap:9px}
.asp-chat-bubble{box-shadow:0 1px 1px rgba(15,23,42,.025),0 8px 16px rgba(15,23,42,.04);line-height:1.45}
.asp-chat-row:not(.is-me) .asp-chat-bubble{border-top-left-radius:6px}
.asp-chat-row.is-me .asp-chat-bubble{border-top-right-radius:6px}

.asp-dnc-settings-card{border-color:#ead8aa;background:linear-gradient(180deg,#fff,#fffdf8)}
.asp-dnc-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:11px;border-bottom:1px solid #f0dfb7}
.asp-dnc-status-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;border:1px solid var(--asp-accent-border);background:var(--asp-accent-soft);color:var(--asp-accent-dark);padding:4px 9px;font-size:11px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}
.asp-dnc-status-pill.is-disabled{border-color:#cbd5e1;background:#f8fafc;color:#64748b}
.asp-dnc-status-pill.is-bulk{border-color:#d7ad55;background:#fbf0d4;color:#7c520c}
.asp-dnc-master{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #ead8aa;border-radius:14px;background:linear-gradient(180deg,#fffaf0,#fff);padding:13px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.86)}
.asp-dnc-toggle{display:inline-flex;align-items:center;gap:9px;color:#334155;font-size:12.5px;font-weight:780}
.asp-dnc-toggle input{width:18px;height:18px;accent-color:var(--asp-accent)}
.asp-dnc-status-title{margin-top:12px;margin-bottom:7px}
.asp-dnc-service-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 2px}
.asp-dnc-service-status > div{border:1px solid #edf1f7;border-radius:12px;background:#fff;padding:9px 10px;box-shadow:0 1px 1px rgba(15,23,42,.025)}
.asp-dnc-service-status span{display:block;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:var(--asp-muted)}
.asp-dnc-service-status strong{display:block;margin-top:4px;color:#0f172a;font-size:12.5px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asp-dnc-credentials-card{background:linear-gradient(180deg,#fff,#fffaf0)!important;border-color:#ead8aa!important}
.asp-dnc-credentials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.asp-dnc-credentials-grid .asp-field{margin-bottom:0}
.asp-dnc-settings-card .asp-field-full{border:1px solid #edf1f7;border-radius:13px;background:#fff;padding:11px 12px;margin-bottom:0}
.asp-dnc-settings-card .asp-field-full > label:first-child{font-size:11.5px;color:#475569;text-transform:uppercase;letter-spacing:.045em}
.asp-dnc-settings-card .asp-field-full .asp-muted label{display:inline-flex;align-items:center;gap:6px;min-height:24px;color:#475569;font-size:12px;font-weight:650}
.asp-dnc-settings-card .asp-field-full input[type=checkbox]{accent-color:var(--asp-accent)}
.asp-dnc-settings-card form.is-dnc-disabled > .asp-field:not(:last-child){opacity:.6;background:#f8fafc;border-style:dashed}
.asp-dnc-preview-wrap{margin-top:9px;box-shadow:none}
.asp-dnc-preview-wrap .asp-table{min-width:720px}
.asp-dnc-preview-wrap td:nth-child(3),.asp-dnc-preview-wrap td:nth-child(4){font-weight:850}
.asp-dnc-debug{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;border:1px dashed #d8c38e;border-radius:13px;background:#fffaf0;color:#6b4a12;padding:11px 12px;font-size:11.75px;line-height:1.35}
.asp-dnc-debug strong{color:#3f2c0b}
@media (max-width:700px){
 .asp-dnc-settings-head,.asp-dnc-master{align-items:flex-start;flex-direction:column}
 .asp-dnc-service-status{grid-template-columns:1fr}
 .asp-dnc-credentials-grid{grid-template-columns:1fr}
 .asp-dnc-debug{grid-template-columns:1fr}
}
.asp-chat-bubble.is-deleted{background:#f8fafc;border-style:dashed;color:#64748b;box-shadow:none}
.asp-chat-deleted{font-style:italic;color:#64748b}
.asp-chat-meta{align-items:center}
.asp-chat-meta span:first-child{font-weight:820;color:#334155}
.asp-chat-composer{position:relative;border:1px solid #e4eaf3;border-radius:14px;background:#fff;padding:8px;box-shadow:0 8px 20px rgba(15,23,42,.055)}
.asp-chat-controls{align-items:center}
.asp-chat-controls .asp-btn,.asp-chat-controls label.asp-btn{height:34px;min-width:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center}
.asp-chat-controls label.asp-btn{cursor:pointer}
.asp-chat-controls label.asp-btn.has-file{border-color:var(--asp-accent-border);background:var(--asp-accent-soft);color:var(--asp-accent-dark)}
.asp-chat-input input[name="message"]{height:34px;border-radius:10px}
.assp-emoji-panel[hidden]{display:none!important}
.assp-emoji-panel{bottom:44px;left:0;max-width:236px;z-index:25;display:flex;box-shadow:0 18px 42px rgba(15,23,42,.16)}
.assp-emoji{min-width:31px;height:31px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.assp-emoji:hover{background:var(--asp-accent-soft);transform:translateY(-1px)}
.asp-chat-delete-form{margin-top:7px;display:flex;justify-content:flex-end}
.asp-chat-delete{border:0;background:transparent;color:#991b1b;font-size:11px;font-weight:800;padding:3px 0;cursor:pointer}
.asp-chat-delete:hover{text-decoration:underline}

/* Hawks premium corporate polish layer */
:root{
  --hn-navy:#07182f;
  --hn-navy-2:#0b2342;
  --hn-navy-3:#102c50;
  --hn-gold:#b88422;
  --hn-gold-2:#d6a64a;
  --hn-bg:#f3f6fb;
  --hn-card:#ffffff;
  --hn-border:#dbe4ef;
  --hn-text:#0b172a;
  --hn-muted:#64748b;
  --hn-success:#15803d;
  --hn-warning:#b7791f;
  --hn-danger:#b91c1c;
  --asp-bg:var(--hn-bg);
  --asp-card:var(--hn-card);
  --asp-border:var(--hn-border);
  --asp-border-strong:#cbd7e6;
  --asp-text:var(--hn-text);
  --asp-muted:var(--hn-muted);
  --asp-accent:var(--hn-gold);
  --asp-accent-dark:#8f6218;
  --asp-accent-soft:#fff7e6;
  --asp-accent-wash:#fbefd1;
  --asp-accent-border:#dbb45f;
  --asp-sidebar:var(--hn-navy);
  --asp-sidebar-2:var(--hn-navy-2);
  --asp-radius:16px;
  --asp-control-height:38px;
  --asp-shadow:0 1px 2px rgba(15,23,42,.04),0 14px 34px rgba(15,23,42,.075);
  --asp-shadow-strong:0 22px 58px rgba(15,23,42,.16);
}
body.asp{background:radial-gradient(circle at 12% -8%,rgba(184,132,34,.16),transparent 28%),radial-gradient(circle at 96% -6%,rgba(7,24,47,.13),transparent 30%),linear-gradient(180deg,#fbfcff 0%,#f4f7fb 38%,#eef3f8 100%);font-size:13px;color:var(--hn-text)}
body.asp *{box-sizing:border-box}
.asp-topbar{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(219,228,239,.94);box-shadow:0 8px 24px rgba(15,23,42,.055);backdrop-filter:blur(18px)}
.asp-topbar-inner{max-width:1440px;min-height:58px;padding:8px 24px}
.asp-brand-logo{width:170px}
.asp-brand-text{min-height:28px;border-left-color:#dce5f1;color:#1f2f46;font-size:11px;font-weight:900;letter-spacing:.08em}
.asp-user{padding:5px 7px 5px 12px;border:1px solid #e5ecf5;border-radius:999px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.045)}
.asp-user-name{font-size:12.5px;font-weight:760;color:#334155}
.asp-user .asp-link{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:var(--asp-accent-soft);border:1px solid rgba(219,180,95,.7);color:#745015;font-size:12px;font-weight:850;text-decoration:none}
.asp-user .asp-link:hover{background:#fbefd1;color:#553909}
.asp-layout{max-width:1440px;grid-template-columns:206px minmax(0,1fr);gap:18px;padding:16px 24px 28px}
.asp-nav{position:sticky;top:74px;align-self:start;gap:5px;padding:12px 9px;border-radius:20px;background:radial-gradient(circle at 18% 0%,rgba(216,166,74,.16),transparent 24%),linear-gradient(180deg,#07182f 0%,#0b2342 100%);border:1px solid rgba(219,180,95,.14);box-shadow:0 20px 48px rgba(7,24,47,.24);min-height:calc(100vh - 104px)}
.asp-nav:before{content:"";height:1px;margin:0 9px 5px;background:linear-gradient(90deg,transparent,rgba(219,180,95,.42),transparent)}
.asp-nav-item{min-height:39px;padding:8px 11px;border-radius:12px;color:rgba(229,239,252,.8);font-size:12.5px;font-weight:760;letter-spacing:.005em}
.asp-nav-item:hover{background:rgba(255,255,255,.07);border-color:rgba(219,180,95,.18);color:#fff;transform:translateX(1px)}
.asp-nav-item.is-active{border-color:rgba(219,180,95,.42);background:linear-gradient(90deg,rgba(184,132,34,.28),rgba(255,255,255,.06));color:#fff;box-shadow:inset 3px 0 0 var(--asp-accent),0 10px 20px rgba(0,0,0,.13)}
.asp-main{gap:13px}
.asp-page-head{margin:0 0 3px;padding:2px 0}
.asp-page-title{font-size:24px;font-weight:900;color:#07182f;letter-spacing:-.035em}
.asp-page-sub{font-size:12.5px;color:#6b7890}
.asp-card{border-radius:16px;border-color:#dfe8f3;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--asp-shadow);padding:16px}
.asp-card:hover{border-color:#d7e2ef}
.asp-card-title{font-size:15.5px;font-weight:900;color:#07182f;letter-spacing:-.015em}
.asp-section-head{border-bottom-color:#edf2f7;margin-bottom:12px;padding-bottom:11px}
.asp-section-card .asp-card-title{font-size:18px}
.asp-muted,.asp-card-sub{color:#66768d}
.asp-cards,.asp-cards-4{gap:13px}
.asp-kpi-card,.asp-cards > .asp-card,.asp-cards-4 > .asp-card{position:relative;overflow:hidden;border-color:#dfe8f3;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 1px 2px rgba(15,23,42,.035),0 12px 26px rgba(15,23,42,.065)}
.asp-cards > .asp-card:before,.asp-cards-4 > .asp-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--asp-accent),rgba(216,166,74,.52),transparent)}
.asp-kpi-label{font-size:10.5px;font-weight:900;letter-spacing:.095em;color:#64748b}
.asp-kpi-value{font-size:27px;font-weight:900;color:#07182f}
.asp-kpi-sub,.asp-kpi-subtle{font-size:12px;color:#6b7890}
.asp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;height:auto;padding:8px 13px;border-radius:11px;border-color:#d9e3ef;background:linear-gradient(180deg,#fff,#f8fafc);color:#243247;font-size:12px;font-weight:850;text-decoration:none;box-shadow:0 1px 1px rgba(15,23,42,.025)}
.asp-btn:hover{transform:translateY(-1px);border-color:var(--asp-accent-border);background:#fffaf0;color:#6f4b12;box-shadow:0 8px 18px rgba(184,132,34,.12)}
.asp-btn-primary{border-color:#9e6d1b;background:linear-gradient(180deg,#d3a245,#9a691b);color:#fff;box-shadow:0 10px 22px rgba(154,105,27,.24)}
.asp-btn-primary:hover{background:linear-gradient(180deg,#c49338,#865915);border-color:#865915;color:#fff}
.asp-btn-ghost{background:linear-gradient(180deg,#fff,#f8fafc);color:#334155}
.asp-btn-danger{border-color:#fecaca;background:linear-gradient(180deg,#fff5f5,#fee2e2);color:#991b1b}
.asp-link{color:#8f6218;font-weight:800}
.asp-link-button{display:inline-flex;align-items:center;min-height:24px;border:1px solid #e6edf5;border-radius:999px;background:#fff;color:#7c5517;padding:3px 8px;font-size:11px;font-weight:850;text-decoration:none}
.asp-link-button:hover{border-color:var(--asp-accent-border);background:var(--asp-accent-soft);text-decoration:none}
.asp-field label,.asp-field-inline label{font-size:10.75px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#66768d}
.asp-field input,.asp-field select,.asp-field textarea,.asp-inline-form input,.asp-inline-form select,.asp-filter-toolbar input,.asp-filter-toolbar select{min-height:38px;border-radius:11px;border-color:#d9e3ef;background:#fff;color:#101b2e;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.asp-field textarea{min-height:84px}
.asp-field input:focus,.asp-field select:focus,.asp-field textarea:focus,.asp-inline-form input:focus,.asp-inline-form select:focus,.asp-filter-toolbar input:focus,.asp-filter-toolbar select:focus{border-color:var(--asp-accent-border);box-shadow:0 0 0 3px rgba(184,132,34,.16)}
.asp-filter-toolbar,.asp-page-head > .asp-inline-form,.asp-actions,.asp-agent-filter-card{border-radius:16px;background:rgba(255,255,255,.96);border:1px solid #dfe8f3;box-shadow:0 10px 24px rgba(15,23,42,.055)}
.asp-table-wrap{border-radius:16px;border-color:#dfe8f3;box-shadow:0 1px 2px rgba(15,23,42,.03),0 10px 24px rgba(15,23,42,.045);background:#fff}
.asp-table{color:#263449}
.asp-table th{background:linear-gradient(180deg,#f8fafc,#eef3f8);color:#526176;font-size:10px;font-weight:900;letter-spacing:.09em;border-bottom:1px solid #dfe8f3}
.asp-table td{font-size:12.65px;color:#334155;border-bottom-color:#eef3f8}
.asp-table tbody tr:hover{background:#fff9eb}
.asp-table-compact td,.asp-table-compact th{word-break:normal;overflow-wrap:normal}
.asp-directory-wrap{border-radius:18px}
.asp-directory-wide{max-height:none;overflow-x:auto;overflow-y:visible}
.asp-directory-wide .asp-directory-table{min-width:1320px;table-layout:fixed}
.asp-directory-table th,.asp-directory-table td{padding:9px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asp-directory-table td:first-child,.asp-directory-table th:first-child{width:150px}
.asp-directory-table td:nth-child(2),.asp-directory-table th:nth-child(2){width:118px}
.asp-directory-table td:nth-child(3),.asp-directory-table th:nth-child(3){width:190px}
.asp-directory-table td:nth-child(4),.asp-directory-table th:nth-child(4){width:122px}
.asp-directory-table td:nth-child(5),.asp-directory-table th:nth-child(5){width:106px}
.asp-directory-table td:nth-child(6),.asp-directory-table th:nth-child(6){width:130px}
.asp-directory-table td:nth-child(7),.asp-directory-table th:nth-child(7){width:110px}
.asp-directory-table td:nth-child(8),.asp-directory-table th:nth-child(8){width:130px}
.asp-directory-table td:nth-child(9),.asp-directory-table th:nth-child(9){width:128px}
.asp-directory-table td:nth-child(10),.asp-directory-table th:nth-child(10){width:148px}
.asp-directory-table td:nth-child(11),.asp-directory-table th:nth-child(11){width:92px}
.asp-directory-table td:nth-child(12),.asp-directory-table th:nth-child(12){width:230px}
.asp-directory-table .asp-cell-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}
.asp-account-actions{justify-content:flex-start;gap:5px;min-width:220px;white-space:normal;overflow:visible;text-overflow:clip}
.asp-account-actions .asp-link{display:inline-flex;align-items:center;min-height:24px;border:1px solid #e6edf5;border-radius:999px;background:#fff;padding:3px 8px;font-size:11px;font-weight:850;text-decoration:none}
.asp-account-actions .asp-link:hover{border-color:var(--asp-accent-border);background:var(--asp-accent-soft)}
.asp-badge{padding:4px 9px;border-radius:999px;font-size:10.75px;font-weight:900;letter-spacing:.035em;text-transform:uppercase}
.asp-badge-active{background:#ecfdf3;border-color:#bbf7d0;color:#166534}
.asp-badge-pending,.asp-badge-training,.asp-badge-probation{background:#fffbeb;border-color:#f6d88b;color:#8a5a0d}
.asp-badge-inactive,.asp-badge-resigned{background:#f8fafc;border-color:#cbd5e1;color:#64748b}
.asp-alert{border-radius:14px;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.asp-empty-state{border-radius:15px;background:linear-gradient(180deg,#fff,#f8fafc);border-color:#cfd9e7;color:#68778d}
.asp-agent-tabs-card{padding:11px}
.asp-agent-tabs{gap:9px}
.asp-agent-tab{min-height:40px;padding:9px 16px;border-radius:13px;font-weight:900}
.asp-agent-directory-card .asp-section-head{align-items:center}
.asp-agent-workspace-card .asp-form-grid{gap:12px 14px}
.asp-dashboard-intel{margin-top:4px}
.asp-dashboard-intel .asp-card{padding:15px}
.asp-mini-list-row,.asp-mini-rank-row{border-color:#e3eaf4;border-radius:13px;background:linear-gradient(180deg,#fff,#fbfdff)}
.asp-mini-rank-main{grid-template-columns:34px minmax(0,1fr) auto}
.asp-rank-pill{height:24px;background:#fff7e6;color:#7c520c;border-color:#dbb45f}
.asp-mini-campaigns{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}
.asp-mini-campaign-row{border-color:#e9eef6;background:#fff}
.asp-profile-grid > div{border-color:#e3eaf4;background:linear-gradient(180deg,#fff,#f8fafc)}
.asp-dnc-settings-card,.asp-dnc-credentials-card{border-radius:16px}
@media (max-width:1180px){
  .asp-layout{grid-template-columns:198px minmax(0,1fr);padding:14px 18px}
  .asp-directory-wide .asp-directory-table{min-width:1240px}
}
@media (max-width:900px){
  .asp-topbar-inner{padding:8px 14px}
  .asp-layout{display:block;padding:12px 14px 24px}
  .asp-nav{position:relative;top:auto;min-height:auto;margin-bottom:14px;border-radius:16px}
  .asp-main{gap:12px}
  .asp-cards,.asp-cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .asp-page-head > .asp-inline-form,.asp-actions{width:100%;margin-left:0}
}
@media (max-width:620px){
  .asp-brand-logo{width:138px}
  .asp-user{border:0;background:transparent;box-shadow:none;padding:0}
  .asp-cards,.asp-cards-4{grid-template-columns:1fr}
  .asp-card{padding:13px}
  .asp-agent-tab{flex:1 1 100%;justify-content:center}
}

/* Agent Accounts directory: main list stays focused; full HR data lives in Details/Edit. */
.asp-table-wrap.asp-employee-directory-wrap{overflow:hidden;max-height:none;border-radius:18px}
.asp-employee-directory-wrap .asp-employee-directory-table{min-width:0;width:100%;table-layout:fixed}
.asp-employee-directory-table .asp-col-name{width:22%}
.asp-employee-directory-table .asp-col-username{width:14%}
.asp-employee-directory-table .asp-col-email{width:27%}
.asp-employee-directory-table .asp-col-mobile{width:13%}
.asp-employee-directory-table .asp-col-status{width:10%}
.asp-employee-directory-table .asp-col-actions{width:14%}
.asp-employee-directory-table th,.asp-employee-directory-table td{padding:10px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asp-employee-directory-table .asp-cell-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}
.asp-employee-directory-table td.asp-employee-directory-actions{padding-left:8px;padding-right:10px;text-align:right;overflow:visible}
.asp-employee-action-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}
.asp-employee-action-row .asp-btn{flex:0 0 auto}
.asp-btn-small{min-height:30px;padding:5px 10px;border-radius:999px;font-size:11px;line-height:1.1}
.asp-employee-mobile-list{display:none}
.asp-employee-mobile-card{border:1px solid #dfe8f3;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 1px 2px rgba(15,23,42,.035),0 10px 22px rgba(15,23,42,.055);padding:13px;display:flex;flex-direction:column;gap:11px}
.asp-employee-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.asp-employee-mobile-head strong{display:block;color:#0f172a;font-size:14px}
.asp-employee-mobile-head span:not(.asp-badge){display:block;margin-top:3px;color:#64748b;font-size:12px}
.asp-employee-mobile-meta{display:grid;grid-template-columns:1fr;gap:8px}
.asp-employee-mobile-meta div{min-width:0;border:1px solid #eef3f8;border-radius:12px;background:#fff;padding:8px 10px}
.asp-employee-mobile-meta span{display:block;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.asp-employee-mobile-meta strong{display:block;min-width:0;margin-top:2px;color:#263449;font-size:12.5px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asp-employee-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.asp-employee-mobile-actions .asp-btn{justify-content:center}
.asp-employee-action-card{margin-bottom:16px}
.asp-actions-wrap{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.asp-actions-wrap .asp-inline-action{margin:0}

@media (max-width:820px){
  .asp-employee-directory-wrap{display:none}
  .asp-employee-mobile-list{display:grid;gap:10px}
}

/* Mobile enterprise app shell */
@media (max-width:900px){
  :root{--asp-mobile-navy:#03101f;--asp-mobile-navy-2:#07182f;--asp-mobile-navy-3:#0d2a4f;--asp-mobile-gold:#c9942e;--asp-mobile-gold-2:#d8ac55;--asp-mobile-bg:#eef3f8;--asp-mobile-card:#ffffff;--asp-mobile-border:rgba(8,27,51,.11);--asp-mobile-muted:#6f7d91}
  html,body.asp{width:100%;max-width:100%;overflow-x:hidden}
  body.asp{background:linear-gradient(180deg,#020a14 0,#07182f 130px,#eef3f8 131px,#f6f8fb 100%);color:#07182f;font-size:13px}
  .asp-topbar{position:sticky;top:0;z-index:80;background:linear-gradient(145deg,#020a14 0%,#05152b 54%,#0b2749 100%);border:0;border-bottom:1px solid rgba(216,166,74,.2);box-shadow:0 16px 36px rgba(2,10,20,.32);backdrop-filter:blur(18px)}
  .asp-topbar:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(216,166,74,.68),transparent)}
  .asp-topbar-inner{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:72px;max-width:none;padding:11px 14px 12px;gap:12px}
  .asp-brand{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:6px;flex:1 1 auto;min-width:0;color:#fff}
  .asp-brand-logo{display:block;width:176px;max-width:59vw;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}
  .asp-brand-text{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:190px;min-height:18px;padding:4px 9px;border:1px solid rgba(216,166,74,.34);border-radius:999px;background:rgba(255,255,255,.055);color:rgba(246,249,252,.94);font-size:9.5px;font-weight:950;line-height:1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
  .asp-user{flex:0 0 auto;padding:0;border:0;background:transparent;box-shadow:none}
  .asp-user-name{display:none}
  .asp-user .asp-link{display:inline-flex;align-items:center;justify-content:center;height:31px;padding:0 12px;border:1px solid rgba(216,166,74,.48);border-radius:999px;background:rgba(255,255,255,.045);color:#f7d98f;font-size:11px;font-weight:950;line-height:1;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
  .asp-layout{display:flex;flex-direction:column;width:100%;max-width:100%;gap:12px;margin:0;padding:0 14px 26px}
  .asp-nav{position:sticky;top:72px;z-index:70;display:flex;flex-direction:row;align-items:center;gap:6px;width:calc(100% + 28px);max-width:calc(100% + 28px);min-height:0;margin:0 -14px 13px;padding:10px 12px 11px;border:0;border-radius:0;background:linear-gradient(180deg,rgba(2,10,20,.99),rgba(7,24,47,.98));box-shadow:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .asp-nav::-webkit-scrollbar{display:none}
  .asp-nav:before{display:none}
  .asp-nav-item{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:8px 12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.035);color:rgba(229,239,252,.76);font-size:11.25px;font-weight:900;letter-spacing:.01em;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:none;scroll-snap-align:start}
  .asp-nav-item:hover{transform:none;background:rgba(255,255,255,.06);border-color:rgba(216,166,74,.24);color:#fff}
  .asp-nav-item.is-active{border-color:rgba(216,166,74,.46);background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045));color:#fff;box-shadow:inset 0 -2px 0 var(--asp-mobile-gold)}
  .asp-main{width:100%;min-width:0;gap:13px}
  .asp-page-head{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:2px 0 0}
  .asp-page-title{font-size:24px;line-height:1.02;font-weight:950;letter-spacing:-.045em;color:#07182f}
  .asp-page-sub{margin-top:5px;color:var(--asp-mobile-muted);font-size:12px;line-height:1.42}
  .asp-actions,.asp-page-head > .asp-inline-form,.asp-filter-toolbar{position:relative;width:100%;margin:0;padding:15px;border:1px solid var(--asp-mobile-border);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,251,255,.97));box-shadow:0 1px 2px rgba(8,27,51,.04),0 18px 38px rgba(8,27,51,.085)}
  .asp-actions:before,.asp-page-head > .asp-inline-form:before,.asp-filter-toolbar:before{content:"";position:absolute;left:15px;right:15px;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(201,148,46,.9),rgba(216,166,74,.28),transparent)}
  .asp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .asp-actions .asp-inline-form-tight{display:contents}
  .asp-actions .asp-muted{grid-column:1/-1;margin:2px 0 -4px;color:var(--asp-mobile-muted);font-size:9.5px;font-weight:950;letter-spacing:.14em;line-height:1;text-transform:uppercase}
  .asp-actions .asp-inline-form-tight select,.asp-actions .asp-inline-form-tight input,.asp-actions .asp-custom-select,.asp-page-head > .asp-inline-form input,.asp-page-head > .asp-inline-form select,.asp-filter-toolbar input,.asp-filter-toolbar select{grid-column:1/-1;width:100%;min-width:0;max-width:100%}
  .asp-actions .asp-inline-form-tight select,.asp-actions .asp-inline-form-tight input,.asp-page-head > .asp-inline-form input,.asp-page-head > .asp-inline-form select,.asp-filter-toolbar input,.asp-filter-toolbar select{height:45px;padding-left:14px;padding-right:14px;border:1px solid rgba(8,27,51,.12);border-radius:15px;background-color:#fff;background-image:linear-gradient(180deg,#fff,#f9fbfe);background-position:0 0;background-size:100% 100%;background-repeat:no-repeat;color:#07182f;font-size:13px;font-weight:780;line-height:1.2;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}
  .asp-actions .asp-inline-form-tight select,.asp-page-head > .asp-inline-form select,.asp-filter-toolbar select{padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#7c8798 50%),linear-gradient(135deg,#7c8798 50%,transparent 50%),linear-gradient(180deg,#fff,#f9fbfe);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%,0 0;background-size:6px 6px,6px 6px,100% 100%}
  .asp-actions .asp-custom-select-trigger{height:45px;padding-left:14px;padding-right:40px;border-radius:15px;font-size:13px;font-weight:780}
  .asp-actions .asp-inline-form-tight .asp-btn,.asp-actions > .asp-btn-ghost,.asp-actions > .asp-link,.asp-page-head > .asp-inline-form .asp-btn,.asp-filter-toolbar .asp-btn{height:44px;min-height:44px;border-radius:15px;font-size:12px;font-weight:950}
  .asp-actions .asp-inline-form-tight .asp-btn{grid-column:1;width:100%;justify-self:stretch;margin-top:2px}
  .asp-actions > .asp-btn-ghost,.asp-actions > .asp-link{grid-column:2;width:100%;min-width:0;justify-self:stretch;margin-top:2px;border-color:rgba(8,27,51,.12);background:linear-gradient(180deg,#fff,#f8fbff);color:#334155;box-shadow:none}
  .asp-actions .asp-inline-form-tight .asp-btn[type="submit"],.asp-page-head > .asp-inline-form .asp-btn[type="submit"],.asp-filter-toolbar .asp-btn[type="submit"],.asp-actions .asp-btn-primary,.asp-filter-toolbar .asp-btn-primary{border-color:#07182f;background:linear-gradient(180deg,#102c50,#03101f);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(3,16,31,.2)}
  .asp-actions .asp-inline-form-tight .asp-btn[type="submit"]:before,.asp-page-head > .asp-inline-form .asp-btn[type="submit"]:before,.asp-filter-toolbar .asp-btn[type="submit"]:before,.asp-actions .asp-btn-primary:before,.asp-filter-toolbar .asp-btn-primary:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--asp-mobile-gold);box-shadow:0 0 0 3px rgba(201,148,46,.15)}
  .asp-page-head > .asp-inline-form,.asp-filter-toolbar{display:grid;grid-template-columns:1fr;gap:10px}
  .asp-page-head > .asp-inline-form .asp-field-inline,.asp-filter-toolbar .asp-field-inline,.asp-filter-toolbar .asp-field-agent{max-width:none;min-width:0;flex-direction:column;align-items:stretch;gap:6px}
  .asp-field-inline label,.asp-page-head > .asp-inline-form .asp-field-inline label,.asp-filter-toolbar label{margin:0;color:var(--asp-mobile-muted);font-size:9.75px;font-weight:950;letter-spacing:.12em;line-height:1;text-transform:uppercase}
  .asp-cards,.asp-cards-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .asp-card{border-radius:22px;border-color:rgba(8,27,51,.1);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 1px 2px rgba(8,27,51,.035),0 14px 30px rgba(8,27,51,.07);padding:15px;overflow:visible}
  .asp-kpi-card,.asp-cards > .asp-card,.asp-cards-4 > .asp-card{position:relative;display:flex;flex-direction:column;min-height:128px;height:auto;padding:15px;overflow:visible;border-color:rgba(8,27,51,.095);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 1px 2px rgba(8,27,51,.035),0 14px 28px rgba(8,27,51,.065)}
  .asp-kpi-card:before,.asp-cards > .asp-card:before,.asp-cards-4 > .asp-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,rgba(201,148,46,.86),rgba(216,166,74,.22),transparent)}
  .asp-kpi-card:after,.asp-cards > .asp-card:after,.asp-cards-4 > .asp-card:after{display:none!important}
  .asp-kpi-label{color:var(--asp-mobile-muted);font-size:9.5px;font-weight:950;letter-spacing:.13em;line-height:1.2}
  .asp-kpi-value{margin-top:9px;color:#07182f;font-size:26px;line-height:.98;font-weight:950;letter-spacing:-.05em}
  .asp-kpi-sub,.asp-kpi-subtle,.asp-muted{font-size:11.25px;line-height:1.36;color:var(--asp-mobile-muted)}
  .asp-kpi-subtle{margin-top:auto;padding-top:10px;white-space:normal;overflow:visible;text-overflow:clip}
  .asp-section-head{gap:10px;flex-direction:column;align-items:stretch}
  .asp-section-actions{justify-content:stretch}
  .asp-section-actions .asp-btn{flex:1 1 140px}
  .asp-grid-2,.asp-form-grid,.asp-profile-grid{grid-template-columns:1fr}
  .asp-table-wrap{max-width:100%;overflow-x:auto}
}

@media (max-width:560px){
  .asp-topbar-inner{min-height:72px;padding:10px 12px 11px}
  .asp-brand-logo{width:162px;max-width:58vw}
  .asp-brand-text{font-size:8.6px;max-width:170px;padding:4px 8px}
  .asp-layout{padding-left:12px;padding-right:12px}
  .asp-nav{top:72px;width:calc(100% + 24px);max-width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;padding-left:11px;padding-right:11px}
  .asp-page-title{font-size:23px}
  .asp-actions,.asp-page-head > .asp-inline-form,.asp-filter-toolbar{padding:14px;border-radius:22px}
  .asp-card{padding:14px}
  .asp-kpi-card,.asp-cards > .asp-card,.asp-cards-4 > .asp-card{min-height:126px}
  .asp-kpi-value{font-size:24px}
}

@media (max-width:374px){
  .asp-brand-logo{width:150px;max-width:58vw}
  .asp-brand-text{font-size:7.9px;letter-spacing:.105em;max-width:154px}
  .asp-user .asp-link{height:30px;padding:0 10px;font-size:10.5px}
  .asp-nav-item{font-size:10.8px;padding:8px 10px}
  .asp-actions{gap:9px}
  .asp-actions .asp-inline-form-tight .asp-btn,.asp-actions > .asp-btn-ghost,.asp-actions > .asp-link{height:42px;min-height:42px}
  .asp-cards,.asp-cards-4{grid-template-columns:1fr;gap:10px}
  .asp-card{padding:14px}
  .asp-kpi-card,.asp-cards > .asp-card,.asp-cards-4 > .asp-card{min-height:116px}
  .asp-kpi-value{font-size:25px}
}




