:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0f172a;background:#f1f5f9;line-height:1.4}*{box-sizing:border-box}body{margin:0;background:#f1f5f9;color:#0f172a}a{color:#0b63ce;text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:#0f172a;color:#f8fafc;padding:20px 14px;border-right:1px solid #1e293b}.sidebar__brand{font-size:18px;font-weight:600;margin-bottom:20px}.sidebar__nav{display:grid;gap:8px}.sidebar__link{color:#cbd5e1;padding:8px 10px;border-radius:6px}.sidebar__link:hover{color:#fff;background:#1e293b;text-decoration:none}.sidebar__link--active{color:#fff;background:#334155}.app-main{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid #e2e8f0}.topbar__left{font-weight:600}.topbar__right{display:flex;align-items:center;gap:12px}.topbar__user{font-size:14px;color:#334155}.app-content{padding:20px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.panel--narrow{max-width:420px}.text-muted{color:#475569}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.card{border:1px solid #e2e8f0;border-radius:8px;padding:14px;background:#f8fafc}.link-list{margin:0;padding-left:18px}.json-block{margin-top:14px;background:#0f172a;color:#f8fafc;border-radius:8px;padding:12px;overflow:auto}.btn{border:none;border-radius:6px;padding:9px 14px;background:#0b63ce;color:#fff;font-weight:600;cursor:pointer}.btn:hover{background:#0a53ab}.btn:disabled{opacity:.7;cursor:not-allowed}.btn--outline{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.btn--outline:hover{background:#f8fafc}.alert{margin-top:12px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:6px;padding:10px}.alert--error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.centered-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-page{min-height:100vh;display:grid;place-items:center;background:#e2e8f0;padding:20px}.login-card{width:min(420px,100%);background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:24px}.login-form{display:grid;gap:12px}.login-form label{display:grid;gap:6px;font-size:14px;color:#334155}.login-form input{border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px;font-size:14px}.toast{padding:8px 12px;border-radius:6px;border:1px solid #cbd5e1}.toast--error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.toast--info{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid #1e293b}}