:root{color:#0f172a;background:#f7f9fc;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:#f7f9fc;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1120px;margin:0 auto;padding:72px 24px}.hero{max-width:760px}.eyebrow{color:#2563eb;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}h1{letter-spacing:-.04em;margin:18px 0 24px;font-size:clamp(40px,7vw,72px);line-height:.98}p{color:#475569;font-size:16px;line-height:1.6}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:48px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;min-height:150px;padding:24px}.card span{color:#64748b;font-size:12px}.card h2{margin:24px 0 0;font-size:20px}.app-frame{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#0b2947;padding:28px 18px}.brand{margin:0 10px 28px;font-size:24px;font-weight:800}.sidebar nav{gap:6px;display:grid}.nav-item{color:#dbeafe;border-radius:10px;padding:11px 12px;font-size:14px}.nav-item:hover,.nav-item:focus-visible{color:#fff;background:#ffffff1a;outline:none}.workspace{min-width:0;padding:36px}.workspace-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.workspace-title{letter-spacing:-.03em;margin:8px 0 0;font-size:clamp(28px,4vw,44px);line-height:1.05}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.metric-card,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 24px #0f172a0a}.metric-card{padding:20px}.metric-card span{color:#64748b;margin-bottom:10px;font-size:13px;display:block}.metric-card strong{letter-spacing:-.03em;font-size:30px}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:18px;display:grid}.panel{margin-top:18px;padding:22px;overflow:hidden}.panel h2{margin:0 0 18px;font-size:19px}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-head h2{margin:0}.section-head span{color:#64748b;font-size:13px}.stat-list{margin:0}.stat-list div{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:16px;padding:10px 0;display:flex}.stat-list dt{color:#64748b}.stat-list dd{margin:0;font-weight:700}.big-rate{color:#0f172a;margin:0;font-size:40px;font-weight:800}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:12px 10px}th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12px}.list-stack{display:grid}.list-row{border-bottom:1px solid #edf2f7;grid-template-columns:2fr 1fr 1.5fr;align-items:center;gap:18px;padding:14px 0;display:grid}.list-row div{gap:4px;display:grid}.list-row span{color:#64748b;font-size:13px}.primary-link,.button-link,button{color:#fff;background:#0b2947;border:0;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.primary-link:hover,.button-link:hover,button:hover{filter:brightness(1.08)}.secondary-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 14px;font-weight:700}.link-button{color:#2563eb;background:0 0;padding:4px 0}.danger-button{background:#b91c1c}.form-panel{max-width:900px}.stack-form{gap:16px;display:grid}.stack-form label{gap:7px;font-size:14px;font-weight:700;display:grid}.stack-form input,.stack-form select,.stack-form textarea,.inline-form input,.inline-form select,.filter-grid input,.filter-grid select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:11px 12px}.inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:12px;display:grid}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:12px;display:grid}.filter-grid label{gap:7px;font-size:13px;font-weight:700;display:grid}.pagination{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.row-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-form select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-help{color:#64748b;margin:0;font-size:13px}.empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:18px}.empty-state strong{margin-bottom:6px;display:block}.empty-state p{margin:0 0 12px}.empty-state small{color:#64748b}.danger-zone{border-color:#fecaca}.permission-grid{border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;padding:14px;display:grid}.permission-grid legend{padding:0 6px;font-weight:700}.permission-grid label{align-items:center;gap:6px;font-weight:400;display:flex}.chip-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{color:#0b2947;background:#eaf3fb;border:1px solid #bfdbfe;border-radius:999px;padding:7px 10px;font-size:13px}.message-stack,.note-stack{gap:10px;display:grid}.message-row{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;max-width:78%;padding:12px 14px}.message-row.outbound{background:#eaf3fb;margin-left:auto}.message-row>div,.note-stack article>div{justify-content:space-between;gap:12px;display:flex}.message-row span,.message-row small,.note-stack span{color:#64748b;font-size:12px}.message-row p{color:#0f172a;margin:6px 0}.note-stack article{background:#f8fafc;border-left:3px solid #94a3b8;padding:8px 12px}.note-stack article p{margin-bottom:0}@media (max-width:860px){.app-frame{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:24px 16px}.list-row{grid-template-columns:1fr;gap:8px}.inline-form{grid-template-columns:1fr}.message-row{max-width:100%}.section-head{flex-direction:column;align-items:flex-start}}