:root{color-scheme:light;--bg: #f5f7fb;--card: #ffffff;--text: #1f2937;--muted: #6b7280;--accent: #2563eb;--danger: #dc2626;--border: #e5e7eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-wrap{max-width:420px;margin:5vh auto;background:var(--card);border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000014}h1,h2,h3{margin:0}p{color:var(--muted)}form{display:grid;gap:10px}input,select,button{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:14px}button{border:none;background:var(--accent);color:#fff;font-weight:600}button.ghost{background:#fff;color:var(--text);border:1px solid var(--border);width:auto}.switcher{margin-top:12px;font-size:14px}.switcher button{background:transparent;color:var(--accent);padding:0;width:auto}.app-shell{max-width:1200px;margin:0 auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{grid-column:span 12;background:var(--card);border-radius:14px;border:1px solid var(--border);padding:14px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stats div{background:#f9fafb;padding:10px;border-radius:10px}.stats span{color:var(--muted);display:block;font-size:12px}.stats strong{font-size:15px}.list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.list li{padding:10px;border:1px solid var(--border);border-radius:10px;background:#fcfcfc}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{display:grid;gap:8px}.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inline-form{margin-top:10px;display:grid;gap:8px;grid-template-columns:1fr 120px auto}.check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.check input{width:auto}.error{color:var(--danger);font-size:13px}.error.global{margin-bottom:10px}@media (min-width: 900px){.card:nth-child(1),.card:nth-child(2),.card:nth-child(3){grid-column:span 4}.card:nth-child(4),.card:nth-child(5){grid-column:span 6}.card:nth-child(6){grid-column:span 12}}@media (max-width: 640px){.stats,.row,.inline-form,.two-col{grid-template-columns:1fr}.topbar{align-items:flex-start}}
