:root{--ink: #16202a;--muted: #647180;--line: #dce4ea;--cloud: #f4f7f8;--primary: #176b73;--primary-dark: #0f4d52;--logo-dark: #163f46;--success: #78d3bd;--coral: #d96846;--amber: #e0a73b;--violet: #6558a9;--white: #ffffff;--shadow-soft: 0 18px 54px rgba(22, 32, 42, .11);--radius: 8px;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--cloud);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.eyebrow{color:var(--primary);font-size:.73rem;font-weight:850;letter-spacing:.08em;margin:0 0 .35rem;text-transform:uppercase}.button{align-items:center;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-weight:800;gap:.5rem;justify-content:center;min-height:42px;padding:.65rem 1rem;transition:background .18s ease,border-color .18s ease,transform .18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.65;transform:none}.button-primary{background:var(--primary);color:var(--white)}.button-primary:hover{background:var(--primary-dark)}.button-ghost{background:#176b7314;border-color:#176b732e;color:var(--primary-dark)}.status-badge{align-items:center;background:#16202a12;border:1px solid rgba(22,32,42,.08);border-radius:999px;color:var(--ink);display:inline-flex;font-size:.76rem;font-weight:800;min-height:26px;padding:.25rem .65rem;white-space:nowrap}.status-badge.is-success{background:#78d3bd3d;border-color:#176b732e;color:var(--primary-dark)}.status-badge.is-warning{background:#e0a73b2e;border-color:#e0a73b3d;color:#805610}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--logo-dark),#102f35);color:var(--white);display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem}.brand{align-items:center;display:flex;font-size:1.1rem;font-weight:900;gap:.75rem}.brand img,.login-brand img{background:var(--white);border-radius:var(--radius);height:38px;padding:4px;width:38px}.side-nav{display:grid;gap:.35rem}.side-nav a{align-items:center;border:1px solid transparent;border-radius:var(--radius);color:#ffffffc7;display:grid;font-weight:780;gap:.75rem;grid-template-columns:max-content 1fr max-content;min-height:42px;padding:.58rem .65rem}.side-nav a:hover,.side-nav a.is-active{background:#ffffff1f;border-color:#ffffff29;color:var(--white)}.nav-marker{align-items:center;background:#78d3bd2e;border-radius:7px;display:inline-flex;font-size:.72rem;font-weight:900;height:28px;justify-content:center;width:28px}.nav-badge{align-items:center;background:var(--coral);border-radius:999px;color:var(--white);display:inline-flex;font-size:.72rem;font-weight:900;height:22px;justify-content:center;min-width:22px;padding:0 .35rem}.workspace{min-width:0;padding:1.4rem}.topbar{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.35rem}.topbar h1,.page-heading h2,.panel h3{margin:0}.topbar h1{font-size:1.6rem}.topbar-actions{align-items:center;display:flex;gap:.7rem}.notification-pill{background:#d9684624;border:1px solid rgba(217,104,70,.28);border-radius:var(--radius);color:#8f321d;font-size:.86rem;font-weight:850;padding:.55rem .7rem}.user-pill{background:#ffffffb8;border:1px solid var(--line);border-radius:var(--radius);display:grid;min-width:220px;padding:.55rem .7rem}.user-pill span,.page-heading span,.activity-list span,.kpi-card small{color:var(--muted)}.login-page{align-items:center;background:linear-gradient(130deg,#163f46f5,#176b73db 46%,#d96846b8),var(--primary-dark);display:grid;justify-items:center;min-height:100vh;padding:clamp(1rem,4vw,4rem)}.login-panel{background:#fffffff5;border:1px solid rgba(255,255,255,.44);border-radius:var(--radius);box-shadow:var(--shadow-soft);width:min(100%,420px);padding:clamp(1.25rem,3vw,2rem)}.login-brand{align-items:center;display:flex;gap:.85rem;margin-bottom:1.7rem}.login-brand h1{font-size:2rem;margin:0}.form-stack{display:grid;gap:1rem}.form-stack label{display:grid;gap:.4rem}.form-stack label span{color:var(--muted);font-size:.83rem;font-weight:800}.form-stack input,.form-stack select,.form-stack textarea{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);min-height:44px;padding:.65rem .75rem;width:100%}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:var(--primary);outline:3px solid rgba(23,107,115,.12)}.form-stack textarea{line-height:1.45;resize:vertical}.login-link{color:var(--primary);display:inline-block;font-weight:800;margin-top:1rem}.form-error{background:#d968461c;border:1px solid rgba(217,104,70,.22);border-radius:var(--radius);color:#8f321d;font-size:.88rem;font-weight:750;margin:0;padding:.7rem .8rem}.form-success{background:#78d3bd2e;border:1px solid rgba(23,107,115,.18);border-radius:var(--radius);color:var(--primary-dark);font-size:.88rem;font-weight:750;margin:0;padding:.7rem .8rem}.form-info{background:#176b7314;border:1px solid rgba(23,107,115,.16);border-radius:var(--radius);color:var(--primary-dark);font-size:.88rem;font-weight:750;margin:0 0 1rem;padding:.7rem .8rem}.kpi-card,.panel{background:#ffffffc7;border:1px solid rgba(220,228,234,.9);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.kpi-card span{display:block;font-size:.82rem;font-weight:850}.kpi-card strong{display:block;font-size:clamp(2rem,5vw,3.4rem);line-height:1;margin-top:1rem}.page-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr))}.page-heading{grid-column:1/-1}.page-heading h2{font-size:clamp(1.55rem,3vw,2.2rem)}.kpi-grid{display:grid;gap:1rem;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{min-height:152px;overflow:hidden;padding:1rem;position:relative}.kpi-card:after{background:var(--accent, var(--primary));content:"";height:4px;inset:auto 0 0;position:absolute}.kpi-card strong{color:var(--ink)}.tone-primary{--accent: var(--primary)}.tone-success{--accent: var(--success)}.tone-warning{--accent: var(--amber)}.tone-danger{--accent: var(--coral)}.tone-violet{--accent: var(--violet)}.panel{padding:1rem}.panel-wide{grid-column:span 8}.full-span{grid-column:1/-1}.page-grid>.panel:not(.panel-wide):not(.full-span){grid-column:span 4}.panel-header{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.activity-list{display:grid;gap:.65rem}.activity-list article{align-items:center;background:#f4f7f8db;border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:1rem;justify-content:space-between;padding:.8rem}.activity-list article>div{display:grid;gap:.2rem}.stacked-bars{display:grid;gap:.8rem}.stacked-bars span{color:var(--ink);display:grid;font-size:.83rem;font-weight:800;gap:.35rem}.stacked-bars span:after{background:linear-gradient(90deg,var(--primary),var(--success));border-radius:999px;content:"";display:block;height:10px;width:var(--size)}.detail-list{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.single-column{grid-template-columns:1fr}.detail-list div{background:#f4f7f8db;border:1px solid var(--line);border-radius:var(--radius);padding:.85rem}.detail-list dt{color:var(--muted);font-size:.75rem;font-weight:850;text-transform:uppercase}.detail-list dd{font-size:1.04rem;font-weight:850;margin:.3rem 0 0}.panel-copy{color:var(--muted);line-height:1.55;margin:0}.data-table{display:grid;gap:.45rem;min-width:0}.data-row{align-items:center;background:#f4f7f8db;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:.65rem;grid-template-columns:minmax(132px,1.35fr) minmax(72px,.65fr) minmax(82px,.8fr) max-content;min-height:58px;min-width:0;padding:.7rem}.data-head{background:transparent;border-color:transparent;color:var(--muted);font-size:.75rem;font-weight:850;min-height:auto;text-transform:uppercase}.data-row span:first-child{display:grid;gap:.16rem}.data-row>span{min-width:0}.data-row>span:last-child{justify-self:end}.data-row small,.directory-card small,.directory-card p{color:var(--muted)}.data-row small{overflow-wrap:anywhere}.directory-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.directory-card{background:#f4f7f8db;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:1rem;min-height:180px;padding:1rem}.directory-card h3{margin:.8rem 0 .25rem}.directory-card p{margin:0}.directory-card strong{font-size:2.2rem;line-height:1}.message-list{display:grid;gap:.55rem}.message-row{align-items:center;background:#f4f7f8db;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:.85rem;grid-template-columns:16px minmax(0,1fr) auto;min-height:68px;padding:.85rem}.message-row:hover{border-color:#176b7347}.message-row.is-unread{background:#ffffffeb;border-color:#176b7347}.message-row span:nth-child(2){display:grid;gap:.2rem;min-width:0}.message-row small{color:var(--muted)}.read-dot{background:transparent;border:2px solid rgba(100,113,128,.35);border-radius:50%;display:block;height:10px;width:10px}.is-unread .read-dot{background:var(--primary);border-color:var(--primary)}.read-dot.is-sent{background:var(--success);border-color:var(--success)}.priority-badge{border:1px solid rgba(22,32,42,.08);border-radius:999px;color:var(--ink);display:inline-flex;font-size:.74rem;font-weight:850;justify-content:center;min-width:86px;padding:.28rem .6rem}.priority-ordinary{background:#176b7317;color:var(--primary-dark)}.priority-important{background:#e0a73b2e;color:#805610}.priority-urgent{background:#d968462b;color:#8f321d}.message-meta-stack{align-items:end;display:grid;gap:.22rem;justify-items:end}.message-meta-stack small{color:var(--muted);font-size:.74rem;font-weight:800}.delivery-badge{border:1px solid rgba(22,32,42,.08);border-radius:999px;display:inline-flex;font-size:.74rem;font-weight:850;justify-content:center;min-width:104px;padding:.28rem .6rem}.delivery-unread{background:#d9684624;color:#8f321d}.delivery-partially_read{background:#e0a73b2e;color:#805610}.delivery-read{background:#78d3bd3d;color:var(--primary-dark)}.delivery-sent{background:#176b7317;color:var(--primary-dark)}.message-body{background:#f4f7f8db;border:1px solid var(--line);border-radius:var(--radius);line-height:1.6;padding:1rem}.message-body p{margin:0}.detail-action{margin-top:1rem}@media(max-width:980px){.app-shell,.login-page{grid-template-columns:1fr}.sidebar{padding:.8rem}.side-nav{display:flex;overflow-x:auto}.side-nav a{flex:0 0 auto}.topbar,.topbar-actions,.activity-list article{align-items:stretch;flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-wide,.full-span,.page-grid>.panel:not(.panel-wide):not(.full-span){grid-column:1/-1}.detail-list,.directory-grid,.data-row{grid-template-columns:1fr}.message-row{align-items:start;grid-template-columns:16px minmax(0,1fr)}.message-row .priority-badge,.message-row .message-meta-stack{grid-column:2;justify-self:start}.message-meta-stack{justify-items:start}}@media(max-width:640px){.workspace{padding:1rem}.kpi-grid{grid-template-columns:1fr}}