:root{--ink:#17212b;--muted:#64748b;--line:#dde5ea;--paper:#f6f8fa;--panel:#fff;--soft:#ccfbf1;--teal:#0f766e;--teal-dark:#115e59;--blue:#2563eb;--green:#16a34a;--amber:#f59e0b;--red:#dc2626;--purple:#7c3aed;--navy:#17212b;--success-soft:#dcfce7;--blue-soft:#dbeafe;--amber-soft:#fef3c7;--red-soft:#fee2e2;--purple-soft:#f3e8ff;--teal-border:#99f6e4;--green-border:#bbf7d0;--blue-text:#1d4ed8;--green-text:#166534;--amber-text:#92400e;--red-text:#991b1b;--green-strong:#14532d;--success-surface:#ecfdf5;--error-surface:#fef2f2;--amber-border:#fde68a;--red-border:#fecaca;--purple-border:#ddd6fe;--sidebar:#0b1720;--sidebar-text:#d8eef0;--sidebar-muted:#83a5ac;--sidebar-active-muted:#d8fff9;--chat-surface:#eef7f4;--shadow-sm:0 8px 22px #11202b0b;--shadow-md:0 14px 34px #11202b12;--shadow-lg:0 22px 54px #09171d21}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(180deg, var(--paper) 0%, var(--panel) 52%, var(--paper) 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{transition:border-color .16s,box-shadow .16s,background-color .16s,color .16s,transform .16s}.wrap{max-width:1220px;margin:0 auto;padding:0 22px}.stack{gap:12px;display:grid}.muted{color:var(--muted);font-size:13px}.btn{background:var(--teal);min-height:42px;color:var(--panel);border:0;border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #0f766e29}.btn.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.btn.blue{background:var(--blue)}.btn.danger{background:var(--red)}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f766e2e}.btn.secondary:hover{border-color:var(--teal-border);box-shadow:var(--shadow-sm)}.btn.danger:hover{box-shadow:0 14px 28px #dc262629}.icon-btn{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--ink);border-radius:8px;place-items:center;font-weight:900;line-height:1;display:inline-grid}.icon-btn.ok{background:var(--success-soft);color:var(--green-text);border-color:var(--green-border)}.icon-btn.danger{background:var(--red-soft);color:var(--red-text);border-color:var(--red-border)}.icon-btn:hover{border-color:var(--teal-border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.badge{background:var(--blue-soft);color:var(--blue-text);text-transform:uppercase;border-radius:8px;align-items:center;padding:4px 8px;font-size:12px;font-weight:900;line-height:1.1;display:inline-flex}.badge.green{background:var(--success-soft);color:var(--green-text)}.badge.red{background:var(--red-soft);color:var(--red-text)}.badge.amber{background:var(--amber-soft);color:var(--amber-text)}.badge.purple{background:var(--purple-soft);color:var(--purple)}.panel,.metric,.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:8px}.card{overflow-wrap:anywhere;padding:18px}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}.card h3{line-height:1.25}.card p{line-height:1.55}.panel{overflow:hidden}.panel>header{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--panel), var(--paper));justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.panel h2{letter-spacing:0;margin:0;font-size:18px}.panel-body{padding:18px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric{padding:18px;position:relative;overflow:hidden}.metric:after{content:"";background:linear-gradient(90deg, var(--teal), var(--blue));border-radius:999px 999px 0 0;height:3px;position:absolute;inset:auto 14px 0}.metric span{color:var(--muted);font-size:13px;display:block}.metric strong{margin-top:8px;font-size:28px;line-height:1.1;display:block}.grid-2{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:start;gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid .full{grid-column:1/-1}label{color:var(--muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:900;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:var(--panel);border-radius:8px;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0f766e1f}textarea{resize:vertical;min-height:90px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px 14px;font-size:14px}th{color:var(--muted);text-transform:uppercase;font-size:12px}tbody tr:hover{background:var(--paper)}.notice{border-left:4px solid var(--green);background:var(--success-surface);color:var(--green-strong);padding:12px 14px;font-weight:800}.notice.error{border-color:var(--red);background:var(--error-surface);color:var(--red-text)}.app-top{background:linear-gradient(90deg, var(--navy), var(--teal-dark) 55%, var(--teal));color:var(--panel);box-shadow:0 16px 40px #1020272e}.app-top-inner{justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.brand{align-items:center;gap:12px;font-weight:900;display:flex}.brand-mark{background:var(--panel);width:42px;height:42px;color:var(--navy);border-radius:8px;place-items:center;display:grid}.nav-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page{padding:24px 0 48px}.hero-title{letter-spacing:0;margin:16px 0;font-size:clamp(34px,5vw,68px);line-height:1}.lead{color:var(--muted);max-width:720px;font-size:19px;line-height:1.55}@media (width<=1050px){.metrics,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (width<=640px){.wrap{padding:0 16px}.app-top-inner{flex-direction:column;align-items:flex-start;padding:16px 0}.form-grid{grid-template-columns:1fr}.metric strong{font-size:24px}table{min-width:620px}.icon-btn{width:36px;height:36px}}
