:root{--bg:#f5f8ff;--bg-deep:#eff4ff;--surface:#fff;--ink:#171b2a;--muted:#5b6178;--brand:#0f5cc9;--accent:#e8572a;--brand-soft:#e9f1ff;--danger:#ba2232;--ring:rgba(15,92,201,.28);--radius:16px;--radius-lg:24px;--shadow:0 18px 45px rgba(13,29,56,.09)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 12%,#ffe8c9 0,transparent 30%),radial-gradient(circle at 90% 15%,#d7e7ff 0,transparent 28%),radial-gradient(circle at 75% 75%,#d7f5ff 0,transparent 30%),var(--bg);font-family:Manrope,Avenir Next,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:linear-gradient(170deg,#0f1730,#142f56 70%,#184782);color:#ecf5ff;padding:28px 22px;border-right:1px solid hsla(0,0%,100%,.12);display:flex;flex-direction:column}.sidebar h1{margin:0 0 20px;font-size:1.25rem;letter-spacing:.01em}.sidebar nav{display:grid;grid-gap:8px;gap:8px}.sidebar nav a{padding:11px 13px;border-radius:12px;color:#c8def2;transition:all .22s ease}.sidebar nav a:hover{background:hsla(0,0%,100%,.14);color:#fff;transform:translateX(2px)}.main{padding:30px}.card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid #e6ebf6;padding:22px;margin-bottom:20px;animation:rise .28s ease}@keyframes rise{0%{transform:translateY(6px);opacity:.7}to{transform:translateY(0);opacity:1}}.grid{display:grid;grid-gap:16px;gap:16px}.grid.two{grid-template-columns:1fr 1fr}label{font-size:.9rem;color:var(--muted);display:block;margin-bottom:9px;font-weight:600}button,input,select,textarea{width:100%;border-radius:10px;border:1px solid #d6dde9;font:inherit;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--ring);border-color:var(--brand)}button{background:linear-gradient(130deg,var(--brand),#2d75d4);color:#fff;border:none;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}button:hover{transform:translateY(-1px);box-shadow:0 9px 18px rgba(33,99,197,.24)}button.secondary{background:linear-gradient(130deg,#edf2fd,#e4ebfa);color:#24314f}button.danger{background:linear-gradient(130deg,#d82d46,var(--danger))}.stat{font-size:2.1rem;font-weight:700}.hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.hero p{margin:8px 0 0;color:var(--muted);max-width:720px}.tag{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(130deg,#fff4ea,#ffe3d2);color:#8a3c1f;border:1px solid #ffd3b8;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.metric-card{border-radius:16px;background:linear-gradient(155deg,#f5f9ff,#fff);border:1px solid #dfe8f9;padding:16px}.metric-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:#5d6990;margin-bottom:8px}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef3ff;color:#324572;font-size:.76rem;font-weight:700}.table-lite{width:100%;border-collapse:collapse}.table-lite td,.table-lite th{text-align:left;padding:10px;border-bottom:1px solid #edf1f8;vertical-align:top}.stack{display:grid;grid-gap:10px;gap:10px}.message-preview{border-radius:10px;border:1px solid #e6ebf5;padding:8px 10px;background:#fafcff;font-size:.88rem}@media (max-width:860px){.layout{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:10}.grid.two{grid-template-columns:1fr}.hero{flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.metric-grid{grid-template-columns:1fr}}