*{box-sizing:border-box}html{background:#eef3f8}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#eef3f8;color:#0f172a}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.top{height:72px;background:#07111f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,env(safe-area-inset-left));position:sticky;top:0;z-index:20;box-shadow:0 10px 26px #0f172a30}.brand{font-weight:950;letter-spacing:.05em;font-size:24px}.brand span{font-size:12px;opacity:.7;margin-left:8px}.layout{display:flex;min-height:calc(100vh - 72px)}nav{width:240px;background:#0d1829;color:#cbd5e1;padding:16px;display:flex;flex-direction:column;gap:8px;position:sticky;top:72px;height:calc(100vh - 72px)}nav button{border:0;background:transparent;color:inherit;text-align:left;padding:13px 14px;border-radius:14px;font-weight:750}nav button.active,nav button:hover{background:#1e293b;color:#fff}.main{flex:1;padding:24px 24px 110px;max-width:1450px;margin:0 auto;width:100%}h1{margin:.1rem 0 .25rem;font-size:34px;letter-spacing:-.04em}h2,h3{margin:.15rem 0}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.two{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.card{background:white;border:1px solid #dbe3ee;border-radius:20px;padding:18px;box-shadow:0 9px 30px #0f172a0d}.hero{background:linear-gradient(135deg,#07111f,#173464);color:#fff;border:0}.soft{background:#f8fafc}.metric{font-size:34px;font-weight:950;line-height:1;margin-top:8px}.muted{color:#64748b}.hero .muted{color:#cbd5e1}.section{margin-top:18px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:12px}.btn{border:0;border-radius:14px;padding:11px 15px;background:#0f172a;color:#fff;font-weight:850}.btn.secondary{background:#e2e8f0;color:#0f172a}.btn.accent{background:#2563eb}.btn.good{background:#16a34a}.btn.warn{background:#f59e0b;color:#111827}.btn.ghost{background:#f8fafc;color:#0f172a;border:1px solid #dbe3ee}.btn.big{width:100%;padding:16px 18px;font-size:17px}.input{width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.field{display:grid;gap:6px}.form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 10px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#e2e8f0;font-size:12px;font-weight:850}.pill.red{background:#fee2e2;color:#991b1b}.pill.yellow{background:#fef3c7;color:#92400e}.pill.green{background:#dcfce7;color:#166534}.pill.blue{background:#dbeafe;color:#1d4ed8}.pill.gray{background:#e5e7eb;color:#374151}.progress{height:10px;background:#e2e8f0;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:#2563eb}.modal{position:fixed;inset:0;background:#0f172a99;display:grid;place-items:center;padding:20px;z-index:40}.modal>div{background:white;border-radius:22px;padding:22px;max-width:780px;width:100%;max-height:90vh;overflow:auto}.notice{padding:14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{max-width:430px;width:100%}.bottom-bar{display:none}.fab{position:fixed;right:18px;bottom:18px;border:0;border-radius:999px;background:#2563eb;color:white;padding:16px 18px;font-weight:950;box-shadow:0 12px 34px #1d4ed866;z-index:25}.mini{font-size:12px}.timeline{border-left:3px solid #dbeafe;padding-left:14px}.empty{border:2px dashed #cbd5e1;border-radius:18px;padding:22px;text-align:center;color:#64748b;background:#fff}.screen-steps li{margin:8px 0}.quick-card{border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#fff}.quick-card strong{display:block}@media(max-width:880px){.layout{display:block}nav{display:none}.top{height:auto;min-height:66px;padding:12px 14px}.top .row span{display:none}.main{padding:18px 14px 116px}.two{grid-template-columns:1fr}.bottom-bar{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;left:0;right:0;bottom:0;padding:10px 10px max(10px,env(safe-area-inset-bottom));background:#ffffffee;backdrop-filter:blur(14px);border-top:1px solid #e2e8f0;z-index:24}.bottom-bar button{border:0;border-radius:14px;padding:10px 6px;background:#eef2ff;color:#0f172a;font-weight:850}.bottom-bar button.active{background:#2563eb;color:#fff}.fab{right:14px;bottom:82px}h1{font-size:29px}.table{font-size:13px;display:block;overflow-x:auto}.card{border-radius:18px;padding:16px}}