:root{font-family:system-ui,sans-serif;background:#0f172a;color:#e2e8f0;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.app-shell{display:flex;min-height:100vh}.nav{width:220px;background:#1e293b;padding:16px;display:flex;flex-direction:column;gap:8px}.nav h1{font-size:16px;margin:0 0 12px;color:#7dd3fc}.nav a{color:#e2e8f0;text-decoration:none;padding:8px 12px;border-radius:4px;font-size:13px}.nav a:hover,.nav a.active{background:#334155}.nav .spacer{flex:1}.nav .user{font-size:11px;color:#94a3b8;padding:8px 12px}.main{flex:1;padding:24px;max-width:1200px}.card{background:#1e293b;border-radius:8px;padding:16px;margin-bottom:16px}.card h2{font-size:14px;margin:0 0 12px;color:#7dd3fc}label{display:block;font-size:12px;color:#94a3b8;margin:8px 0 4px}input,textarea,select,button{font-family:inherit;font-size:13px;background:#0f172a;color:#e2e8f0;border:1px solid #334155;border-radius:4px;padding:6px 10px}button{cursor:pointer;background:#0284c7;border:0;color:#fff}button:hover{background:#0369a1}button.secondary{background:#334155}button.danger{background:#b91c1c}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 10px;border-bottom:1px solid #334155;text-align:left}th{color:#94a3b8;font-weight:500;font-size:11px}pre.json{background:#020617;padding:8px;border-radius:4px;font-size:11px;max-height:240px;overflow:auto}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.error{color:#f87171;font-size:12px;margin-top:8px}.success{color:#22c55e;font-size:12px;margin-top:8px}.sheet{display:grid;gap:1px;background:#334155;border:1px solid #334155;border-radius:4px;overflow:auto}.sheet .cell{background:#1e293b;padding:6px 10px;font-size:13px;min-width:100px}.sheet .cell input{background:transparent;border:0;padding:0;width:100%;color:inherit}.sheet .cell.header{background:#0f172a;color:#7dd3fc;font-weight:600}.sheet .add-row,.sheet .add-col{background:#334155;padding:6px;text-align:center}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1e293b,#0f172a 60%);padding:24px}.login-card{width:100%;max-width:420px;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:32px;box-shadow:0 10px 30px #0006}.login-brand{display:flex;gap:16px;align-items:center;margin-bottom:24px}.login-brand h1{margin:0;font-size:22px;color:#7dd3fc;letter-spacing:.5px}.login-brand p{margin:4px 0 0;font-size:12px;color:#94a3b8}.login-form{display:flex;flex-direction:column;gap:4px}.login-form button[type=submit]{margin-top:16px;padding:10px;font-size:14px;font-weight:600}.login-form button[type=submit]:disabled{background:#334155;cursor:not-allowed}.login-error{margin-top:12px;background:#7f1d1d;color:#fee2e2;border-radius:4px;padding:8px 10px;font-size:12px}.login-footnote{margin-top:24px;font-size:11px;color:#94a3b8;line-height:1.5}