:root{color:#0f172a;background:#f1f5f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#0f172a;background:#f1f5f9;margin:0}.page-center{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:#fff;border-radius:24px;width:100%;max-width:440px;padding:32px;box-shadow:0 20px 60px #0f172a1f}.title{margin:0;font-size:40px;font-weight:800;line-height:1.05}.subtitle{color:#64748b;margin-top:10px;font-size:15px}.field{margin-top:18px}.label{color:#334155;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input{background:#fff;border:1px solid #cbd5e1;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-size:15px}.input:focus{border-color:#0f172a}.button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:16px;width:100%;margin-top:22px;padding:14px 16px;font-size:15px;font-weight:700}.button:disabled{opacity:.6;cursor:not-allowed}.error{color:#dc2626;background:#fef2f2;border-radius:16px;margin-top:16px;padding:12px 14px;font-size:14px}.dashboard-shell{background:#f1f5f9;min-height:100vh;padding:24px}.dashboard-card{background:#fff;border-radius:28px;max-width:1100px;margin:0 auto;padding:32px;box-shadow:0 20px 60px #0f172a1f}.dashboard-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-title{margin:0;font-size:36px;font-weight:800}.dashboard-subtitle{color:#64748b;margin-top:8px}.secondary-button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:16px;padding:14px 18px;font-weight:700}.panel{border:1px solid #e2e8f0;border-radius:20px;margin-top:28px;padding:18px}.panel-label{color:#64748b;font-size:14px}.code-box{color:#e2e8f0;background:#020617;border-radius:18px;margin-top:14px;padding:18px;font-size:14px;overflow:auto}.app-shell{background:#e2e8f0;grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0f172a;flex-direction:column;gap:28px;padding:28px 20px;display:flex}.brand{font-size:28px;font-weight:800}.brand-subtitle{color:#94a3b8;margin-top:6px;font-size:14px}.nav-menu{flex-direction:column;gap:10px;display:flex}.nav-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:14px 16px;font-size:15px;font-weight:600}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#1e293b}.main-shell{padding:24px}.topbar{background:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;display:flex;box-shadow:0 20px 60px #0f172a14}.topbar-title{margin:0;font-size:34px;font-weight:800}.topbar-subtitle{color:#64748b;margin-top:8px}.topbar-actions{align-items:center;gap:12px;display:flex}.user-pill{color:#0f172a;background:#e2e8f0;border-radius:999px;padding:12px 16px;font-weight:700}.content-area{margin-top:24px}.grid{gap:18px;display:grid}.grid.two-col{grid-template-columns:1.1fr 1fr;align-items:start}.module-card{background:#fff;border-radius:22px;padding:22px;box-shadow:0 20px 60px #0f172a14}.module-card-title{color:#0f172a;margin:0;font-size:22px;font-weight:800}.module-card-text{color:#475569;margin-top:10px;line-height:1.5}.placeholder-block{padding:8px 0 6px}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom-right-radius:24px;border-bottom-left-radius:24px}.topbar,.dashboard-top{flex-direction:column;align-items:flex-start}.grid.two-col{grid-template-columns:1fr}}