:root{--bg:#f8fafc;--card:#fff;--ink:#0a0a0a;--muted:#64748b;--line:#e2e8f0;--blue:#156cdd;--blue-hover:#1157b8;--navy:#0b1f3f;--radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:17px;height:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh}.workspace{display:flex;flex-direction:column;height:100vh}.header{height:64px;background:#fff;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 24px;flex-shrink:0}.brand-lock,.header{display:flex;align-items:center}.brand-lock{gap:10px;font-weight:700;color:var(--navy)}.mark{width:36px;height:36px;border-radius:10px;background:var(--navy);color:#c9a24b;display:grid;place-items:center;font-size:11px;font-weight:800}.nav{display:flex;gap:14px;align-items:center}.nav a,.nav button.link{background:none;border:0;color:#475569;font-size:14px;font-weight:500;cursor:pointer}.nav a:hover,.nav button.link:hover{color:var(--blue)}.btn{border:0;background:var(--blue);color:#fff;padding:8px 14px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}.btn:hover{background:var(--blue-hover)}.btn.full{width:100%;margin-top:16px}.main{max-width:1400px;margin:0 auto;padding:40px 24px}h1{margin:0;font-size:24px;color:var(--blue)}.sub{margin:6px 0 0;color:var(--muted);font-size:13px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(21,108,221,.1);color:var(--blue)}.login-page{min-height:100vh;display:grid;place-items:center;background:#f8fafc}.login-card{width:min(420px,92vw);background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 28px;box-shadow:0 10px 40px -8px rgba(11,31,63,.08);text-align:center}.login-card h1{margin:12px 0 4px}label{display:block;text-align:left;font-size:13px;font-weight:600;color:var(--blue);margin:14px 0 6px}input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.seg{display:flex;gap:8px}.tab{border:1px solid var(--line);background:#fff;color:#334155;padding:8px 12px;border-radius:12px;cursor:pointer;font-size:14px}.tab.on{background:var(--blue);color:#fff;border-color:var(--blue)}.error{color:#b91c1c;font-size:13px;margin-top:8px;text-align:left}.work{display:flex;flex:1 1;min-height:0}.side-nav{width:220px;background:#fff;border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:6px}.side-label{margin:12px 8px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.side-label:first-child{margin-top:0}.side-btn{text-align:left;border:0;background:transparent;color:#334155;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500}.side-btn.on{background:rgba(21,108,221,.1);color:var(--blue)}.frame-wrap{flex:1 1;display:flex;flex-direction:column;min-width:0}.frame-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line);background:#fff}.app-frame{flex:1 1;width:100%;border:0;background:#fff}@media (max-width:800px){.work{flex-direction:column}.side-nav{width:100%;flex-direction:row;flex-wrap:wrap}}