:root{--bg:#f6f8fb;--surface:#fff;--surface-2:#eef2f7;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#111827;--accent:#2563eb;--danger:#dc2626;--radius:18px;--shadow:0 18px 50px #0f172a1a;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-width:320px;color:var(--text)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-page{background:radial-gradient(circle at top left, #dbeafe 0, transparent 35%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);width:min(100%,440px);box-shadow:var(--shadow);border-radius:28px;padding:34px}.brand-mark{color:#fff;background:linear-gradient(135deg,#111827,#2563eb);border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:22px;font-weight:800;display:grid}.login-heading h1{letter-spacing:-2px;margin:0;font-size:42px}.login-heading p{color:var(--muted);margin:10px 0 26px;line-height:1.55}.login-card form{gap:10px;display:grid}.login-card label{color:#334155;margin-top:6px;font-size:14px;font-weight:700}.login-card input{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:14px;outline:none;padding:14px 15px}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1a}.primary-button{color:#fff;background:linear-gradient(135deg,#111827,#2563eb);border:0;border-radius:14px;margin-top:10px;padding:14px 18px;font-weight:750}.login-error{color:#b91c1c;background:#fef2f2;border-radius:12px;padding:10px 12px}.login-card small{text-align:center;color:#94a3b8;margin-top:22px;display:block}@media (width<=520px){.login-page{padding:18px}.login-card{border-radius:22px;padding:26px 22px}}.vonet-shell{color:#10233f;background:#f4f7fb;flex-direction:column;min-height:100svh;display:flex}.vonet-topbar{color:#fff;background:#0b1f3a;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.vonet-brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.vonet-brand-mark{color:#fff;background:#2563eb;border-radius:12px;place-items:center;width:38px;height:38px;font-size:15px;font-weight:900;display:grid}.vonet-workspace{align-items:center;gap:10px;display:flex;position:relative}.vonet-workspace-name{font-weight:700}.vonet-workspace-role{text-transform:uppercase;letter-spacing:.5px;background:#ffffff1f;border-radius:999px;padding:5px 9px;font-size:12px}.vonet-content{width:min(1400px,100%);margin:0 auto;padding:32px}.vonet-welcome{margin-bottom:28px}.vonet-welcome h1{color:#10233f;margin:0;font-size:32px;line-height:1.15}.vonet-welcome p{color:#64748b;margin-top:8px}.vonet-module-grid{grid-template-columns:1fr;gap:10px;display:grid}.vonet-module-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:10px;width:100%;min-height:82px;padding:10px 14px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 8px 24px #0f233f0f}.vonet-module-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f233f1a}.vonet-module-icon{color:#2563eb;background:#eaf1ff;border-radius:15px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:grid}.vonet-module-card h2{color:#10233f;margin:0;font-size:17px;line-height:1.25}.vonet-module-card p{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.3}.vonet-module-arrow{color:#94a3b8;margin-left:auto;font-size:28px;line-height:1}@media (width<=900px){.vonet-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.vonet-topbar{height:64px;padding:0 16px}.vonet-workspace-role{display:none}.vonet-content{padding:22px 16px}.vonet-welcome h1{font-size:26px}.vonet-module-grid{grid-template-columns:1fr;gap:10px}.vonet-module-card{min-height:82px}}.vonet-account-button{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:6px 8px;display:flex}.vonet-account-avatar{background:#2563eb;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.vonet-account-text{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.vonet-account-text strong{font-size:14px}.vonet-account-text small{opacity:.72;margin-top:3px;font-size:11px}.vonet-account-chevron{opacity:.8;font-size:18px}.vonet-account-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:190px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 45px #0f233f2e}.vonet-account-menu button{color:#10233f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:11px 12px}.vonet-account-menu button:hover{background:#f1f5f9}.vonet-workspace-select{box-sizing:border-box;background:#f5f7fa;min-height:100vh;padding:32px 20px}.vonet-workspace-select-title{color:#10233f;max-width:560px;margin:0 auto 24px;font-size:24px;font-weight:700}.vonet-workspace-list{gap:12px;max-width:560px;margin:0 auto;display:grid}.vonet-workspace-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:14px;width:100%;min-height:82px;padding:14px 16px;display:flex;box-shadow:0 8px 24px #0f233f12}.vonet-workspace-card-avatar{color:#fff;background:#10233f;border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:grid}.vonet-workspace-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.vonet-workspace-card-info strong{color:#10233f;font-size:15px;font-weight:700;line-height:1.25}.vonet-workspace-card-info small{color:#64748b;margin-top:4px;font-size:12px;line-height:1.2}.vonet-workspace-card-arrow{color:#2563eb;font-size:28px;font-weight:400;line-height:1}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}