.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:20px}.brand h1{font-size:20px;margin:0 0 6px}.brand p,.sidebar-footer,.subtle{color:#cbd5e1;font-size:12px}.nav-menu{display:flex;flex-direction:column;gap:8px}.nav-link{padding:12px 14px;border-radius:12px;color:#dbeafe}.nav-link.active,.nav-link:hover{background:rgba(255,255,255,.12);color:#fff}.content{padding:24px;min-width:0}.page{display:flex;flex-direction:column;gap:18px;width:100%;max-width:none}.page-header{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%}.page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.split-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-layout{display:grid;grid-template-columns:1.1fr .9fr;max-width:1100px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.login-hero{padding:40px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff}.login-panel{padding:40px}.login-tabs,.auth-switch{display:flex;gap:10px}.login-tabs{margin:18px 0 18px}.auth-switch{margin:0 0 18px}.login-tab{padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);cursor:pointer}.login-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.merchant-auth-shell{padding:32px;background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 32%),radial-gradient(circle at bottom right,rgba(16,185,129,.12),transparent 28%)}.merchant-auth-layout{grid-template-columns:minmax(340px,420px) minmax(420px,560px);max-width:1020px;border-radius:32px}.merchant-auth-hero{background:linear-gradient(160deg,#0f172a 0,#1d4ed8 58%,#38bdf8 100%);padding:48px 40px}.merchant-auth-panel{padding:48px 42px;background:linear-gradient(180deg,#ffffff 0,#f8fbff 100%)}@media (max-width:1180px){.app-shell,.login-layout,.split-grid,.merchant-auth-layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px}.page-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.content{padding:14px}.page-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.login-tabs,.auth-switch{flex-wrap:wrap}.merchant-auth-shell{padding:16px}.merchant-auth-hero,.merchant-auth-panel{padding:26px 20px}}