@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:Plus Jakarta Sans,sans-serif;color:#f7f7fb;background:radial-gradient(circle at top left,rgba(96,165,250,.24),transparent 28%),radial-gradient(circle at 85% 20%,rgba(167,139,250,.18),transparent 24%),linear-gradient(135deg,#07111f 0%,#0b1428 46%,#0f1f3b 100%);font-synthesis:none;text-rendering:optimizeLegibility;--bg-shell: rgba(9, 17, 31, .72);--bg-soft: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .24);--text-main: #eef3ff;--text-muted: #9fb0d0;--accent: #7dd3fc;--accent-2: #a78bfa;--success: #4ade80;--warning: #fbbf24;--danger: #fb7185;--surface-md3: rgba(17, 25, 40, .62);--shadow: 0 24px 80px rgba(3, 7, 18, .45)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-main);background:radial-gradient(circle at top left,rgba(96,165,250,.24),transparent 28%),radial-gradient(circle at 85% 20%,rgba(167,139,250,.18),transparent 24%),linear-gradient(135deg,#07111f 0%,#0b1428 46%,#0f1f3b 100%)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.glass,.glass-soft{border:1px solid var(--border);background:var(--surface-md3);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.glass-soft{background:rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff14}.screen-center{min-height:100vh;display:grid;place-items:center;color:var(--text-muted)}.stack-lg{display:grid;gap:1rem}.panel-kicker{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.muted{color:var(--text-muted)}.primary-button,.soft-button,.ghost-button,.icon-button,.text-button{border:0;transition:.18s ease}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:0 1.2rem;border-radius:1.1rem;color:#08131f;background:linear-gradient(135deg,#dff4ff 0%,#7dd3fc 45%,#a78bfa 100%);font-weight:700}.primary-button.small{min-height:2.75rem}.soft-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.9rem;padding:0 1rem;border-radius:1rem;color:var(--text-main);background:rgba(255,255,255,.08)}.ghost-button{background:transparent;border:1px solid var(--border)}.text-button{background:transparent;color:var(--accent);font-weight:700}.icon-button{width:2.6rem;height:2.6rem;display:inline-grid;place-items:center;color:var(--text-main);background:rgba(255,255,255,.07);border-radius:.95rem}.icon-button.danger{color:var(--danger)}.primary-button:hover,.soft-button:hover,.ghost-button:hover,.icon-button:hover,.text-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.login-shell{min-height:100vh;padding:2rem;display:grid;grid-template-columns:1.25fr .95fr;gap:2rem;position:relative;overflow:hidden}.login-showcase,.login-panel,.sidebar,.topbar,.panel,.modal{border-radius:2rem}.login-showcase{position:relative;padding:3rem;display:flex;flex-direction:column;justify-content:center}.pill,.panel-chip{display:inline-flex;align-items:center;gap:.5rem;width:-moz-fit-content;width:fit-content;padding:.55rem .95rem;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid var(--border);color:var(--accent);font-size:.8rem;font-weight:700}.login-showcase h1{max-width:12ch;margin:1rem 0;font-size:clamp(3rem,5vw,5.6rem);line-height:.95}.login-showcase h1 span{color:#d6c7ff}.login-showcase p{max-width:56ch;color:var(--text-muted);font-size:1.05rem;line-height:1.7}.showcase-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card,.security-item,.profile-card{display:flex;gap:1rem;padding:1rem;border-radius:1.4rem}.feature-icon,.security-icon,.stat-icon,.transaction-icon{width:2.75rem;height:2.75rem;border-radius:1rem;display:grid;place-items:center;background:rgba(255,255,255,.08);color:var(--accent)}.feature-card p,.security-item p{margin:.35rem 0 0;color:var(--text-muted);font-size:.92rem;line-height:1.6}.login-panel{padding:2rem;align-self:center;max-width:34rem;width:100%}.login-panel h2{margin:.5rem 0;font-size:2.2rem}.login-panel p{margin-top:0;margin-bottom:1.5rem;color:var(--text-muted)}.alert{padding:.95rem 1rem;border-radius:1rem;font-size:.92rem}.alert-error{background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.28);color:#ffc4d0}.field{display:grid;gap:.45rem}.field span,.field small{color:var(--text-muted);font-size:.86rem}.field input,.field select{min-height:3.35rem;border-radius:1rem;border:1px solid var(--border);background:rgba(4,9,20,.34);color:var(--text-main);padding:0 1rem;outline:0}.field input::-moz-placeholder{color:#7390bc}.field input::placeholder{color:#7390bc}.field input:focus,.field select:focus{border-color:#7dd3fc8c;box-shadow:0 0 0 4px #7dd3fc1a}.search-input{display:flex;align-items:center;gap:.65rem;min-height:3.35rem;border-radius:1rem;border:1px solid var(--border);background:rgba(4,9,20,.34);padding:0 1rem}.search-input input{flex:1;min-height:2.8rem;border:0;background:transparent;color:var(--text-main);outline:0}.app-shell{min-height:100vh;padding:1.2rem;display:grid;grid-template-columns:320px minmax(0,1fr);gap:1.2rem;position:relative}.sidebar{padding:1.2rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:1.2rem;height:calc(100vh - 2.4rem)}.brand-lockup{display:flex;align-items:center;gap:.9rem}.brand-badge{width:3.1rem;height:3.1rem;border-radius:1.15rem;display:grid;place-items:center;background:linear-gradient(135deg,rgba(125,211,252,.9),rgba(167,139,250,.82));color:#07111f;font-weight:800}.brand-lockup h1,.topbar h2,.panel h3{margin:0}.brand-lockup p,.panel-head p{margin:.25rem 0 0;color:var(--text-muted)}.user-card{display:flex;align-items:center;gap:.85rem;padding:1rem;border-radius:1.4rem}.nav-stack{display:grid;gap:.65rem}.nav-item{width:100%;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:.8rem;padding:.95rem 1rem;border:1px solid transparent;border-radius:1rem;background:transparent;color:var(--text-main);text-align:left}.nav-item-active{background:rgba(125,211,252,.12);border-color:#7dd3fc33}.sidebar-footer{margin-top:auto;padding:1rem;border-radius:1.4rem;display:grid;gap:1rem}.workspace{display:grid;gap:1rem}.topbar,.panel{padding:1.1rem 1.2rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar-actions{display:flex;align-items:center;gap:.75rem}.page-grid{display:grid;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card{padding:1.2rem;display:grid;gap:.55rem}.stat-label{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:clamp(1.6rem,2vw,2.4rem);font-weight:800}.stat-hint{color:var(--text-muted);font-size:.92rem}.tone-positive .stat-icon{color:var(--success)}.tone-danger .stat-icon{color:var(--danger)}.tone-warning .stat-icon{color:var(--warning)}.tone-primary .stat-icon{color:var(--accent)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.panel-split,.security-grid,.filters-grid,.settings-grid,.grid-2,.grid-3{display:grid;gap:1rem}.panel-split,.security-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.filters-grid{grid-template-columns:1.5fr repeat(3,minmax(0,1fr));margin-bottom:1rem}.table-list{display:grid;gap:.85rem}.table-row{display:grid;grid-template-columns:minmax(0,2fr) auto auto auto;gap:1rem;align-items:center;padding:1rem;border-radius:1.15rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}.table-row.compact{grid-template-columns:minmax(0,1fr) auto auto}.table-main{display:flex;align-items:center;gap:.9rem;min-width:0}.table-main strong,.table-main .muted{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table-amount{font-weight:800}.row-actions{display:flex;gap:.4rem}.status-inline{color:var(--text-muted)}.status-badge,.role-badge{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0 .75rem;border-radius:999px;font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.status-badge.paid{color:#abf5c1;background:rgba(74,222,128,.15)}.status-badge.pending{color:#ffe39b;background:rgba(251,191,36,.14)}.role-god{color:#f8d88b;background:rgba(251,191,36,.14)}.role-superuser{color:#c0f0ff;background:rgba(125,211,252,.14)}.role-manager{color:#d4c4ff;background:rgba(167,139,250,.14)}.role-analyst,.role-viewer{color:#c8d6ef;background:rgba(148,163,184,.14)}.metric-stack{display:grid;gap:.85rem}.metric-row{display:grid;gap:.45rem}.metric-copy{display:flex;justify-content:space-between;gap:1rem;color:var(--text-muted)}.metric-copy strong{color:var(--text-main)}.metric-track{width:100%;height:.65rem;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.metric-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.metric-fill.secondary{background:linear-gradient(90deg,#60a5fa,#7dd3fc)}.section-mini-title{margin-bottom:.9rem;color:var(--text-muted);text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}.empty-state{display:flex;align-items:center;gap:.6rem;color:var(--text-muted);padding:1rem}.avatar{width:2.8rem;height:2.8rem;border-radius:.95rem;display:grid;place-items:center;background:linear-gradient(135deg,rgba(125,211,252,.9),rgba(167,139,250,.82));color:#07111f;font-weight:800;-o-object-fit:cover;object-fit:cover}.avatar.large{width:4.2rem;height:4.2rem;border-radius:1.25rem}.settings-actions{display:flex;gap:.8rem;flex-wrap:wrap}.payment-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:1.2rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.66);display:grid;place-items:center;padding:1.2rem;z-index:50}.modal{width:min(720px,100%);padding:1.2rem}.modal-head,.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.modal-head{margin-bottom:1rem}.modal-actions{justify-content:flex-end}.toast{position:fixed;right:1.25rem;bottom:1.25rem;padding:1rem 1.15rem;border-radius:1rem;box-shadow:var(--shadow);color:#fff;z-index:80}.toast.success{background:rgba(34,197,94,.94)}.toast.error{background:rgba(244,63,94,.95)}.login-aurora,.app-aurora{position:absolute;width:26rem;height:26rem;border-radius:999px;filter:blur(90px);opacity:.42;pointer-events:none}.login-aurora-a,.app-aurora-a{top:-6rem;left:-4rem;background:rgba(125,211,252,.35)}.login-aurora-b,.app-aurora-b{right:6%;bottom:-8rem;background:rgba(167,139,250,.3)}@media (max-width: 1180px){.login-shell,.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.stats-grid,.panel-split,.security-grid,.settings-grid,.showcase-grid,.filters-grid,.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 820px){.login-shell,.app-shell,.workspace,.topbar,.showcase-grid,.stats-grid,.panel-split,.security-grid,.filters-grid,.settings-grid,.grid-2,.grid-3,.table-row,.table-row.compact{grid-template-columns:1fr}.login-shell,.app-shell{padding:1rem}.login-showcase,.login-panel,.sidebar,.topbar,.panel,.modal{border-radius:1.5rem}.topbar-actions,.modal-actions{flex-wrap:wrap}}