:root{
  --navy:#0c2f68;
  --blue:#1768b3;
  --blue-strong:#0e55a0;
  --blue-soft:#eaf3fb;
  --ink:#17324d;
  --muted:#64798d;
  --line:#d9e5ee;
  --surface:#ffffff;
  --canvas:#f3f7fb;
  --shadow:0 10px 30px rgba(18,50,79,.07);
}

html{background:var(--canvas);scroll-behavior:smooth}
body{background:linear-gradient(180deg,#f7faff 0,#f2f7fb 360px);color:var(--ink);font-size:15px;line-height:1.45}
[hidden]{display:none!important}
header{position:sticky;top:0;z-index:20;min-height:78px;padding:14px max(24px,calc((100vw - 1440px)/2));background:linear-gradient(110deg,#092a62,#123f83);box-shadow:0 5px 18px rgba(8,35,76,.2)}
header strong{font-size:1.05rem;letter-spacing:-.01em}
header small{display:inline-block;margin-top:3px;color:#d7e5f7}
header nav{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
header nav a{padding:8px 10px;border-radius:8px;text-decoration:none;font-weight:700;color:#eef6ff}
header nav a:hover{background:rgba(255,255,255,.12)}

.wrap{max-width:1440px;padding:24px 28px 56px}
.notice{display:flex;align-items:center;min-height:48px;margin:0 0 16px;padding:12px 16px;border:1px solid #f2df9b;border-left:4px solid #dca600;border-radius:10px;background:#fff9df;color:#584b17;box-shadow:0 3px 12px rgba(77,62,0,.04)}

#tabs{position:sticky;top:78px;z-index:15;display:flex;gap:4px;flex-wrap:nowrap;margin:0 0 18px;padding:6px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 7px 20px rgba(18,50,79,.06);overflow-x:auto;scrollbar-width:thin;backdrop-filter:blur(12px)}
#tabs button{flex:0 0 auto;border:1px solid transparent;border-radius:8px;background:transparent;color:#456078;padding:9px 12px;font-size:.82rem}
#tabs button:hover{background:#eef5fb;color:var(--blue-strong)}
#tabs button.active{background:var(--navy);color:#fff;box-shadow:0 4px 10px rgba(12,47,104,.2)}

.panel.active{display:block;background:transparent;color:inherit}
.panel{scroll-margin-top:156px}
.card{border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px;background:var(--surface);box-shadow:var(--shadow)}
.card h1,.card h2,.card h3{margin:0 0 8px;color:#123f70;letter-spacing:-.025em}
.card h1{font-size:1.65rem}.card h2{font-size:1.35rem}.card h3{font-size:1.1rem}
.eyebrow{display:block;margin-bottom:5px;color:var(--blue);font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px}
.section-heading p{margin:0}
.company-filter{width:min(360px,38vw);flex:0 0 auto}
.load-status{align-self:center;margin-left:auto!important;padding:7px 11px;border-radius:999px;background:#eaf3fb;color:var(--blue-strong);font-size:.75rem;font-weight:800;white-space:nowrap}
.load-status.error,.table-message.error{background:#ffeaed;color:#a81426}
.table-message{text-align:center;color:var(--muted);padding:22px}

.tabs.dashboard-views{gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:0;border:0;background:transparent;box-shadow:none}
.dashboard-views button{border:1px solid var(--line);border-radius:999px;background:#fff;color:#4d6479;padding:8px 13px;font-size:.8rem}
.dashboard-views button:hover{border-color:#a9c9e5;background:#f2f8fd;color:var(--blue-strong)}
.dashboard-views button.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-strong);box-shadow:none}
.dashboard-overview{padding-bottom:18px}
.dashboard-overview #dashboardTrend:empty,.dashboard-overview #dashboardDetail:empty,.dashboard-overview #dashboardKpis:empty{display:none}

.grid{gap:14px;align-items:start}
.grid>.btn{align-self:end;justify-self:start;width:auto;min-width:210px;max-width:100%;min-height:42px}
.queue-filters{grid-template-columns:1fr 1fr 1.3fr;padding:16px;border:1px solid #e4edf4;border-radius:12px;background:#f8fbfd}
.field label{margin-bottom:6px;color:#35536f;font-size:.75rem;letter-spacing:.01em}
.field input,.field select,.field textarea{min-height:42px;border:1px solid #cbdbe7;border-radius:9px;background:#fff;color:var(--ink);padding:9px 11px;transition:border-color .15s,box-shadow .15s}
.field textarea{min-height:92px;resize:vertical}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#9ebbd2}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,104,179,.13)}
.search-field input{padding-left:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364798d' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.4-3.4'/%3E%3C/svg%3E") no-repeat 12px center}

.stats{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin:16px 0}
.stats .card.stat{min-height:112px;margin:0;padding:16px;border-radius:13px;box-shadow:none;background:linear-gradient(145deg,#fff,#f6faff)}
.stat strong{margin-bottom:5px;color:var(--navy);font-size:1.75rem;letter-spacing:-.04em}
.stat .muted{margin-top:8px;font-size:.69rem;line-height:1.35}

.data-table{margin-top:16px;border:1px solid #e1eaf1;border-radius:11px}
table{font-size:.82rem}
th{padding:11px 12px;background:#eef5f9;color:#345470;font-size:.72rem;letter-spacing:.035em;text-transform:uppercase}
td{padding:12px;border-bottom-color:#e7eef3}
tbody tr:hover{background:#f8fbfd}
tbody tr:last-child td{border-bottom:0}

.btn{border-radius:9px;background:var(--blue);padding:10px 14px;box-shadow:0 3px 8px rgba(23,104,179,.15);transition:transform .15s,background .15s,box-shadow .15s}
.btn:hover{background:var(--blue-strong);box-shadow:0 5px 13px rgba(23,104,179,.22);transform:translateY(-1px)}
.btn:focus-visible,#tabs button:focus-visible,.dashboard-views button:focus-visible,header a:focus-visible{outline:3px solid rgba(55,148,226,.35);outline-offset:2px}
.btn:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}

.client-sync{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;border-left:4px solid var(--blue)}
.client-sync p{max-width:820px;margin:4px 0}
.client-sync-action{min-width:190px;text-align:right}
.client-sync-action [role="status"]{margin:7px 0 0;color:var(--muted);font-size:.78rem}
.muted{color:var(--muted)}
.notice:empty,.alert:empty,[role="status"]:empty{display:none}
#digesaPreview{display:block;width:100%;max-width:none}
#digesaPreview table{display:table;width:100%;min-width:100%;max-width:none;border:1px solid #e1eaf1;border-radius:10px;overflow:hidden;table-layout:fixed}
#digesaPreview table th{width:72%}
#digesaPreview table td{font-variant-numeric:tabular-nums;text-align:right;font-weight:800;color:var(--navy)}
#organizationForm>.btn{grid-column:1/-1;margin-top:2px}

@media(max-width:900px){
  header{position:relative;padding:14px 18px}#tabs{top:0}.wrap{padding:18px}
  .section-heading{align-items:stretch;flex-direction:column;gap:14px}.company-filter{width:100%}
  .queue-filters{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}
}
@media(max-width:640px){
  body{font-size:14px}header{align-items:flex-start;flex-direction:column}header nav{width:100%;overflow-x:auto;flex-wrap:nowrap}
  .wrap{padding:12px}.notice{font-size:.82rem}.card{padding:17px;border-radius:13px}
  #tabs{margin-left:-4px;margin-right:-4px}.queue-filters{grid-template-columns:1fr;padding:12px}.search-field{grid-column:auto}
  .client-sync{grid-template-columns:1fr}.client-sync-action{text-align:left}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid>.btn{width:100%;justify-self:stretch}
}
@media(max-width:420px){.stats{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}