:root{--app-bg: #f4f6fb;--app-surface: #ffffff;--app-ink: #0d1830;--app-ink-dim: #4a5a7a;--app-ink-muted: #8290ad;--app-border: #e1e6f0;--app-border-strong: #c2cce0;--app-accent: #3B5CFF;--app-accent-soft: #6B82FF;--app-amber: #F59E0B;--app-ok: #0a8754;--app-warn: #b65800;--app-danger: #b00020;--app-r-md: 8px;--app-r-lg: 14px;--app-r-pill: 999px;--app-shadow-sm: 0 1px 2px rgba(13,24,48,.06);--app-shadow: 0 4px 14px rgba(13,24,48,.08)}.app-shell{background:var(--app-bg);min-height:100vh;color:var(--app-ink);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica,Arial,sans-serif}.app-banner{background:var(--app-amber);color:var(--app-ink);text-align:center;padding:6px 16px;font-size:.82rem;font-weight:700;letter-spacing:.02em}.app-topbar{background:var(--app-surface);border-bottom:1px solid var(--app-border);padding:12px 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.app-topbar .logo{font-weight:900;font-size:1.05rem;letter-spacing:-.04em;color:var(--app-ink);text-decoration:none}.app-topbar .logo .dot{color:var(--app-amber)}.app-topbar .topnav{display:flex;gap:4px;margin-left:auto;align-items:center}.app-topbar .topnav a{padding:7px 12px;border-radius:var(--app-r-md);text-decoration:none;font-size:.88rem;font-weight:600;color:var(--app-ink-dim)}.app-topbar .topnav a:hover,.app-topbar .topnav a.active{background:var(--app-bg);color:var(--app-ink)}.app-topbar .user-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border:1px solid var(--app-border);border-radius:var(--app-r-pill);font-size:.85rem;font-weight:600;background:var(--app-bg)}.app-topbar .user-pill .avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--app-accent),var(--app-amber));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem}.app-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;min-height:calc(100vh - 60px)}@media(max-width:900px){.app-layout{grid-template-columns:1fr}}.app-sidebar{background:var(--app-surface);border-right:1px solid var(--app-border);padding:22px 14px;font-size:.92rem}.app-sidebar .group{margin-bottom:22px}.app-sidebar .group h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--app-ink-muted);margin:0 0 8px;padding:0 10px}.app-sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--app-r-md);text-decoration:none;color:var(--app-ink-dim);font-weight:600;font-size:.92rem;margin-bottom:2px}.app-sidebar nav a:hover{background:var(--app-bg);color:var(--app-ink)}.app-sidebar nav a.active{background:linear-gradient(90deg,rgba(59,92,255,.1),transparent);color:var(--app-accent);font-weight:700}.app-sidebar nav a .ico{width:18px;text-align:center}.app-sidebar nav a .badge{margin-left:auto;font-size:.72rem;background:var(--app-bg);padding:2px 8px;border-radius:var(--app-r-pill);font-weight:700;color:var(--app-ink-muted)}.app-sidebar nav a.active .badge{background:var(--app-accent);color:#fff}.app-main{padding:28px 32px 60px;min-width:0}@media(max-width:700px){.app-main{padding:22px 18px 50px}}.app-greeting{margin:0 0 24px}.app-greeting h1{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 4px;letter-spacing:-.02em}.app-greeting .meta{color:var(--app-ink-muted);font-size:.92rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px}.stat-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-r-lg);padding:18px 20px;box-shadow:var(--app-shadow-sm)}.stat-card .label{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--app-ink-muted);margin-bottom:8px}.stat-card .value{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;line-height:1}.stat-card .delta{font-size:.78rem;color:var(--app-ok);margin-top:6px;font-weight:600}.stat-card .delta.down{color:var(--app-danger)}.stat-card.accent{background:linear-gradient(135deg,var(--app-ink),#1a2945);color:#fff;border:none}.stat-card.accent .label{color:#ffffffb3}.stat-card.accent .delta{color:var(--app-amber)}.app-section{margin:30px 0}.app-section h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--app-ink-muted);margin:0 0 14px;display:flex;align-items:center;gap:10px}.app-section h2 .count{color:var(--app-ink-muted);font-weight:600;letter-spacing:.02em;text-transform:none;font-size:.78rem;background:var(--app-bg);padding:2px 8px;border-radius:var(--app-r-pill)}.app-list{display:grid;gap:10px}.app-list-item{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-r-md);padding:14px 18px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;text-decoration:none;color:var(--app-ink);transition:all .15s}.app-list-item:hover{border-color:var(--app-border-strong);background:#fafbff}.app-list-item .title{font-weight:700;font-size:.95rem}.app-list-item .meta{font-size:.78rem;color:var(--app-ink-muted);margin-top:2px}.app-list-item .actions{display:flex;gap:6px;align-items:center}.app-list-item .pill{font-size:.7rem;padding:3px 8px;border-radius:var(--app-r-pill);background:var(--app-bg);color:var(--app-ink-dim);font-weight:700}.app-list-item .pill.ok{background:#0a87541f;color:var(--app-ok)}.app-list-item .pill.amber{background:#f59e0b26;color:#8a5500}.quota-bar{background:var(--app-bg);border-radius:var(--app-r-pill);height:8px;overflow:hidden;margin-top:8px}.quota-bar-fill{background:linear-gradient(90deg,var(--app-accent),var(--app-amber));height:100%;border-radius:var(--app-r-pill)}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:100px;margin-top:16px}.chart-bars .bar{flex:1;background:linear-gradient(180deg,var(--app-accent),var(--app-accent-soft));border-radius:4px 4px 0 0;position:relative;min-height:6px}.app-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--app-r-md);font-weight:700;font-size:.85rem;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:all .12s}.app-btn.primary{background:var(--app-ink);color:#fff}.app-btn.primary:hover{background:var(--app-accent)}.app-btn.ghost{background:transparent;color:var(--app-ink);border-color:var(--app-border-strong)}.app-btn.ghost:hover{background:var(--app-bg)}.app-btn.amber{background:var(--app-amber);color:var(--app-ink)}.app-btn.amber:hover{background:#ffb432}.app-btn.sm{padding:5px 10px;font-size:.78rem}.inbox-item{background:var(--app-surface);border:1px solid var(--app-border);border-left:3px solid var(--app-amber);border-radius:var(--app-r-md);padding:14px 18px;margin-bottom:8px}.inbox-item.read{border-left-color:var(--app-border-strong);opacity:.7}.inbox-item .from{font-size:.78rem;color:var(--app-ink-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:4px}.inbox-item .question{font-size:.95rem;color:var(--app-ink);margin-bottom:8px}.inbox-item .row{display:flex;gap:8px;flex-wrap:wrap}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tile-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-r-lg);padding:18px 20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--app-ink);transition:all .15s}.tile-card:hover{border-color:var(--app-accent);transform:translateY(-2px);box-shadow:var(--app-shadow)}.tile-card .ico{width:36px;height:36px;border-radius:8px;background:var(--app-bg);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:4px}.tile-card h3{margin:0;font-size:1rem;letter-spacing:-.01em}.tile-card p{margin:0;font-size:.85rem;color:var(--app-ink-dim);line-height:1.4}