.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-shell{width:min(980px,100%)}.auth-card{min-height:620px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.auth-form-panel,.auth-info-panel{padding:40px}.auth-form-panel{display:flex;flex-direction:column;justify-content:center}.auth-info-panel{display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:linear-gradient(145deg,rgba(21,94,239,.22),rgba(18,183,106,.12)),#101828;color:#fff}.auth-info-panel p{color:rgba(255,255,255,.72)}[data-theme="dark"] .auth-info-panel{background:linear-gradient(145deg,rgba(21,94,239,.18),rgba(18,183,106,.10)),#08111f}.auth-heading{margin:44px 0 24px}.auth-heading h1,.auth-copy h2{font-size:28px;line-height:1.55;font-weight:600}.auth-heading p{margin-top:8px;color:var(--text-muted)}.auth-copy h2{margin-bottom:10px}.auth-points{display:grid;gap:12px}.auth-point{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);background:rgba(255,255,255,.07)}.auth-point i{color:#84caff;font-size:19px;margin-top:2px}.app-shell{min-height:100vh;margin-right:var(--sidebar-width)}.sidebar{position:fixed;inset:0 0 0 auto;z-index:40;width:var(--sidebar-width);display:flex;flex-direction:column;gap:18px;padding:20px 16px;background:linear-gradient(180deg,rgba(239,244,255,.62),rgba(255,255,255,0) 210px),var(--surface);border-left:1px solid var(--border-soft);box-shadow:-1px 0 0 rgba(255,255,255,.7)}[data-theme="dark"] .sidebar{background:linear-gradient(180deg,rgba(122,167,255,.08),rgba(13,23,38,0) 210px),var(--surface);box-shadow:-1px 0 0 rgba(255,255,255,.02)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;min-height:46px}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--primary);background:linear-gradient(145deg,rgba(21,94,239,.13),rgba(18,183,106,.10)),var(--surface);border:1px solid #dbe8ff}.brand-mark i{font-size:19px}.brand strong,.merchant-card strong,.user-menu strong{display:block;font-weight:600;line-height:1.45}.brand small,.merchant-card small,.user-menu small{display:block;color:var(--text-muted);font-size:12px;line-height:1.6}.merchant-card{padding:12px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.72)}[data-theme="dark"] .merchant-card{background:rgba(255,255,255,.025)}.sidebar-nav{display:grid;gap:4px;overflow-y:auto}.nav-link{position:relative;min-height:40px;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 10px;border-radius:var(--radius-md);color:var(--text);font-weight:500;transition:background .16s ease,color .16s ease}.nav-link i{width:20px;color:var(--text-muted);font-size:18px;text-align:center}.nav-link:hover,.nav-link.active{color:var(--primary);background:rgba(239,244,255,.92)}[data-theme="dark"] .nav-link:hover,[data-theme="dark"] .nav-link.active{background:rgba(122,167,255,.10)}.nav-link:hover i,.nav-link.active i{color:var(--primary)}.nav-link.active:before{content:"";position:absolute;top:11px;right:0;width:3px;height:18px;border-radius:999px;background:var(--primary)}.nav-tag{margin-right:auto;font-size:10.5px;color:var(--warning)}.sidebar-bottom{margin-top:auto;display:grid;gap:8px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:14px 28px;background:var(--bg);border-bottom:1px solid var(--border-soft)}.topbar-title{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title h1{font-size:20px;font-weight:600;line-height:1.5}.topbar-title p{color:var(--text-muted);font-size:13px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.content{width:min(1240px,100%);margin:0 auto;padding:24px 28px 52px}.page-stack{display:grid;gap:18px}.page-grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-split{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.grid-side{grid-template-columns:minmax(0,1fr) 340px}.sidebar-toggle,.sidebar-close,.sidebar-backdrop{display:none}.future-section{border-top:1px solid var(--border-soft);padding-top:10px;margin-top:6px}

/* Final sidebar collapse and submenu behavior */
.sidebar-collapse-toggle{display:inline-flex}.nav-group-title{width:100%;border:0;background:transparent;text-align:right;cursor:pointer}.nav-caret{margin-right:auto;transition:transform .16s ease}.nav-submenu{display:grid;gap:4px;max-height:0;overflow:hidden;opacity:0;transition:max-height .22s ease,opacity .16s ease}.nav-group.is-open .nav-submenu{max-height:280px;opacity:1}.nav-group.is-open .nav-caret{transform:rotate(180deg)}
@media (min-width:981px){body.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width);padding-inline:12px}body.sidebar-collapsed .app-shell{margin-right:var(--sidebar-collapsed-width)}body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .merchant-card,body.sidebar-collapsed .nav-link span,body.sidebar-collapsed .nav-group-title span,body.sidebar-collapsed .nav-caret,body.sidebar-collapsed .sidebar-bottom .btn span{display:none}body.sidebar-collapsed .brand{justify-content:center}body.sidebar-collapsed .sidebar-head{justify-content:center}body.sidebar-collapsed .nav-link,body.sidebar-collapsed .nav-group-title{justify-content:center;padding-inline:0}body.sidebar-collapsed .nav-link i,body.sidebar-collapsed .nav-group-title i{margin:0;width:38px;height:38px;display:grid;place-items:center;border-radius:12px}body.sidebar-collapsed .nav-submenu{display:none}body.sidebar-collapsed .sub-link{margin-right:0}body.sidebar-collapsed .sidebar-bottom .btn{width:44px;padding:0;margin-inline:auto}.sidebar{transition:width .2s ease,transform .2s ease,padding .2s ease}.app-shell{transition:margin-right .2s ease}.sidebar-toggle{display:none!important}}
@media (max-width:980px){.sidebar-collapse-toggle{display:none!important}body.sidebar-collapsed .app-shell{margin-right:0}body.sidebar-collapsed .sidebar{width:284px}.nav-submenu{max-height:0}.nav-group.is-open .nav-submenu{max-height:280px}}