@font-face{font-family:dmSerif;src:url(../media/dm_serif_display_400_normal-s.p.1djctenx_0un1.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:dmSerif;src:url(../media/dm_serif_display_400_italic-s.p.1o-entq8jj3yi.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:dmSerif Fallback;src:local(Arial);ascent-override:102.23%;descent-override:33.06%;line-gap-override:0.0%;size-adjust:101.35%}.dmserif_c106633b-module__-XDjfq__className{font-family:dmSerif,dmSerif Fallback}.dmserif_c106633b-module__-XDjfq__variable{--font-display:"dmSerif", "dmSerif Fallback"}
@font-face{font-family:dmSans;src:url(../media/dm_sans_300_normal-s.p.0jt4e48_qu6_l.woff2)format("woff2");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:dmSans;src:url(../media/dm_sans_300_italic-s.p.2ryzgb-mawmnr.woff2)format("woff2");font-display:swap;font-weight:300;font-style:italic}@font-face{font-family:dmSans;src:url(../media/dm_sans_400_normal-s.p.0471snlmja818.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:dmSans;src:url(../media/dm_sans_400_italic-s.p.2t6y5iswgql5j.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:dmSans;src:url(../media/dm_sans_500_normal-s.p.0brn-8r9pdr2e.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:dmSans;src:url(../media/dm_sans_500_italic-s.p.0webz06i18neh.woff2)format("woff2");font-display:swap;font-weight:500;font-style:italic}@font-face{font-family:dmSans;src:url(../media/dm_sans_600_normal-s.p.0oone78si629l.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:dmSans;src:url(../media/dm_sans_600_italic-s.p.1lx13sv7x8ucx.woff2)format("woff2");font-display:swap;font-weight:600;font-style:italic}@font-face{font-family:dmSans Fallback;src:local(Arial);ascent-override:94.36%;descent-override:29.49%;line-gap-override:0.0%;size-adjust:105.13%}.dmsans_4a5050a7-module__IdTLYG__className{font-family:dmSans,dmSans Fallback}.dmsans_4a5050a7-module__IdTLYG__variable{--font-body:"dmSans", "dmSans Fallback"}
@font-face{font-family:cormorant;src:url(../media/cormorant_garamond_300_italic-s.p.23--1mrehwamr.woff2)format("woff2");font-display:swap;font-weight:300;font-style:italic}@font-face{font-family:cormorant Fallback;src:local(Arial);ascent-override:116.85%;descent-override:36.3%;line-gap-override:0.0%;size-adjust:79.07%}.cormorant_851114a9-module__4peSOa__className{font-family:cormorant,cormorant Fallback}.cormorant_851114a9-module__4peSOa__variable{--font-script:"cormorant", "cormorant Fallback"}
:root{--accent:#2e8b4f;--accent-dark:#1f6b3a;--accent-rgb:46, 139, 79;--navy:#1e3a5f;--navy-dark:#0f1e35;--navy-rgb:30, 58, 95;--ink:#1a1a2e;--ink-soft:#3a3a50;--muted:#8a8a9a;--muted-soft:#b0a898;--danger:#b03020;--danger-rgb:176, 48, 32;--success:#1f7a3d;--success-rgb:31, 122, 61;--glass:#ffffffa6;--glass-strong:#fff;--glass-border:#fffc;--hairline:#00000014;--surface-card:#ffffffa6;--surface-bar:#f8faf8e6;--border-card:#fffc;--border-soft:#00000012;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:22px;--r-xl:28px;--shadow-card:0 8px 40px rgba(var(--navy-rgb), .07);--shadow-modal:0 32px 80px rgba(var(--navy-rgb), .13), 0 1px 0 #ffffffe6 inset;--shadow-btn-accent:0 3px 12px rgba(var(--accent-rgb), .28);--shadow-avatar:0 8px 28px rgba(var(--accent-rgb), .22)}html.dark{--accent:#3aaa65;--accent-dark:#2d8a50;--accent-rgb:58, 170, 101;--navy:#8ab4d4;--navy-dark:#6a94b4;--navy-rgb:138, 180, 212;--ink:#e2e2e8;--ink-soft:#aaaab8;--muted:#9494a8;--muted-soft:#75758a;--danger:#e05040;--danger-rgb:224, 80, 64;--success:#3aaa65;--success-rgb:58, 170, 101;--glass:#1c1c20;--glass-strong:#141416;--glass-border:#2a2a30;--hairline:#222228;--shadow-card:0 2px 8px #00000080;--shadow-modal:0 8px 32px #0009;--shadow-btn-accent:0 2px 6px #3aaa6533;--shadow-avatar:0 2px 8px #00000080;--surface-card:#1c1c20;--surface-bar:#18181b;--border-card:#27272c;--border-soft:#27272c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark body{color:var(--ink-soft);background:#111113}html.dark body:before{display:none}html.dark .desktop-hero{-webkit-backdrop-filter:none!important;background:#18181b!important;border-bottom:1px solid #27272c!important}html.dark .desktop-sidebar{-webkit-backdrop-filter:none!important;background:#141416!important;border-right:1px solid #27272c!important}html.dark .mobile-header{background:#18181b!important;border-bottom:1px solid #27272c!important}html.dark .mobile-tabbar{background:#141416!important;border-top:1px solid #27272c!important}html.dark .stat-chip{background:#1e1e22!important;border-color:#27272c!important}html.dark .modal-box{color:var(--ink-soft)!important;background:#1a1a1e!important;border:1px solid #27272c!important;box-shadow:0 8px 32px #0009!important}html.dark .scrim{background:#000000bf!important}html.dark .field-input,html.dark .field-textarea,html.dark input[type=text],html.dark input[type=search],html.dark input[type=email],html.dark input[type=password],html.dark input[type=number],html.dark select,html.dark textarea{color:var(--ink)!important;background:#1e1e22!important;border-color:#2e2e34!important}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--muted)!important}html.dark .field-input:focus,html.dark .field-textarea:focus{border-color:#3aaa65!important;box-shadow:0 0 0 2px #3aaa6526!important}html.dark .vy-table td{color:var(--ink-soft)!important;border-top-color:#222228!important}html.dark .vy-table tr:hover td{background:#1e1e22!important}html.dark .btn-ghost{color:var(--ink-soft)!important}html.dark .btn-ghost:hover{background:#222228!important}html.dark .kpi-card{background:#1e1e22!important;border-color:#27272c!important}html.dark .side-tab{color:var(--ink-soft)!important}html.dark .side-tab--signout{color:var(--danger)!important}html.dark .side-tab--active{color:#3aaa65!important;background:#3aaa651a!important}html.dark .badge-muted{color:var(--muted)!important;background:#222228!important}html.dark .db-shell div[style*="rgba(255,255,255"],html.dark .db-shell span[style*="rgba(255,255,255"],html.dark .db-shell section[style*="rgba(255,255,255"],html.dark .db-shell article[style*="rgba(255,255,255"]{background:#1c1c20!important;border-color:#27272c!important}html.dark .db-shell div[style*="rgba(255,255,255"][style*=border-radius]{box-shadow:none!important;background:#1e1e22!important;border-color:#2e2e34!important}html.dark .db-shell>div[style*=borderBottom]{border-bottom-color:#27272c!important}html.dark div[style*="rgba(255,255,255,0.94"],html.dark div[style*="rgba(255,255,255,0.96"],html.dark div[style*="rgba(255,255,255,0.98"]{background:#1a1a1e!important;border-color:#27272c!important;box-shadow:0 8px 32px #0009!important}html.dark div[style*="1px solid rgba(0,0,0,0.07)"],html.dark div[style*="1px solid rgba(0,0,0,0.05)"],html.dark div[style*="1px solid rgba(0,0,0,0.06)"]{border-color:#27272c!important}html.dark a[style*="rgba(255,255,255"],html.dark button[style*="rgba(255,255,255"]{box-shadow:none!important;background:#1e1e22!important;border-color:#2e2e34!important}html.dark [style*="background:\"rgba(255"],html.dark [style*="background:\"rgba(255"]{background:#1c1c20!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;font-family:var(--font-body);color:var(--ink-soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;background:linear-gradient(150deg,#ede0cc 0%,#e4d4b8 20%,#d8e8f5 55%,#e2d0b8 80%,#eedcc8 100%);min-height:100vh;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 50% at 12% 10%, rgba(var(--accent-rgb), .22) 0%, transparent 65%), radial-gradient(ellipse 55% 45% at 90% 85%, rgba(var(--navy-rgb), .18) 0%, transparent 65%);position:fixed;inset:0}@keyframes gate-in{0%{opacity:0;transform:scale(.94)translateY(20px)}to{opacity:1;transform:none}}@keyframes pulse-out{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.24)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes dot-pop{0%,80%,to{opacity:.2;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}@keyframes db-spin{to{transform:rotate(360deg)}}@keyframes db-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes db-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes db-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes avatar-in{0%{opacity:0;transform:scale(.7)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes greet-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dlg-in{0%{opacity:0;transform:scale(.92)translateY(14px)}to{opacity:1;transform:none}}@keyframes tabSlideIn{0%{opacity:0;transform:translate(14px)scale(.99)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes pk-r1{0%,to{opacity:.15;transform:translate(0)}45%{opacity:.9;transform:translate(5px)}72%{opacity:.35;transform:translate(2px)}}@keyframes pk-r2{0%,to{opacity:.05;transform:translate(0)}55%{opacity:.65;transform:translate(5px)}80%{opacity:.15;transform:translate(2px)}}@keyframes pk-l1{0%,to{opacity:.15;transform:translate(0)}45%{opacity:.9;transform:translate(-5px)}72%{opacity:.35;transform:translate(-2px)}}@keyframes pk-l2{0%,to{opacity:.05;transform:translate(0)}55%{opacity:.65;transform:translate(-5px)}80%{opacity:.15;transform:translate(-2px)}}@keyframes nav-bounce{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}@keyframes nav-bounce-delay{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.55;transform:translateY(3px)}}.scroll-thin{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb), .2) transparent}.scroll-thin::-webkit-scrollbar{width:4px}.scroll-thin::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .2);border-radius:4px}.scroll-styled{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb), .22) transparent}.scroll-styled::-webkit-scrollbar{background:0 0;width:5px}.scroll-styled::-webkit-scrollbar-track{background:0 0;margin:6px 0}.scroll-styled::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(var(--accent-rgb), .12) 0%, rgba(var(--accent-rgb), .32) 40%, rgba(var(--navy-rgb), .22) 100%);border:1px solid #ffffff80;border-radius:100px;transition:background .2s}.scroll-styled::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, rgba(var(--accent-rgb), .28) 0%, rgba(var(--accent-rgb), .52) 40%, rgba(var(--navy-rgb), .36) 100%)}.scroll-styled::-webkit-scrollbar-corner{background:0 0}.glass-card{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-card);background:#fff9;border:1px solid #ffffffc7;border-radius:20px}.side-tab{cursor:pointer;width:100%;font-family:var(--font-body);color:var(--ink-soft);text-align:left;background:0 0;border:none;border-radius:11px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;transition:all .2s;display:flex}.side-tab:hover{transform:translate(3px);background:rgba(var(--accent-rgb), .05)!important}.side-tab--active{font-weight:600;background:rgba(var(--accent-rgb), .09)!important;border-left:3px solid var(--accent)!important;color:var(--accent)!important}.side-tab--premium{background:linear-gradient(135deg, rgba(var(--accent-rgb),.06), rgba(var(--navy-rgb),.04))!important;border:1.5px solid rgba(var(--accent-rgb), .22)!important;color:var(--accent)!important}.mobile-tabbar{padding:10px 10px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-top:1px solid rgba(var(--accent-rgb), .09);box-shadow:0 -4px 20px rgba(var(--navy-rgb), .07);scrollbar-width:none;background:#fffffff0;align-items:stretch;gap:3px;display:flex;overflow-x:auto}.mobile-tabbar::-webkit-scrollbar{display:none}.mob-tab{color:#8a8aa0;letter-spacing:.2px;white-space:nowrap;cursor:pointer;min-width:70px;font-size:10px;font-family:var(--font-body);background:0 0;border:1.5px solid #0000;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:10px 14px 8px;transition:background .18s,color .18s,border-color .18s,transform .12s;display:flex;position:relative}.mob-tab:active{transform:scale(.91)}.mob-tab--active{background:rgba(var(--accent-rgb), .09)!important;border-color:rgba(var(--accent-rgb), .22)!important;color:var(--accent)!important;font-weight:600!important}.nav-scroll-arrow{animation:1.6s ease-in-out infinite nav-bounce}.nav-scroll-arrow--delayed{animation:1.6s ease-in-out .22s infinite nav-bounce-delay}.tab-content{animation:.32s cubic-bezier(.22,1,.36,1) tabSlideIn}.btn-primary{cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;height:52px;font-family:var(--font-body);box-shadow:var(--shadow-btn-accent);white-space:nowrap;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 20px rgba(var(--accent-rgb), .38);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{cursor:pointer;background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .2);height:38px;color:var(--accent);font-family:var(--font-body);border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:rgba(var(--accent-rgb), .14)}.btn-ghost{cursor:pointer;height:38px;color:var(--ink-soft);font-family:var(--font-body);background:0 0;border:1px solid #0000001a;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13px;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:#0000000a}.btn-danger{cursor:pointer;background:rgba(var(--danger-rgb), .08);border:1px solid rgba(var(--danger-rgb), .25);height:38px;color:var(--danger);font-family:var(--font-body);border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-danger:hover{background:rgba(var(--danger-rgb), .14)}.field-input{width:100%;height:48px;font-family:var(--font-body);color:var(--ink);background:#ffffffb3;border:1.5px solid #0000001a;border-radius:12px;outline:none;padding:0 14px;font-size:14px;transition:border-color .25s,box-shadow .25s}.field-input:focus{border-color:rgba(var(--accent-rgb), .5);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1)}.field-textarea{width:100%;font-family:var(--font-body);color:var(--ink);resize:vertical;background:#ffffffb3;border:1.5px solid #0000001a;border-radius:12px;outline:none;min-height:80px;padding:12px 14px;font-size:14px;transition:border-color .25s}.field-textarea:focus{border-color:rgba(var(--accent-rgb), .5);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1)}.field-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:rgba(var(--accent-rgb), .1);color:var(--accent)}.badge-navy{background:rgba(var(--navy-rgb), .1);color:var(--navy)}.badge-danger{background:rgba(var(--danger-rgb), .1);color:var(--danger)}.badge-muted{color:var(--muted);background:#0000000f}.vy-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.vy-table th{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);text-align:left;padding:0 14px 10px;font-size:10px;font-weight:700}.vy-table td{color:var(--ink-soft);vertical-align:middle;border-top:1px solid #0000000d;padding:12px 14px;transition:background-color .15s}.vy-table tr:hover td{background:rgba(var(--accent-rgb), .025)}html,body,.vy-table td,.badge,.field-input,a,button,input,select,textarea{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .12s cubic-bezier(.34,1.56,.64,1)}.btn-primary:active,.btn-secondary:active,.btn-ghost:active,.btn-danger:active{transform:scale(.965)}input[type=checkbox]{transition:transform .1s}input[type=checkbox]:active{transform:scale(.85)}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.vy-modal-scrim{animation:.15s both overlay-fade-in}.vy-modal-panel{animation:.18s cubic-bezier(.34,1.56,.64,1) both modal-pop-in}html{scroll-behavior:smooth}.scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--r-lg);box-shadow:var(--shadow-modal);background:#fffffff5;width:min(520px,100%);max-height:90vh;padding:28px;animation:.28s cubic-bezier(.34,1.56,.64,1) dlg-in;overflow-y:auto}.eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.avatar{background:linear-gradient(135deg, var(--accent) 0%, var(--navy) 100%);box-shadow:var(--shadow-avatar);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-chip{text-align:center;background:#fff9;border:1px solid #ffffffbf;border-radius:12px;padding:8px 14px}.stat-chip--warn{background:rgba(var(--danger-rgb),.07);border-color:rgba(var(--danger-rgb),.25)}.kpi-card{border-radius:14px;padding:16px 18px}.spinner{border:2.5px solid rgba(var(--accent-rgb),.2);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite db-spin}@media (max-width:700px){.desktop-hero,.desktop-sidebar,.sidebar-toggle{display:none!important}.mobile-header,.mobile-tabbar{display:flex!important}.db-shell{height:100dvh;overflow:hidden}.db-content-wrap{flex:1;overflow-y:auto;padding-bottom:0!important}}@media (min-width:701px){.mobile-header,.mobile-tabbar{display:none!important}.db-shell{height:100dvh;overflow:hidden}.db-content-wrap{flex:1;min-height:0;overflow-y:auto}}body:has(.db-shell){height:100dvh;overflow:hidden}@media (max-width:400px){.mob-tab{min-width:58px;padding:8px 10px 6px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:680px){.bill-detail-grid{grid-template-columns:1fr!important}}.login-page-root{flex-direction:column;min-height:100vh;display:flex;position:relative}.login-nav{z-index:20;background:var(--surface-bar);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;height:60px;padding:0 clamp(20px,5vw,60px);display:flex;position:sticky;top:0}.nav-dot{background:linear-gradient(135deg, var(--accent), var(--navy));border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite db-pulse}.nav-wordmark{font-family:var(--font-display);color:var(--ink);letter-spacing:4px;text-transform:uppercase;font-size:13px}.nav-sub{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:600}.login-split{flex:1;grid-template-columns:1fr 420px;align-items:center;gap:0;width:100%;max-width:1160px;margin:0 auto;padding:clamp(48px,8vh,96px) clamp(20px,5vw,60px) 60px;display:grid}.login-left{padding-right:clamp(32px,5vw,80px);animation:.55s cubic-bezier(.22,1,.36,1) both gate-in}.login-eyebrow-wrap{background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .2);border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:5px 14px;display:inline-flex}.login-eyebrow-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.login-h1{font-family:var(--font-display);color:var(--ink);max-width:580px;margin-bottom:22px;font-size:clamp(34px,5vw,64px);line-height:1.1}.login-sub{color:var(--muted);max-width:460px;margin-bottom:40px;font-size:clamp(14px,1.6vw,16px);font-weight:300;line-height:1.75}.login-features{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px;display:grid}.login-feature-item{background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px);align-items:flex-start;gap:12px;padding:14px 16px;transition:transform .2s,box-shadow .2s;display:flex}.login-feature-item:hover{box-shadow:0 8px 28px rgba(var(--navy-rgb), .1);transform:translateY(-2px)}.login-feature-icon{background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .15);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-feature-label{color:var(--ink);margin-bottom:3px;font-size:13px;font-weight:600}.login-feature-desc{color:var(--muted);font-size:11.5px;font-weight:300;line-height:1.55}.login-right{animation:.65s cubic-bezier(.22,1,.36,1) .1s both gate-in}.login-card{background:var(--surface-card);-webkit-backdrop-filter:blur(28px);box-shadow:var(--shadow-modal);border:1px solid var(--border-card);text-align:center;border-radius:var(--r-xl);padding:2.6rem 2.4rem 2.2rem}.login-lock-wrap{background:rgba(var(--accent-rgb), .08);border:1.5px solid rgba(var(--accent-rgb), .22);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 20px;display:flex}.login-card-title{font-family:var(--font-display);color:var(--ink);margin-bottom:8px;font-size:22px}.login-card-sub{color:var(--muted);margin-bottom:26px;font-size:13px;font-weight:300;line-height:1.7}.login-error{background:rgba(var(--danger-rgb), .07);border:1px solid rgba(var(--danger-rgb), .2);text-align:left;color:var(--danger);border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;display:flex}.login-card-legal{color:var(--muted-soft);margin-top:20px;font-size:10.5px;font-weight:300;line-height:1.6}.login-footer{border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:22px clamp(20px,5vw,60px);display:flex}@media (max-width:820px){.login-split{grid-template-columns:1fr;padding-top:clamp(32px,5vh,60px)}.login-left{margin-bottom:36px;padding-right:0}.login-h1{font-size:clamp(28px,6vw,44px)}.login-right{width:100%;max-width:440px;margin:0 auto}}@keyframes di-item{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes side-enter{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.di-result{animation:.28s cubic-bezier(.34,1.3,.64,1) both di-item}.di-scroll::-webkit-scrollbar{width:4px}.di-scroll::-webkit-scrollbar-track{background:0 0;margin:8px 0}.di-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(var(--accent-rgb),.12) 0%, rgba(var(--accent-rgb),.38) 100%);border:1px solid #ffffff8c;border-radius:100px}.di-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, rgba(var(--accent-rgb),.28) 0%, rgba(var(--accent-rgb),.6) 100%)}.di-scroll{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.25) transparent}@keyframes di-dd-open{0%{opacity:0;transform:translateY(-12px)}60%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.side-tab{position:relative;overflow:hidden}.side-tab:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;transition:transform .2s cubic-bezier(.34,1.4,.64,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.side-tab--active:before{transform:scaleY(1)}.side-tab:hover:not(.side-tab--active){background:rgba(var(--accent-rgb),.04)}.side-tab:active{transform:scale(.98)}.pm-item{width:100%;color:var(--ink-soft);cursor:pointer;text-align:left;font-size:12.5px;font-weight:550;font-family:var(--font-body);background:0 0;border:none;border-radius:10px;align-items:center;gap:9px;padding:9px 10px;text-decoration:none;transition:background .15s;display:flex}.pm-item:hover{background:rgba(var(--accent-rgb),.08)}.pm-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pm-item[disabled]{opacity:.6;cursor:default}
