*{margin:0;padding:0}.app-container{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(2,1fr)}body.light{--background-color:#fff;--text-color:#333;--color:#333}body.light a{color:#777}body.dark{--background-color:#121212;--text-color:#fff;--color:#fff}body,html{background-color:var(--background-color)!important;color:var(--text-color)!important;height:100%;transition:background-color .3s ease,color .3s ease}:root{--sidebar-width:240px;--sidebar-collapsed-width:64px}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar-container{transition:width .3s;width:240px}.sidebar-container.collapsed{width:64px}.main-content{flex:1 1;overflow-y:auto;padding:1.5rem;transition:margin .3s}.sidebar-container.collapsed+.main-content{margin-left:64px;margin-left:var(--sidebar-collapsed-width)}.chatbot-container{bottom:30px;display:none;position:fixed;right:30px;z-index:9999}:root{--sidebar-bg:linear-gradient(180deg,#0f1424b8,#0f142494);--sidebar-border:#1f2747;--sidebar-hover:#ffffff0f;--sidebar-active:#6c5ce7}.sidebar-container{transition:width .25s ease;width:var(--sidebar-width)}.sidebar-container.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0f1424b8,#0f142494);background:var(--sidebar-bg);border-right:1px solid #1f2747;border-right:1px solid var(--sidebar-border);display:grid;height:100vh;overflow:hidden;position:relative}.sidebar-header{align-items:center;border-bottom:1px solid #1a2240;display:flex;gap:10px;padding:14px 12px}.sidebar-header .logo{border-radius:10px;flex:0 0 auto;height:36px;width:36px}.company-wrap{grid-gap:2px;display:grid;gap:2px;min-width:0}.company-name{color:#fff;font-size:14px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-id{color:#c7cff8;font-size:11px;opacity:.8}.kp-menu{grid-gap:4px;display:grid;gap:4px;list-style:none;margin:8px 0 0;padding:6px}.kp-item{position:relative}.kp-link{align-items:center;border-radius:12px;color:#e6e9f2;color:var(--text);display:flex;gap:10px;padding:10px;text-decoration:none;transition:background .15s ease,color .15s ease,transform .05s ease}.kp-link:hover{background:#ffffff0f;background:var(--sidebar-hover)}.kp-ico{flex:0 0 auto;opacity:.9}.kp-item.active>.kp-link{background:#6c5ce729;border:1px solid #6c5ce759;color:#fff}.kp-active-indicator{background:#6c5ce7;background:var(--sidebar-active);border-radius:999px;height:6px;position:absolute;right:6px;width:6px}.has-children .btnlike{background:#0000;border:none;cursor:pointer;text-align:left;width:100%}.has-children .chev{margin-left:auto;opacity:.8;transition:transform .2s ease}.has-children.open .chev{transform:rotate(90deg)}.kp-submenu{grid-gap:4px;display:grid;gap:4px;list-style:none;margin:0;padding:4px 0 6px 34px}.kp-sublink{align-items:center;border-radius:10px;color:#d6dcff;display:flex;gap:8px;padding:8px 10px;text-decoration:none}.kp-sublink:hover{background:#ffffff0d}.sidebar-footer{border-top:1px solid #1a2240;padding:10px}.logout-btn{background:#ef44441f;border:1px solid #ef444440;border-radius:12px;color:#ffd5d5;cursor:pointer;padding:10px 12px;transition:transform .05s ease,background .15s ease;width:100%}.logout-btn:hover{background:#ef44442e;transform:translateY(-1px)}.collapse-btn{align-items:center;background:#0f1424e6;border:1px solid #1f2747;border:1px solid var(--sidebar-border);border-radius:999px;box-shadow:0 6px 18px #00000059;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-14px;top:10px;transition:transform .1s ease,background .15s ease;width:28px}.collapse-btn:hover{background:#0f1424;transform:translateY(-1px)}.sidebar-container.collapsed .company-wrap{display:none}.sidebar-container.collapsed .kp-link{justify-content:center;padding:10px 0}.sidebar-container.collapsed .has-children .chev,.sidebar-container.collapsed .kp-link .label{display:none}.sidebar-container.collapsed .kp-submenu{display:none!important}.sidebar-container.collapsed [data-tip]{position:relative}.sidebar-container.collapsed [data-tip]:hover:after{background:#0f1424;border:1px solid #223159;border-radius:8px;color:#e6e9f2;content:attr(data-tip);font-size:12px;left:calc(100% + 8px);padding:6px 8px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:5}.sidebar.glass{grid-template-rows:auto 1fr auto}.kp-menu{overflow-y:auto;scrollbar-color:#1f2747 #0000;scrollbar-width:thin}.kp-menu::-webkit-scrollbar{width:8px}.kp-menu::-webkit-scrollbar-thumb{background:#1f2747;border-radius:999px}.kp-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#080c18a6,#080c1859);border-bottom:1px solid #2a335099;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .2s ease,background .2s ease,border-color .2s ease;z-index:50}.kp-navbar.is-scrolled{background:linear-gradient(180deg,#080c18d9,#080c188c);border-color:#2a3350cc;box-shadow:0 6px 30px #00000059}.kp-nav-inner{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:auto 1fr auto;margin-inline:auto;max-width:min(1440px,96vw);padding:12px clamp(16px,4vw,24px);width:100%}.kp-brand{align-items:center;color:var(--text);display:inline-flex;font-weight:800;gap:10px;letter-spacing:.2px;text-decoration:none}.kp-brand img{border-radius:8px;height:32px;object-fit:cover;opacity:.95;width:32px}.kp-nav-links{align-items:center;display:flex;gap:18px;justify-content:center}.kp-nav-links a{border-radius:10px;color:#c7cff8;opacity:.9;padding:8px 10px;text-decoration:none;transition:background .2s,color .2s,opacity .2s}.kp-nav-links a:hover{background:#ffffff0a;opacity:1}.kp-nav-links a.is-active{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid #2a3350;color:#fff}.kp-nav-actions{align-items:center;display:flex;gap:10px}.kp-hamburger{background:#0000;border:none;cursor:pointer;display:none;height:28px;position:relative;width:36px}.kp-hamburger span{background:#e6e9f2;border-radius:2px;height:2px;left:4px;position:absolute;right:4px;transition:transform .2s ease,opacity .2s ease,top .2s ease}.kp-hamburger span:first-child{top:6px}.kp-hamburger span:nth-child(2){top:13px}.kp-hamburger span:nth-child(3){top:20px}.kp-hamburger.open span:first-child{top:13px;transform:rotate(45deg)}.kp-hamburger.open span:nth-child(2){opacity:0}.kp-hamburger.open span:nth-child(3){top:13px;transform:rotate(-45deg)}.kp-mobile-menu{background:linear-gradient(180deg,#080c18fa,#080c18eb);border-top:1px solid #2a335099;display:none;padding:12px clamp(16px,4vw,24px) 18px}.kp-mobile-menu a{border-radius:10px;color:#c7cff8;display:block;padding:12px 6px;text-decoration:none;transition:background .2s,color .2s}.kp-mobile-menu a:hover{background:#ffffff0a;color:#fff}.kp-mobile-menu a.is-active{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid #2a3350;color:#fff}.kp-mobile-cta{grid-gap:10px;display:grid;gap:10px;margin-top:8px}.hide-sm{display:inline-flex}@media (max-width:1024px){.kp-nav-links{display:none}.kp-hamburger{display:inline-flex}.hide-sm{display:none}.kp-mobile-menu{display:block}}.kp-footer{background:radial-gradient(900px 400px at 100% 0,#6c5ce71a,#0000 60%),linear-gradient(180deg,#0a0f1d,#0b1020);border-top:1px solid #1f2747;color:var(--text);margin-top:56px}.kp-footer-wrap{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1.2fr 2fr 1fr;margin-inline:auto;max-width:min(1440px,96vw);padding:40px clamp(16px,4vw,24px);width:100%}@media (max-width:1180px){.kp-footer-wrap{grid-template-columns:1.2fr 1.8fr 1.2fr}}@media (max-width:980px){.kp-footer-wrap{grid-template-columns:1fr}}.kp-foot-brand{grid-gap:12px;display:grid;gap:12px}.kp-foot-logo{align-items:center;color:var(--text);display:inline-flex;font-weight:800;gap:10px;text-decoration:none}.kp-foot-logo img{height:34px;object-fit:cover;width:50%}.kp-foot-tagline{color:var(--muted);max-width:520px}.kp-foot-contact{grid-gap:6px;color:#d6dcff;display:grid;gap:6px;list-style:none;margin:0;padding:0}.kp-foot-contact a{color:#d6dcff;opacity:.95;text-decoration:none}.kp-foot-contact a:hover{text-decoration:underline}.kp-foot-socials{display:flex;gap:10px;margin-top:2px}.kp-foot-socials a{align-items:center;background:#ffffff08;border:1px solid #223159;border-radius:10px;display:inline-flex;height:36px;justify-content:center;transition:transform .15s ease,background .15s ease,border-color .15s ease;width:36px}.kp-foot-socials a:hover{background:#ffffff0f;border-color:#2a3350;transform:translateY(-1px)}.kp-foot-cols{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(160px,1fr))}@media (max-width:560px){.kp-foot-cols{grid-template-columns:repeat(2,minmax(160px,1fr))}}.kp-foot-col h4{color:#c7cff8;font-size:14px;letter-spacing:.08em;margin:0 0 10px;text-align:left;text-transform:uppercase}.kp-foot-col ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.kp-foot-col a{border-radius:8px;color:#d6dcff;opacity:.9;padding:4px 6px;text-decoration:none;transition:color .15s,opacity .15s,background .15s}.kp-foot-col a:hover{background:#ffffff0a;opacity:1}.kp-foot-news{grid-gap:10px;align-content:start;display:grid;gap:10px}.kp-foot-news h4{color:#c7cff8;font-size:14px;letter-spacing:.08em;margin:0;text-transform:uppercase}.kp-foot-news p{color:var(--muted)}.kp-foot-form{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr auto}.kp-foot-form input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s;width:90%}.kp-foot-form input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.kp-foot-success{color:#22c55e;font-size:14px}.kp-foot-error{color:#ef4444;font-size:14px}.kp-foot-selects{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:6px}.kp-foot-selects label{grid-gap:6px;color:#c7cff8;display:grid;font-size:12px;gap:6px}.kp-foot-selects select{background:#0f1424;border:1px solid #223159;border-radius:10px;color:var(--text);padding:10px 12px;width:90%}.kp-foot-bottom{background:linear-gradient(180deg,#080c18d9,#080c18bf);border-top:1px solid #1f2747}.kp-foot-bottom-inner{align-items:center;color:#c7cff8;display:flex;gap:12px;justify-content:space-between;margin-inline:auto;max-width:min(1440px,96vw);padding:12px clamp(16px,4vw,24px);width:100%}.kp-foot-bottom-links{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.kp-foot-bottom a{color:#d6dcff;opacity:.9;text-decoration:none}.kp-foot-bottom a:hover{opacity:1;text-decoration:underline}.kp-back-to-top{background:#ffffff08;border:1px solid #223159;border-radius:10px;color:#e6e9f2;cursor:pointer;padding:6px 10px;transition:transform .15s,background .15s,border-color .15s}.kp-back-to-top:hover{background:#ffffff0f;border-color:#2a3350;transform:translateY(-1px)}:root{--bg:#07090f;--text:#e6e9f2}#root,body,html{background:#07090f;background:var(--bg);color:#e6e9f2;color:var(--text)}img{display:block;height:auto;max-width:100%}a{color:inherit}.container{margin:0 auto;max-width:1440px;padding:0 24px;width:100%}.home-root{background:radial-gradient(1200px 600px at 80% -10%,#6c5ce726,#0000 60%),radial-gradient(800px 400px at -20% 20%,#00d2ff1f,#0000 60%),#07090f;background:radial-gradient(1200px 600px at 80% -10%,#6c5ce726,#0000 60%),radial-gradient(800px 400px at -20% 20%,#00d2ff1f,#0000 60%),var(--bg)}.btn{align-items:center;border:1px solid #0000;border-radius:14px;display:inline-flex;font-weight:600;justify-content:center;padding:12px 16px;text-decoration:none;transition:.2s}.btn-primary{box-shadow:0 8px 24px #6c5ce740}.btn-primary:hover{box-shadow:0 10px 28px #6c5ce759}.btn-ghost{background:#ffffff05;border-color:#2a3350;color:#e6e9f2}.btn-ghost:hover{background:#ffffff0a}.hero{padding:20px 0 0;position:relative}.hero:before{background:radial-gradient(700px 300px at 15% 0,#6c5ce71f,#0000 60%),radial-gradient(600px 260px at 100% 50%,#00d2ff14,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.hero-grid{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:1.1fr .9fr}.hero-copy .tag{background:#6c5ce71f;border:1px solid #2a3350;border-radius:999px;color:#c7cff8;display:inline-block;font-size:12px;letter-spacing:.12em;padding:6px 10px;text-transform:uppercase}.hero-copy h1{font-size:clamp(44px,4.6vw,64px);font-weight:800;line-height:1.04;margin:16px 0 12px}.hero-copy h1 span{background:linear-gradient(90deg,teal,#edb32d);background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;color:#0000}.lead{color:#98a2b3;color:var(--muted);font-size:1.1rem;max-width:760px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 10px}.hero-points{color:#c7cff8;margin:12px 0 0;padding-left:0;text-align:left}.hero-points li{list-style-position:inside;margin:6px 0}.trust-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.trust-pills span{background:#ffffff05;border:1px solid #2a3350;border-radius:999px;color:#c7cff8;font-size:12px;padding:6px 10px}.hero-visual{position:relative}.hero-logo{margin-bottom:14px;margin-left:auto;opacity:.9;width:96px}.hero-preview{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid #2a3350;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff0f,0 20px 40px #00000059;padding:16px}.preview-badge{border:1px dashed #2a3350;border-radius:999px;color:#d6dcff;font-size:12px;margin-top:10px;padding:6px 10px;width:-webkit-max-content;width:max-content}.marquee{border-bottom:1px solid #1a2240;border-top:1px solid #1a2240;margin-left:calc(-50vw + 50%);margin-top:36px;overflow:hidden;position:relative;width:100vw}.marquee-track{animation:scroll 18s linear infinite;color:#c7cff8;display:inline-flex;gap:40px;padding:12px 0;white-space:nowrap;width:-webkit-max-content;width:max-content}.marquee2{margin-left:calc(-50vw + 50%);overflow:hidden;position:relative;width:100%}.marquee-track2{animation:scroll 18s linear infinite;color:#c7cff8;display:inline-flex;height:100px;padding:12px 0;white-space:nowrap;width:-webkit-max-content;width:max-content}.marquee-track span{opacity:.85}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.section{padding:72px 0}.section-alt{background:linear-gradient(180deg,#ffffff08,#fff0)}.section-title{font-size:clamp(28px,2.6vw,40px);margin:0 0 12px}.section-sub{color:#98a2b3;color:var(--muted)}.flow-list li{list-style-type:none}.feature-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:28px}.feature-card{background:linear-gradient(180deg,#12182a,#0e1324);background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:18px;box-shadow:0 10px 30px #00000040;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{border-color:#33406b;box-shadow:0 16px 44px #00000059;transform:translateY(-3px)}.feature-card img{border:1px solid #20294a;border-radius:12px;margin-bottom:12px}.feature-card h3{font-size:18px;margin:6px 0}.feature-card p{color:#98a2b3;color:var(--muted)}.feature-card ul{color:#c7cff8;list-style-type:none;margin:10px 0 0 18px}.two-col{grid-gap:28px;align-items:center;gap:28px;grid-template-columns:1.1fr .9fr}.two-col-visual img{border:1px solid #20294a;border-radius:14px}.badges{justify-content:center;text-align:center}.metrics{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.metric{background:linear-gradient(180deg,#12182a,#0e1324);background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;padding:18px;text-align:center}.metric-value{font-size:30px;font-weight:800}.metric-label{color:#98a2b3;color:var(--muted);display:block;margin-top:6px}.video-container{height:370px;margin:15px auto;max-width:50%}.testimonials{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:18px}.testimonial{grid-gap:12px;align-items:center;background:linear-gradient(180deg,#12182a,#0e1324);background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;display:grid;gap:12px;grid-template-columns:56px 1fr;padding:16px}.testimonial img{border:2px solid #2a3350;border-radius:50%;height:56px;object-fit:cover;width:56px}.testimonial p{color:#e7ebff;margin:0}.testimonial .author{color:#98a2b3;color:var(--muted);font-size:12px}.cta-wrap{grid-gap:24px;align-items:center;background:linear-gradient(180deg,#12182a,#0e1324);background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:20px;display:grid;gap:24px;grid-template-columns:1.1fr .9fr;padding:24px}.cta-copy p{color:#98a2b3;color:var(--muted)}.cta-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.cta-visual img{border:1px solid #20294a;border-radius:14px}.faq{grid-gap:12px;display:grid;gap:12px;margin-top:16px}.faq-item{background:#0f1323;border:1px solid #20294a;border-radius:14px;cursor:pointer;padding:12px 14px;transition:border-color .2s,background .2s}.faq-item:hover{border-color:#33406b}.faq-q{font-weight:700}.faq-a{color:#98a2b3;color:var(--muted);max-height:0;overflow:hidden;transition:max-height .25s ease}.faq-item.open .faq-a{margin-top:6px;max-height:240px}.contact-wrap{grid-gap:24px;align-items:start;background:linear-gradient(180deg,#12182a,#0e1324);background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:20px;display:grid;gap:24px;grid-template-columns:.8fr 1.2fr;padding:24px}.contact-copy p{color:#98a2b3;color:var(--muted)}.contact-form-home{grid-gap:12px;display:grid;gap:12px}.contact-form-home label{grid-gap:6px;display:grid;font-size:14px;gap:6px;text-align:left}.contact-form-home input,.contact-form-home textarea{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s;width:400px}.contact-form-home input:focus,.contact-form-home textarea:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 4px #6c5ce759;box-shadow:0 0 0 4px var(--ring)}.form-success{color:#22c55e;margin:4px 0 0}.form-error{color:#ef4444;margin:4px 0 0}@media (max-width:1280px){.container{max-width:1200px}}@media (max-width:1024px){.hero-grid{gap:40px}.contact-wrap,.cta-wrap,.hero-grid,.two-col{grid-template-columns:1fr}.hero-logo{margin-left:0}}@media (max-width:768px){.container{padding:0 16px}.section{padding:56px 0}}.home-root,.home-root .main-content{max-width:none!important;width:100%}.home-root .container{margin-left:auto;margin-right:auto;max-width:min(1600px,96vw)!important;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px);width:100%}.home-root .contact-wrap,.home-root .cta-wrap,.home-root .feature-grid,.home-root .hero-grid,.home-root .metrics,.home-root .testimonials,.home-root .two-col{max-width:none!important}.pricing-hero{height:220px;width:100%}.pricing-hero,.pricing-hero-inner{justify-content:center;text-align:center}.pricing-hero-inner h1 span{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;color:#0000}.billing-toggle{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #223159;border-radius:12px;display:inline-flex;gap:8px;margin-top:14px;padding:6px}.billing-toggle .tgl{background:#0000;border:none;border-radius:8px;color:#c7cff8;cursor:pointer;padding:8px 12px;transition:background .2s,color .2s}.billing-toggle .tgl.active{background:#ffffff0f;border:1px solid #2a3350;color:#fff}.billing-toggle .save{color:#a6b3ff;font-size:11px;margin-left:6px}.lead{margin-left:22%;text-align:center;width:100%}.plans-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:10px}.plan-card{grid-gap:12px;align-content:start;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:18px;box-shadow:0 10px 30px #00000040;display:grid;gap:12px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s}.plan-card:hover{border-color:#33406b;box-shadow:0 16px 44px #00000059;transform:translateY(-2px)}.plan-card.featured{box-shadow:0 18px 50px #6c5ce740;outline:1px solid #6c5ce759}.plan-head h3{font-size:20px;margin:0 0 6px}.plan-tagline{color:var(--muted);margin:0 0 6px}.plan-price{align-items:baseline;display:flex;font-weight:800;gap:4px}.plan-price .naira{font-size:16px;opacity:.9}.plan-price .amount{font-size:28px}.plan-price .per{color:var(--muted);font-size:14px}.strike{color:var(--muted);font-size:12px}.plan-features{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:8px 0 0;padding:0}.plan-features li{color:#d6dcff}.plan-features .sep{color:#c7cff8;font-size:12px;letter-spacing:.08em;margin-top:6px;text-transform:uppercase}.plan-features .upcoming{color:#a6b3ff}.addons{margin-top:26px}.addons h4{color:#c7cff8;font-size:14px;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.addons-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.addon{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:14px;padding:12px}.addon-head{align-items:center;display:flex;justify-content:space-between}.addon .price{color:#d6dcff}.compare-wrap{margin-top:8px;overflow-x:auto}.compare{border:1px solid #20294a;border-collapse:collapse;border-radius:12px;min-width:760px;overflow:hidden;width:100%}.compare thead th{background:#0f1323;border-bottom:1px solid #20294a;color:#e6e9f2;font-weight:700;padding:12px;text-align:left}.compare tbody .feat,.compare tbody td{border-bottom:1px solid #1a2240;color:#d6dcff;padding:10px 12px}.compare tbody tr:nth-child(odd) td{background:#ffffff05}.compare .feat{color:#e7ebff;font-weight:600}.compare .note{color:var(--muted)}.assurance{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.assure-card{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;padding:16px}.pricing-badge{align-items:center;background:#ffffff0a;border:1px solid #20294a;border-radius:16px;display:flex;font-size:32px;height:64px;justify-content:center;width:64px}.two-col-faq{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.kp-container{margin-inline:auto;max-width:min(1440px,96vw);padding-inline:clamp(16px,4vw,40px);width:100%}.feat-hero{background:radial-gradient(900px 400px at 100% 0,#6c5ce71f,#0000 60%),radial-gradient(700px 300px at 0 30%,#00d2ff14,#0000 60%);border-bottom:1px solid #1a2240;padding:84px 0 32px}.feat-hero-grid{grid-gap:36px;align-items:center;display:grid;gap:36px;grid-template-columns:1.1fr .9fr}@media (max-width:1024px){.feat-hero-grid{grid-template-columns:1fr}}.feat-hero-copy .tag{background:#6c5ce71f;border:1px solid #2a3350;border-radius:999px;color:#c7cff8;display:inline-block;font-size:12px;letter-spacing:.12em;padding:6px 10px;text-transform:uppercase}.feat-hero-copy h1{font-size:clamp(36px,4.6vw,64px);font-weight:800;line-height:1.04;margin:14px 0 10px}.feat-hero-copy h1 span{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;color:#0000}.feat-hero-copy .lead{color:var(--muted);max-width:780px}.feat-hero-points{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.feat-hero-points span{border:1px solid #2a3350;border-radius:999px;color:#d6dcff;font-size:12px;padding:6px 10px}.feat-hero-visual img{border:1px solid #20294a;border-radius:20px;width:100%}.feat-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:260px 1fr;padding-top:28px}@media (max-width:1100px){.feat-body{grid-template-columns:1fr}}.feat-toc{grid-gap:8px;align-self:start;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:12px;display:grid;gap:8px;padding:12px;position:-webkit-sticky;position:sticky;top:76px}.feat-toc a{border-radius:10px;color:#c7cff8;padding:8px 10px;text-decoration:none}.feat-toc a:hover{background:#ffffff0a;color:#fff}.feat-content .feat-row{grid-gap:24px;align-items:center;border-bottom:1px solid #1a2240;display:grid;gap:24px;grid-template-columns:1.1fr .9fr;padding:28px 0}.feat-content .feat-row:last-of-type{border-bottom:none}.feat-content .feat-row.reverse{grid-template-columns:.9fr 1.1fr}.feat-text .section-sub{margin-bottom:12px}.feat-bullets{color:#c7cff8;margin:10px 0 0 18px}.feat-media img{border:1px solid #20294a;border-radius:16px;width:50%}@media (max-width:1024px){.feat-content .feat-row,.feat-content .feat-row.reverse{grid-template-columns:1fr}}.video-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.video-card{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;box-shadow:0 10px 30px #00000040;padding:12px}.video-card h4{color:#d6dcff;font-size:14px;margin:10px 6px 2px}.video-frame{border:1px solid #20294a;border-radius:12px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-frame iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.upcoming .section-sub{margin-bottom:12px}.upcoming-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:16px}.up-card{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s}.up-card:hover{border-color:#33406b;box-shadow:0 16px 44px #00000059;transform:translateY(-2px)}.up-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.up-head h3{font-size:18px;margin:0}.up-tag{border:1px solid #223159;border-radius:999px;color:#c7cff8;font-size:12px;padding:4px 8px}.up-planned{background:#6c5ce71f}.up-in,.up-in\ design{background:#00d2ff1a}.up-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.up-meta span{border:1px solid #2a3350;border-radius:999px;color:#d6dcff;font-size:12px;padding:6px 10px}.flow-list{color:#c7cff8;margin:12px 0 0 18px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.badges span{border:1px solid #2a3350;border-radius:999px;color:#d6dcff;font-size:12px;padding:6px 10px}:root{--panel:#0f1422}.auth-aside{background:linear-gradient(180deg,#ffffff08,#fff0),#0000}.login-card{animation:pop .3s ease;background:linear-gradient(180deg,#12182a,#0e1324);background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:20px;box-shadow:0 20px 50px #00000059;max-width:460px;padding:20px;width:100%}.login-head{align-items:center;display:flex;gap:12px;margin-bottom:8px}.login-head .logo-img{border-radius:10px;height:40px;width:40px}.login-head h2{font-size:22px;margin:0}.error-banner{border-radius:12px;margin:8px 0 0;padding:10px 12px}.login-form{grid-gap:12px;display:grid;gap:12px;margin-top:12px}.input-group-log{grid-gap:6px;display:grid;gap:6px}.input-group-log label{font-size:14px}.label-row{align-items:baseline;display:flex;gap:8px;justify-content:space-between}#forgot-pass{color:#a6b3ff;font-size:12px;text-decoration:none}#forgot-pass:hover{text-decoration:underline}.login-form input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s,transform .05s;width:250px}.login-form input:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 4px #6c5ce759;box-shadow:0 0 0 4px var(--ring)}.row-between{display:flex;justify-content:space-between;margin-top:2px}.remember,.row-between{align-items:center;gap:8px}.remember{color:#c7cff8;display:inline-flex;font-size:12px}.remember input{accent-color:#6c5ce7;width:20px}#login-btn{align-items:center;background:linear-gradient(90deg,teal,#edb32d);background:linear-gradient(90deg,var(--brand),var(--brand-2));border:1px solid #0000;border-radius:14px;box-shadow:0 8px 24px #6c5ce740;color:#fff;display:inline-flex;font-weight:700;justify-content:center;margin-top:4px;padding:12px 16px;text-decoration:none;transition:.2s}#login-btn:disabled{cursor:not-allowed;opacity:.7}#login-btn:hover:not(:disabled){box-shadow:0 10px 28px #6c5ce759;transform:translateY(-1px)}.legal{margin-top:10px;text-align:center}:root{--bg:var(--background-color,#07090f);--muted:#98a2b3;--card:#12182a;--card-2:#0e1324}body{background:#07090f;color:#e6e9f2}.auth-layout{background:radial-gradient(1200px 600px at 80% -10%,#6c5ce71f,#0000 60%),radial-gradient(800px 400px at -20% 20%,#00d2ff1a,#0000 60%),#07090f}.tagline{color:#98a2b3}.signup-card{animation:pop .3s ease;background:linear-gradient(180deg,#12182a,#0e1324);background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:20px;box-shadow:0 20px 50px #00000059;max-width:520px;padding:20px;width:100%}.signup-head{align-items:center;display:flex;gap:12px;margin-bottom:8px}.signup-head .logo-img{border-radius:10px;height:40px;width:40px}.signup-head h2{font-size:22px;margin:0}.muted{color:#98a2b3}.signup-form{margin-top:12px}.signup-form,.signup-form .grid{grid-gap:12px;display:grid;gap:12px}.signup-form .grid{grid-template-columns:1fr 1fr}@media (max-width:640px){.signup-form .grid{grid-template-columns:1fr}}.signup-form label{grid-gap:6px;display:grid;font-size:14px;gap:6px}.signup-form input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s;width:200px}.signup-form input:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 4px #6c5ce759;box-shadow:0 0 0 4px var(--ring)}.pw-meter .pw-label{color:#98a2b3}#signup-btn,.pw-meter.s4 span:nth-child(-n+4){background:linear-gradient(90deg,teal,#edb32d)}#signup-btn{align-items:center;background:linear-gradient(90deg,var(--brand),var(--brand-2));border:1px solid #0000;border-radius:14px;box-shadow:0 8px 24px #6c5ce740;color:#fff;display:inline-flex;font-weight:700;justify-content:center;margin-top:4px;padding:12px 16px;text-decoration:none;transition:.2s}#signup-btn:disabled{cursor:not-allowed;opacity:.7}#signup-btn:hover:not(:disabled){box-shadow:0 10px 28px #6c5ce759;transform:translateY(-1px)}.small{color:#98a2b3;color:var(--muted)}.small a{color:#a6b3ff;text-decoration:none}.small a:hover{text-decoration:underline}.tiny-note{color:#98a2b3}*{box-sizing:border-box}#root,body,html{height:100%}body{background:var(--bg);color:var(--text)}.auth-layout{background:radial-gradient(1200px 600px at 80% -10%,#6c5ce71f,#0000 60%),radial-gradient(800px 400px at -20% 20%,#00d2ff1a,#0000 60%),var(--bg);display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}@media (max-width:1024px){.auth-layout{grid-template-columns:1fr}}.auth-aside{grid-gap:16px;align-content:center;background:linear-gradient(180deg,#ffffff08,#fff0);border-right:1px solid #1a2240;display:grid;gap:16px;padding:48px clamp(24px,6vw,64px);position:relative}@media (max-width:1024px){.auth-aside{border-bottom:1px solid #1a2240;border-right:none}}.brand-head{align-items:center;display:flex;gap:12px}.brand-head img{border-radius:10px;height:40px;width:40px}.brand-head h1{font-size:28px;font-weight:800;margin:0}.tagline{color:var(--muted);max-width:520px}.pill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:8px 0 0;padding:0}.pill-list li{background:#ffffff05;border:1px solid #2a3350;border-radius:999px;color:#d6dcff;font-size:12px;padding:6px 10px}.aside-footer{margin-top:12px}.aside-link{color:#a6b3ff;text-decoration:none}.aside-link:hover{text-decoration:underline}.auth-main{display:grid;padding:clamp(24px,6vw,64px);place-items:center}.reset-card{animation:pop .3s ease;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:20px;box-shadow:0 20px 50px #00000059;max-width:460px;padding:20px;width:100%}@keyframes pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reset-head{align-items:center;display:flex;gap:12px;margin-bottom:8px}.reset-logo{border-radius:10px;height:40px;width:40px}.reset-head h2{font-size:22px;margin:0}.muted{margin:0}.reset-form{grid-gap:12px;display:grid;gap:12px;margin-top:12px}.input-group{grid-gap:6px;display:grid}.input-group span{font-size:14px}.reset-input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s;width:400px}.reset-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.back-btn,.reset-btn{align-items:center;border:1px solid #0000;border-radius:14px;display:inline-flex;font-weight:700;justify-content:center;padding:12px 16px;text-decoration:none;transition:.2s}.reset-btn{background:linear-gradient(90deg,var(--brand),var(--brand-2));box-shadow:0 8px 24px #6c5ce740;color:#fff}.reset-btn:disabled{cursor:not-allowed;opacity:.7}.reset-btn:hover:not(:disabled){box-shadow:0 10px 28px #6c5ce759;transform:translateY(-1px)}.back-btn{background:#ffffff08;border:1px solid #223159;color:#e6e9f2}.back-btn:hover{background:#ffffff0f;transform:translateY(-1px)}.tiny-note{text-align:center}.pw-wrap{position:relative}.pw-toggle{background:#ffffff08;border:1px solid #223159;border-radius:8px;color:#e6e9f2;cursor:pointer;font-size:12px;padding:6px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.pw-toggle:hover{background:#ffffff0f}.pw-meter{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-top:6px}.pw-meter span{background:#ffffff14;border:1px solid #223159;border-radius:999px;height:6px}.pw-meter .pw-label{color:var(--muted);font-size:12px;grid-column:1/-1;margin-top:2px}.pw-meter.s0 span:nth-child(-n+0){background:#ffffff14}.pw-meter.s1 span:nth-child(-n+1){background:#ef4444}.pw-meter.s2 span:nth-child(-n+2){background:#f59e0b}.pw-meter.s3 span:nth-child(-n+3){background:#22c55e}.pw-meter.s4 span:nth-child(-n+4){background:linear-gradient(90deg,var(--brand),var(--brand-2))}.error-banner,.success-banner{border-radius:12px;margin-top:8px;padding:10px 12px}.error-banner{background:#ef444414;border:1px solid #ef444459;color:#ffd5d5}.success-banner{background:#22c55e1a;border:1px solid #22c55e59;color:#baf7c8}.kp-status{background:linear-gradient(180deg,#101628e6,#101628bf);border-bottom:1px solid #1f2747}.kp-status-inner{align-items:center;color:#d6dcff;display:flex;gap:10px;padding:8px clamp(16px,4vw,24px)}.kp-status .dot{background:#22c55e;border-radius:999px;box-shadow:0 0 0 3px #22c55e26;display:inline-block;height:10px;width:10px}.kp-status .view-status{color:#a6b3ff;margin-left:auto;text-decoration:none}.kp-status .view-status:hover{text-decoration:underline}.support-hero{padding-top:72px;text-align:center}.support-hero-inner h1 span{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;color:#0000}.support-search{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr auto;margin:14px auto 0;max-width:720px}.support-search input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s;width:450px}.support-search input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.search-results{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.search-results .result{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:10px;color:#d6dcff;padding:8px 10px;text-decoration:none}.no-results{color:var(--muted)}.contact-quick{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.qcard{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;padding:16px}.qhead{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.qhead h4{margin:0}.badge{border:1px solid #223159;color:#c7cff8;padding:4px 8px}.kb-cats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:12px}.kb-card{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s}.kb-card:hover{border-color:#33406b;box-shadow:0 16px 44px #00000059;transform:translateY(-2px)}.kb-card-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.kb-card .count{border:1px solid #223159;border-radius:999px;color:#c7cff8;font-size:12px;padding:4px 8px}.kb-link{color:#a6b3ff;display:inline-block;margin-top:8px;text-decoration:none}.kb-link:hover{text-decoration:underline}.kb-featured{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:20px}@media (max-width:980px){.kb-featured{grid-template-columns:1fr}}.kb-list,.kb-videos{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;padding:16px}.kb-list h4,.kb-videos h4{margin:0 0 8px}.kb-list ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.kb-list a{color:#d6dcff;text-decoration:none}.kb-list a:hover{text-decoration:underline}.ticket-wrap{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:.9fr 1.1fr}@media (max-width:1024px){.ticket-wrap{grid-template-columns:1fr}}.ticket-assure{color:#c7cff8;margin:8px 0 0 18px}.ticket-form{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;padding:16px}.ticket-form,.ticket-form .grid{grid-gap:12px;display:grid;gap:12px}.ticket-form .grid{grid-template-columns:1fr 1fr}@media (max-width:640px){.ticket-form .grid{grid-template-columns:1fr}}.ticket-form label{grid-gap:6px;display:grid;font-size:14px;gap:6px}.ticket-form input,.ticket-form select,.ticket-form textarea{background:#0f1424;border:1px solid #223159;border-radius:12px;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s}.ticket-form input:focus,.ticket-form select:focus,.ticket-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.file-note{color:var(--muted);font-size:12px}.contact-hero{padding-top:72px;text-align:center}.contact-hero-inner h1 span{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;color:#0000}.contact-hero .contact-quick{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.q-pil{background:#ffffff08;border:1px solid #223159;border-radius:999px;color:#d6dcff;font-size:12px;padding:6px 10px;text-decoration:none}.q-pil:hover{background:#ffffff0f}.contact-body{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1.2fr .8fr}@media (max-width:1024px){.contact-body{grid-template-columns:1fr}}.c-tabs{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #223159;border-radius:12px;display:inline-flex;gap:8px;margin-bottom:12px;padding:6px}.c-tab{background:#0000;border:none;border-radius:8px;color:#c7cff8;cursor:pointer;padding:8px 12px;transition:background .2s,color .2s}.c-tab.active{background:#ffffff0f;border:1px solid #2a3350;color:#fff}.contact-form-panel{grid-gap:12px;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;display:grid;gap:12px;padding:16px}.contact-form-panel .grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:640px){.contact-form-panel .grid{grid-template-columns:1fr}}.contact-form-panel label{grid-gap:6px;display:grid;font-size:14px;gap:6px}.contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea{background:#0f1424;border:1px solid #223159;border-radius:12px;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s;width:340px}.contact-form-panel input:focus,.contact-form-panel select:focus,.contact-form-panel textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.c-foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.agree,.c-foot{align-items:center}.agree{color:#c7cff8;display:inline-flex;font-size:12px;gap:8px}.tiny-note{color:var(--muted);font-size:12px;margin-top:-4px}.contact-aside{grid-gap:12px;display:grid;gap:12px}.aside-card{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;padding:16px}.aside-card.brand img{border-radius:10px;height:40px;margin-bottom:8px;width:40px}.aside-list{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:8px 0 0;padding:0}.aside-list a{color:#d6dcff;text-decoration:none}.aside-list a:hover{text-decoration:underline}.aside-card.map .map-frame{border:1px solid #20294a;border-radius:12px;margin-top:6px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.aside-card.map iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.open-maps{margin-top:10px}.socials .social-row{display:flex;flex-wrap:wrap;gap:12px}.socials .social-row a{background:#ffffff08;border:1px solid #223159;border-radius:999px;color:#d6dcff;padding:6px 10px;text-decoration:none}.socials .social-row a:hover{background:#ffffff0f}.form-success{color:var(--ok)}.form-error{color:var(--err)}.aside-card.demo .cal-frame{border:1px solid #20294a;border-radius:12px;margin-top:6px;overflow:hidden;padding-top:125%;position:relative;width:100%}.aside-card.demo .cal-frame iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.aside-card.demo .open-cal{margin-top:10px}.privacy-note .privacy-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.3fr .7fr}@media (max-width:1024px){.privacy-note .privacy-grid{grid-template-columns:1fr}}.privacy-card{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid #20294a;border-radius:16px;padding:16px}.privacy-card h3{margin-top:0}.privacy-list{color:#c7cff8;margin:8px 0 0 18px}.privacy-links{display:flex;gap:10px;margin-top:10px}.privacy-card.tips ol{color:#c7cff8;margin:8px 0 0 18px}.onboarding-container{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:40px auto;max-width:500px;padding:20px;text-align:center;width:90%}.onboarding-step{margin-top:20px}.onboarding-step h3{color:#333;font-size:18px}.onboarding-step input,.onboarding-step select{border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:10px;width:100%}.onboarding-step button{background-color:#2a6a67;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:10px 15px}.onboarding-step button:hover{background-color:#1e4d4b}.dashboard-container{grid-gap:16px;display:grid;gap:16px;padding:16px}.panel.center{display:grid;min-height:180px;place-items:center}.panel-body{padding:12px 14px}.dash-header{align-items:flex-end;display:flex;gap:12px;justify-content:space-between}.dash-title h2{font-size:22px;margin:0}.dash-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-ghost,.btn-primary{text-decoration:none}.dash-pills{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.dash-pills{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dash-pills{grid-template-columns:1fr}}.pill{background:linear-gradient(180deg,var(--panel-1),var(--panel-2));border:1px solid var(--bdr);border-radius:14px;display:flex;justify-content:space-between;padding:10px 12px}.pill-label{color:#c7cff8;font-size:12px}.kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1280px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:linear-gradient(180deg,var(--panel-1),var(--panel-2));border:1px solid var(--bdr);border-radius:18px;overflow:hidden;padding:14px;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.kpi-card:after{background:radial-gradient(400px 120px at -10% -20%,#6c5ce71a,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.kpi-card:hover{border-color:#33406b;box-shadow:0 20px 44px #00000059;transform:translateY(-2px)}.kpi-meta{align-items:center;display:flex;gap:10px;justify-content:space-between}.kpi-meta img{background:#ffffff08;border:1px solid var(--bdr);border-radius:10px;height:40px;width:40px}.kpi-meta h3{font-size:14px;margin:0}.kpi-meta .sub{color:#a6b3ff;font-weight:500}.kpi-val{font-size:22px;font-weight:800;margin:8px 0 0}.chart-lg .panel-body,.chart-sm .panel-body{padding:8px 8px 2px}.two-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:1100px){.two-grid{grid-template-columns:1fr}}.tasks .tiny-link{align-items:center;color:#a6b3ff;display:inline-flex;gap:6px;text-decoration:none}.tasks .tiny-link:hover{text-decoration:underline}.glass{background:linear-gradient(180deg,var(--panel-1),var(--panel-2));border:1px solid var(--bdr);border-radius:18px}.panel{overflow:hidden}.panel-head{align-items:center;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.panel-head h3{font-size:16px;margin:0}.head-right{display:flex;flex-wrap:wrap;gap:8px}.pill-count{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:999px;color:#c7cff8;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.pill-count.ok{background:#22c55e14;border-color:#22c55e40;color:#baf7c8}.task-toolbar{align-items:center;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 14px}.filter-container{align-items:center;color:#c7cff8;display:flex;gap:8px}.filter-container input[type=date]{background:#0f1424;border:1px solid #223159;border-radius:10px;color:#e6e9f2;color:var(--text);outline:none;padding:8px 10px;transition:border-color .2s,box-shadow .2s}.filter-container input[type=date]:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring)}.muted-ico{opacity:.8}.btn-ghost.small{font-size:12px}.icon-btn.ok{border-color:#22c55e40}.task-table{padding:10px 14px}.table-header{border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:6px 8px}.table-header,.table-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2.4fr 1fr .9fr 1.4fr .9fr}.table-row{align-items:start;border-bottom:1px solid #20294a99;padding:10px 8px;transition:background .15s ease,border-color .15s ease}.table-row:hover{background:#ffffff08}.center{align-items:center;display:flex;justify-content:center}.desc .muted,.desc strong{display:block}.desc .muted{color:#a6b3ff;margin-top:2px}.badge{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);color:#d6dcff;display:inline-flex;gap:6px}.badge.done{background:#22c55e14;border-color:#22c55e40;color:#baf7c8}.badge.pending{background:#f59e0b14;border-color:#f59e0b40;color:#ffe2b4}.assignee{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:999px;color:#d6dcff;display:inline-flex;gap:6px;padding:6px 10px}.comments{grid-gap:6px;background:#ffffff05;border:1px dashed #20294a;border:1px dashed var(--bdr);border-radius:12px;display:grid;gap:6px;grid-column:1/-1;margin-top:8px;padding:8px 10px}.comment-row{color:#c7cff8}.add-comment,.comment-row{align-items:center;display:flex;gap:8px}.add-comment{margin-top:4px}.add-comment input{background:#0f1424;border:1px solid #223159;border-radius:10px;color:#e6e9f2;color:var(--text);flex:1 1;outline:none;padding:10px;transition:border-color .2s,box-shadow .2s}.add-comment input:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring)}.empty{padding:12px 4px}.pagination{gap:8px;padding:10px 0 2px}.page-btn{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:10px;color:#d6dcff;cursor:pointer;padding:6px 10px;transition:.15s}.page-btn:hover{background:#ffffff0f;transform:translateY(-1px)}.page-btn.active{background:linear-gradient(90deg,teal,#edb32d);background:linear-gradient(90deg,var(--brand),var(--brand-2));border-color:#0000;color:#fff}.overlay{background:#0000008c;display:grid;inset:0;place-items:center;position:fixed;z-index:50}.modal-content.glass{box-shadow:0 20px 60px #00000073}.modal-content h3{margin-top:0}@media (max-width:640px){.grid-2{grid-template-columns:1fr}}.modal-content input,.modal-content select,.modal-content textarea{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 4px #6c5ce759;box-shadow:0 0 0 4px var(--ring)}.modal-actions{flex-wrap:wrap;margin-top:10px}.customers-container{grid-gap:14px;display:grid;gap:14px;padding:14px}.banner{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);color:#e6e9f2}.banner.error{background:#ef444414;border-color:#ef444459;color:#ffd5d5}.cust-head{justify-content:space-between;padding:12px 14px}.cust-head,.cust-head-left{align-items:center;display:flex;gap:10px}.cust-head h2{font-size:20px;margin:0}.count-chip{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:999px;color:#c7cff8;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.cust-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.search-wrap{position:relative}.search-wrap .search-ico{left:10px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%)}.search-wrap input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);max-width:60vw;outline:none;padding:10px 12px 10px 32px;transition:border-color .2s,box-shadow .2s;width:500px}.search-wrap input:focus{border-color:#6c5ce7;border-color:var(--brand);box-shadow:0 0 0 4px #6c5ce759;box-shadow:0 0 0 4px var(--ring)}.table-panel{padding:10px}.table-wrap{border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-radius:12px;width:100%}.customer-table{border-collapse:initial;border-spacing:0;color:#e6e9f2;color:var(--text);min-width:900px;width:100%}.customer-table thead th{background:#0e1324e6;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.customer-table tbody td{border-bottom:1px solid #20294a8c;padding:12px;vertical-align:top}.customer-table tbody tr:hover{background:#ffffff08}.cell-primary{font-weight:700}.truncate{max-width:320px}.chip{background:#ffffff0a;color:#d6dcff;padding:4px 8px}#error-message,.error-message{color:#ffd5d5}:root{--overdue:#ef4444;--open:#f59e0b;--paid:#22c55e}.customer-stats-container{grid-gap:14px;display:grid;gap:14px;padding:12px 14px}.stats-head{align-items:center;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);display:flex;gap:10px;justify-content:space-between;padding-bottom:8px}#stats-h2{font-size:20px;margin:0}.stats-sub{display:flex;flex-wrap:wrap;gap:8px}.chip{color:#c7cff8}.chip.prime{background:#6c5ce71a;border-color:#6c5ce759;color:#dfe3ff}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.stats-grid{grid-template-columns:repeat(1,1fr)}}.stat-item.glass{align-items:center;background:linear-gradient(180deg,#12182a,#0e1324);background:linear-gradient(180deg,var(--panel-1),var(--panel-2));border:1px solid #20294a;border:1px solid var(--bdr);border-radius:14px;display:flex;gap:10px;padding:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat-item.glass:hover{border-color:#33406b;box-shadow:0 18px 44px #00000059;transform:translateY(-2px)}.stat-icon{background:#ffffff0a;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:10px;color:#d6dcff;display:grid;height:36px;place-items:center;width:36px}.stat-icon.overdue{background:#ef44441a;border-color:#ef444459;color:#ffb8b8}.stat-icon.open{background:#f59e0b1a;border-color:#f59e0b59;color:#ffd79a}.stat-icon.paid{background:#22c55e1a;border-color:#22c55e59;color:#baf7c8}.stat-copy h3{font-size:18px;font-weight:800;margin:0}.stat-copy p{color:#a6b3ff;font-size:12px;margin:0}.progress-block{grid-gap:8px;display:grid;gap:8px}.progress-bar{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:999px;display:flex;height:14px;overflow:hidden}.progress-bar .bar{height:100%}.progress-bar .bar.overdue{background:linear-gradient(90deg,#ef4444e6,#ef444499)}.progress-bar .bar.open{background:linear-gradient(90deg,#f59e0be6,#f59e0b99)}.progress-bar .bar.paid{background:linear-gradient(90deg,#22c55ef2,#22c55ea6)}.progress-legend{color:#c7cff8;display:flex;flex-wrap:wrap;font-size:12px;gap:14px;list-style:none;margin:0;padding:0}.progress-legend .dot{border:1px solid #20294a;border:1px solid var(--bdr);border-radius:999px;display:inline-block;height:10px;margin-right:6px;width:10px}.progress-legend .dot.overdue{background:#ef4444;background:var(--overdue);border-color:#ef444459}.progress-legend .dot.open{background:#f59e0b;background:var(--open);border-color:#f59e0b59}.progress-legend .dot.paid{background:#22c55e;background:var(--paid);border-color:#22c55e59}.modal-content.glass{height:-webkit-fit-content;height:fit-content;max-width:720px}.modal-head{align-items:center;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);display:flex;gap:10px;justify-content:space-between;padding:14px 16px}#modal-h2{font-size:18px;margin:0}.muted{margin:2px 0 0}.icon-btn{cursor:pointer}.banner{background:#ef444414;border:1px solid #ef444459;border-radius:12px;color:#ffd5d5;font-size:14px;margin:12px 16px 0;padding:10px 12px}.modal-form{grid-gap:12px;display:grid;gap:12px;padding:14px 16px 16px}.stack{font-size:14px}.grid-3{grid-template-columns:1fr 1fr 1fr}@media (max-width:720px){.grid-2,.grid-3{grid-template-columns:1fr}}.modal-form input,.modal-form select{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s}.modal-form input:focus,.modal-form select:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 4px #6c5ce759;box-shadow:0 0 0 4px var(--ring)}.buttons-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:4px}.btn-ghost,.btn-primary{font-weight:700;padding:10px 12px}:root{--pl-bg:#0b1020;--pl-surface:#121735;--pl-surface-2:#161c3f;--pl-border:#ffffff14;--pl-text:#e8ecff;--pl-text-dim:#a9b3d1;--pl-accent:#7c8bff;--pl-positive:#5be9b9;--pl-negative:#ff7b8a;--pl-shadow:0 8px 28px #00000059;--pl-radius:14px;--pl-radius-sm:10px;--pl-gap:16px}.profit-loss-container{background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),#0b1020;background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),var(--pl-bg);color:#e8ecff;color:var(--pl-text);min-height:100%;padding:28px}.pl-header{align-items:center;display:flex;gap:16px;gap:var(--pl-gap);justify-content:space-between;margin-bottom:18px}.pl-title{font-size:22px;letter-spacing:.3px;margin:0 0 4px}.pl-sub{color:#a9b3d1;color:var(--pl-text-dim);font-size:13px;margin:0}#export-btn,.apply-btn{background:linear-gradient(180deg,#3a45b6,#29339a);border:1px solid #5662ff99;border-radius:10px;color:#e8ecff;color:var(--pl-text);cursor:pointer;font-size:13px;padding:10px 14px;transition:transform .2s ease,border .2s ease,background .2s ease,box-shadow .2s ease}#export-btn:hover,.apply-btn:hover{box-shadow:0 6px 20px #5f6bff33;transform:translateY(-1px)}.filter-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--pl-border);border-radius:14px;border-radius:var(--pl-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--pl-shadow);margin-bottom:16px;padding:16px}.filter-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(180px,280px))}.input-group label{color:var(--pl-text-dim)}.input-group input[type=date]{background:var(--pl-surface-2);border:1px solid var(--pl-border);border-radius:var(--pl-radius-sm);color:var(--pl-text)}.input-group input[type=date]:focus{border-color:var(--pl-accent)}.error-msg{color:#ff7b8a;color:var(--pl-negative);font-size:13px;margin-top:10px}.income-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--pl-border);border-radius:14px;border-radius:var(--pl-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--pl-shadow);overflow:hidden}.income-table{border-collapse:collapse;width:100%}.income-table td{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--pl-border);font-size:14px;padding:14px 16px}.group-total.final{border-top:1px solid #ffffff14;border-top:1px solid var(--pl-border)}.breakdown td,.toggle-icon{color:var(--pl-text-dim)}.loading{color:#a9b3d1;color:var(--pl-text-dim);padding:18px}@media (max-width:820px){.filter-row{grid-template-columns:1fr}.pl-header{align-items:flex-start;flex-direction:column;gap:8px}}:root{--sf-bg:#0b1020;--sf-surface:#121735;--sf-surface-2:#161c3f;--sf-border:#ffffff14;--sf-text:#e8ecff;--sf-text-dim:#a9b3d1;--sf-accent:#7c8bff;--sf-shadow:0 8px 28px #00000059;--sf-radius:14px;--sf-radius-sm:10px;--sf-gap:16px}.sofp-container{background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),#0b1020;background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),var(--sf-bg);color:#e8ecff;color:var(--sf-text);min-height:100%;padding:28px}.sofp-header{align-items:center;display:flex;gap:16px;gap:var(--sf-gap);justify-content:space-between;margin-bottom:18px}.sofp-title{font-size:22px;letter-spacing:.3px;margin:0 0 4px}.sofp-sub{color:#a9b3d1;color:var(--sf-text-dim);font-size:13px;margin:0}.sofp-primary{background:linear-gradient(180deg,#3a45b6,#29339a);border:1px solid #5662ff99;border-radius:10px;color:#e8ecff;color:var(--sf-text);cursor:pointer;font-size:13px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.sofp-primary:hover{box-shadow:0 6px 20px #5f6bff33;transform:translateY(-1px)}.sofp-filter-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--sf-border);border-radius:14px;border-radius:var(--sf-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--sf-shadow);margin-bottom:16px;padding:16px}.sofp-filter-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(180px,280px))}.input-group label{color:var(--sf-text-dim)}.input-group input[type=date]{background:var(--sf-surface-2);border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);color:var(--sf-text)}.input-group input[type=date]:focus{border-color:var(--sf-accent)}.sofp-error{color:#ff7b8a;font-size:13px;margin-top:10px}.sofp-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--sf-border);border-radius:14px;border-radius:var(--sf-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--sf-shadow);overflow:hidden}.sofp-table{border-collapse:collapse;width:100%}.sofp-table td{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sf-border);font-size:14px;padding:14px 16px}.group-header{background:#11183b;transition:background .2s ease;-webkit-user-select:none;user-select:none}.group-header:hover{background:#182056}.breakdown td{color:#a9b3d1;color:var(--sf-text-dim);font-size:13px}.group-total{background:#0f143099;font-weight:600}.group-total.final{background:#0f173a}.amt{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.toggle-icon{text-align:center;width:40px}.sofp-loading,.toggle-icon{color:#a9b3d1;color:var(--sf-text-dim)}.sofp-loading{padding:18px}@media (max-width:820px){.sofp-header{align-items:flex-start;flex-direction:column;gap:8px}.sofp-filter-row{grid-template-columns:1fr}}:root{--err:#ef4444}.resource-breakdown-container{grid-gap:12px;display:grid;gap:12px;padding:12px}#resourceBreakdown{overflow:hidden}.rb-head{align-items:center;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.rb-head h2{font-size:20px;margin:0}.rb-actions{display:flex;gap:8px}.icon-btn{border-radius:12px;padding:6px}.icon-btn:hover{background:#ffffff14}.table-wrap{padding:10px}.rb-table{border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-collapse:initial;border-radius:12px;border-spacing:0;color:#e6e9f2;color:var(--text);min-width:980px;overflow:hidden;width:100%}.rb-table thead th{background:#0e1324e6;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.rb-table tbody td{border-bottom:1px solid #20294a8c;padding:10px 12px;vertical-align:middle}.rb-table tbody tr:hover{background:#ffffff08}.sub{color:#a6b3ff}.strong{font-weight:800}.faint{color:#d6dcff;opacity:.9}.with-icon .ico{opacity:.85}.with-icon.right .ico{left:auto;right:10px}.rb-table input,.rb-table select{background:#0f1424;border:1px solid #223159;border-radius:10px;color:#e6e9f2;color:var(--text);outline:none;padding:10px 12px 10px 32px;transition:border-color .2s,box-shadow .2s;width:100%}.rb-table input:focus,.rb-table select:focus{border-color:#6c5ce7;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring)}.cell-stack .hint{color:#9fb1ff;font-size:12px;margin-top:4px}.rb-table tfoot td{background:#ffffff08;border-top:1px solid #1a2240;border-top:1px solid var(--bdr-soft);padding:12px}.tfoot-label{color:#c7cff8;text-align:right}.sum-chip{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:999px;display:inline-flex;gap:6px;padding:6px 10px}.empty-state{grid-gap:10px;display:grid;gap:10px;padding:20px;place-items:center}.rb-footer{align-items:center;border-top:1px solid #1a2240;border-top:1px solid var(--bdr-soft);gap:10px;justify-content:space-between;padding:12px 14px}.rb-footer,.rb-nav{display:flex;flex-wrap:wrap}.rb-nav{gap:8px}.pi-shell{grid-gap:12px;display:grid;gap:12px}.pi-head{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.pi-head h2{font-size:20px;margin:0}.pi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1.2fr .8fr}@media (max-width:1000px){.pi-grid{grid-template-columns:1fr}}.pi-form{grid-gap:12px;gap:12px}.pi-form,.pi-summary{display:grid;padding:14px 16px}.pi-summary{grid-gap:10px;align-content:start;gap:10px}.field-row{grid-gap:6px;display:grid;gap:6px}label{color:#c7cff8;font-size:13px}.req{color:#ffb4b4}.combo{align-items:center;display:flex;gap:8px}.combo select{flex:1 1}.with-icon{position:relative}.with-icon .ico{left:10px;position:absolute;top:50%;transform:translateY(-50%)}.with-icon .ico.muted{opacity:.85}.with-icon .ico.lock{left:auto;opacity:.75;right:10px}.pi-form input,.pi-form select{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:12px 36px 12px 32px;transition:border-color .2s,box-shadow .2s;width:100%}.pi-form input:focus,.pi-form select:focus{border-color:#6c5ce7;border-color:var(--brand);box-shadow:0 0 0 4px #6c5ce759;box-shadow:0 0 0 4px var(--ring)}.readonly{background:#0b1020;color:#d3dcff}@media (max-width:820px){.grid-2,.grid-3{grid-template-columns:1fr}}.hint{color:#9fb1ff;margin-top:-2px}.advanced{margin-top:2px}.advanced-grid{margin-top:8px}.btn-ghost.small{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:10px;color:#d6dcff;padding:6px 10px}.btn-ghost.small:hover{background:#ffffff0f;transform:translateY(-1px)}.kv{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.kv li{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:8px 10px}.kv li span{color:#a6b3ff;font-size:12px}.kv li strong{font-size:13px}.truncate{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-note{color:#a6b3ff;font-size:12px}.pi-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:2px}.invoice-shell{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1.2fr .8fr;padding:12px}@media (max-width:1100px){.invoice-shell{grid-template-columns:1fr}}.invoice-input{grid-gap:12px;display:grid;gap:12px;padding:12px}.inv-head{border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);gap:10px;padding-bottom:8px}.inv-title h2{font-size:20px;margin:0}.inv-actions{display:flex;flex-wrap:wrap;gap:8px}.inv-card{background:#ffffff05;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:14px;padding:12px}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.inv-card input,.inv-card select,.inv-card textarea{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.inv-card input:focus,.inv-card select:focus,.inv-card textarea:focus{border-color:#6c5ce7;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring)}.inv-card textarea{min-height:120px;resize:vertical}.invoice-items-edit{border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-collapse:initial;border-radius:12px;border-spacing:0;min-width:760px;overflow:hidden;width:100%}.invoice-items-edit thead th{background:#0e1324e6;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.invoice-items-edit tbody td{border-bottom:1px solid #20294a8c;padding:10px 12px}.invoice-items-edit tbody tr:hover{background:#ffffff08}.invoice-preview{grid-gap:10px;align-content:start;display:grid;gap:10px;padding:12px}.invoice-preview .logo{background:#0f1424;border-radius:10px;height:48px;object-fit:contain;width:48px}.invoice-details,.invoice-preview .logo{border:1px solid #20294a;border:1px solid var(--bdr)}.invoice-details{background:#ffffff08;border-radius:12px;padding:10px}.table-wrap .invoice-items{border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-collapse:initial;border-radius:12px;border-spacing:0;min-width:560px;overflow:hidden;width:100%}.invoice-items thead th{background:#0e1324e6;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:10px 12px;text-align:left}.invoice-items tbody td{border-bottom:1px solid #20294a8c;padding:10px 12px}.invoice-totals{border-top:1px solid #1a2240;border-top:1px solid var(--bdr-soft);padding-top:8px}.invoice-totals .grand{font-size:16px}.modal-overlay{background:#0000008c;padding:16px}.modal-content.glass{animation:modalIn .22s ease-out;background:linear-gradient(180deg,#12182a,#0e1324);background:linear-gradient(180deg,var(--panel-1),var(--panel-2));border:1px solid #20294a;border:1px solid var(--bdr);border-radius:18px;box-shadow:0 24px 70px #00000073;color:#e6e9f2;color:var(--text);max-width:560px;padding:16px;width:100%}.modal-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-top:8px}@media (max-width:560px){.modal-grid{grid-template-columns:1fr}}.modal-content input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s}.modal-content input:focus{border-color:#6c5ce7;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring)}.modal-actions{margin-top:12px}@media print{.invoice-input,.modal-overlay,.pdf-btn{display:none!important}.invoice-preview{background:#fff!important;box-shadow:none!important;left:0;line-height:1.4;margin:none;max-width:100%;overflow:visible!important;padding:0!important;page-break-after:auto;position:absolute;top:0}.invoice-preview *{visibility:visible!important}.invoice-preview img{height:auto;left:-40%;margin:0 auto;position:relative;top:20px;width:100px}#comp-div{position:relative;right:0;right:-25%;top:-80px;width:50%}#cust-addr,#cust-name{margin-left:20px;text-align:left}#cust-addr{width:150px}.invoice-preview h4,.invoice-preview p{color:#555;font-size:.93rem;margin-right:20px;text-align:right}body:after{height:600px;right:-12%;top:-38%;width:600px}body:after,body:before{background-color:var(--primary-color);border-radius:50%;content:"";opacity:20%;pointer-events:none;position:fixed;z-index:9999}body:before{bottom:-38%;height:500px;left:-20%;width:500px}.invoice-details h4,.invoice-details p{color:#333;opacity:1}@page{size:A4 portrait;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-items tr{page-break-inside:avoid}.invoice-preview h2,.invoice-preview h3,.invoice-preview h4{page-break-after:avoid}.invoice-totals p{color:var(--primary-color);font-weight:600;margin:.25rem 40px}#footer{bottom:20px;color:grey;font-size:10px;left:40%;position:fixed;text-align:center}.invoice-items{margin:20px auto;max-width:90%}.invoice-items th{text-align:center}.invoice-items td,.invoice-items th,.invoice-items-edit td,.invoice-items-edit th{border-color:#ccc;font-size:.85rem;margin-right:20px}#inv-notes{font-size:small;font-weight:light;margin:10px 40px;text-align:left;width:150px}}.estimate-container{grid-gap:12px;display:grid;gap:12px;padding:12px}.est-head{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;padding:12px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.est-head,.est-left{align-items:center;display:flex;gap:10px}.est-head h2{font-size:20px;margin:0}.est-actions{align-items:center;display:flex;gap:8px}.icon-btn{transition:.15s}.icon-btn.ghost{background:#0000}.est-stepper{padding:10px 12px}.stepper-track{background:#ffffff0f;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:999px;height:6px;margin-bottom:10px;overflow:hidden;position:relative}.stepper-progress{background:linear-gradient(90deg,teal,#edb32d);background:linear-gradient(90deg,var(--brand),var(--brand-2));height:100%;width:0}.steps{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.step{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);color:#d6dcff;cursor:default;gap:8px;padding:8px 10px}.step.active{background:#6c5ce71f;border-color:#6c5ce759}.step .step-label{font-size:13px}.step .step-icon{background:#ffffff0a;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:8px;display:grid;height:26px;place-items:center;width:26px}.step .step-icon.on{background:#6c5ce72e;border-color:#6c5ce759}.est-body{padding:12px}.receipt-shell{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1.2fr .8fr;padding:12px}@media (max-width:1100px){.receipt-shell{grid-template-columns:1fr}}.receipt-input{grid-gap:12px;display:grid;gap:12px;padding:12px}.rec-head{align-items:center;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);display:flex;gap:10px;justify-content:space-between;padding-bottom:8px}.rec-title h2{font-size:20px;margin:0}.rec-actions{display:flex;flex-wrap:wrap;gap:8px}.rec-card{background:#ffffff05;border:1px solid #20294a;border:1px solid var(--bdr);padding:12px}.grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.grid-3{grid-template-columns:1fr}}.rec-card input,.rec-card select,.rec-card textarea{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.rec-card input:focus,.rec-card select:focus,.rec-card textarea:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring)}.rec-card textarea{min-height:110px;resize:vertical}.card-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.card-head h3{font-size:16px;margin:0}.receipt-items-edit{border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-collapse:initial;border-radius:12px;border-spacing:0;min-width:760px;overflow:hidden;width:100%}.receipt-items-edit thead th{background:#0e1324e6;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.receipt-items-edit tbody td{border-bottom:1px solid #20294a8c;padding:10px 12px}.receipt-items-edit tbody tr:hover{background:#ffffff08}.num{text-align:right}.receipt-preview{grid-gap:10px;align-content:start;display:grid;gap:10px;padding:12px}.receipt-preview .logo{background:#0f1424;border-radius:10px;height:48px;object-fit:contain;width:48px}.billto,.receipt-meta,.receipt-preview .logo{border:1px solid #20294a;border:1px solid var(--bdr)}.billto,.receipt-meta{background:#ffffff08;border-radius:12px;padding:10px}.billto{grid-gap:4px;display:grid;gap:4px}.receipt-items{border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-collapse:initial;border-radius:12px;border-spacing:0;min-width:560px;overflow:hidden;width:100%}.receipt-items thead th{background:#0e1324e6;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:10px 12px;text-align:left}.receipt-items tbody td{border-bottom:1px solid #20294a8c;padding:10px 12px}.total-line{margin:6px 0 0}.notes{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:12px;padding:10px}.muted-center{color:#a6b3ff;display:block;margin-top:8px;text-align:center}.paid-stamp{filter:drop-shadow(0 10px 24px rgba(0,0,0,.35));justify-self:end;opacity:.9;width:110px}.pdf-btn{margin:0 12px 12px;width:-webkit-fit-content;width:fit-content}@media print{body *{visibility:hidden!important}.receipt-preview,.receipt-preview *{visibility:visible!important}.receipt-preview{height:90%;left:0;line-height:1.8;margin:40px auto;max-width:90%;position:absolute;top:0}#footer{bottom:10px;left:40%;position:absolute;text-align:center}}:root{--unknown:#64748b}.total-estimates-shell{grid-gap:12px;display:grid;gap:12px;padding:12px}.stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}.stat{background:#ffffff08;border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-radius:14px;color:#eaf0ff;display:flex;flex-direction:column;gap:4px;padding:12px}.stat strong{font-size:18px}.cards{width:100%}.card{width:90%}.total-invoices-page{background-color:#f9f9f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-left:240px;min-height:100vh;padding:2rem}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{color:teal;font-size:1.75rem;margin:0}.add-invoice-btn{background-color:teal;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .2s,transform .1s}.add-invoice-btn:hover{background-color:#007070}.search-bar{margin-bottom:1.5rem}.search-bar input{border:1px solid #ccc;border-radius:.375rem;font-size:.95rem;max-width:400px;padding:.5rem 1rem;transition:border-color .2s;width:100%}.search-bar input:focus{border-color:teal;outline:none}.invoices-table{background-color:#fff;border-collapse:collapse;border-radius:.5rem;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:100%}.invoices-table td,.invoices-table th{color:#333;font-size:.95rem;padding:.75rem 1rem;text-align:left}.invoices-table thead{background-color:teal;color:#fff}.invoices-table tbody tr{border-bottom:1px solid #f0f0f0}.invoices-table tbody tr:nth-child(2n){background-color:#f9f9f9}.invoices-table tbody tr:last-child{border-bottom:none}.action-buttons button{background:none;border:1px solid #edb32d;border-radius:.375rem;color:#edb32d;cursor:pointer;font-size:.85rem;margin-right:.5rem;padding:.4rem .8rem;transition:background-color .2s,color .2s}.action-buttons button:hover{background-color:#edb32d;color:#fff}.stats-container{display:flex;flex-wrap:wrap;gap:1rem}.stat-item{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000000d;padding:.75rem 1rem;text-align:center;transition:transform .2s}.stat-item:hover{transform:translateY(-3px)}.stat-item h3{color:teal;font-size:1.25rem;margin:0}.stat-item p{color:#555;font-size:.9rem;margin:0}@media (max-width:1024px){.total-invoices-page{margin-left:0;padding:1rem}.page-header{align-items:stretch;flex-direction:column}.invoices-table td,.invoices-table th{font-size:.85rem;padding:.6rem .8rem}}@media (max-width:768px){.invoices-table,.invoices-table tbody,.invoices-table td,.invoices-table th,.invoices-table thead,.invoices-table tr{display:block}.invoices-table thead tr{left:-9999px;position:absolute;top:-9999px}.invoices-table tr{border-bottom:1px solid #eee;margin-bottom:1rem}.invoices-table td{border:none;font-size:.85rem;padding-left:50%;position:relative;text-align:right}.invoices-table td:before{color:#555;content:attr(data-label);font-weight:600;left:0;padding-left:1rem;position:absolute;text-align:left;top:0;white-space:nowrap;width:45%}}:root{--success:#22c55e;--warning:#f59e0b}.total-invoices-shell{grid-gap:12px;display:grid;gap:12px;padding:12px}.header{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:12px}.header h1{font-size:22px;margin:0 0 4px}.right{align-items:center;display:flex;gap:8px}.icon-btn{color:#e6eaff}.icon-btn.success{border-color:#22c55e40;color:#b8f4c9}.filters,.stats-wrap{padding:12px}.filters{justify-content:space-between}.search{align-items:center;background:#0f1424;border:1px solid #223159;border-radius:12px;display:flex;flex:1 1;gap:8px;padding:10px 12px}.search input{background:#0000;border:none;color:#e6ebff;flex:1 1;outline:none}.status-tabs{gap:8px}.status-tabs,.tabs-label{align-items:center;display:flex}.tabs-label{color:#c3cbff;font-size:12px;gap:6px}.tab{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:10px;color:#d6dcff;padding:8px 10px}.tab.active{background:linear-gradient(90deg,#6c5ce733,#00d2ff24);border-color:#6c5ce759;color:#fff;font-weight:700}.list{padding:12px}.cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#ffffff08;border:1px solid #1a2240;border:1px solid var(--bdr-soft);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,border-color .2s}.card:hover{border-color:#6c5ce759;box-shadow:0 12px 28px #00000059;transform:translateY(-2px)}.card-main{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1.2fr .9fr .8fr .9fr;padding:12px}.who h3{color:#fff;font-size:16px;margin:0;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dates{display:flex;gap:16px}.dates div{display:flex;flex-direction:column;gap:2px}.status{display:flex;justify-content:flex-start}.badge{border:1px solid #0000;font-size:12px;font-weight:700;padding:6px 10px}.badge.paid{background:#22c55e24;border-color:#22c55e59;color:#b3f7c8}.badge.open{background:#6366f124;border-color:#6366f159;color:#cfd2ff}.badge.overdue{background:#ef44441f;border-color:#ef444459;color:#ffd1d1}.badge.unknown{background:#64748b24;border-color:#64748b59;color:#dee5ef}.amount{color:#eaf0ff;font-weight:800;text-align:right;white-space:nowrap}.card-actions{border-top:1px solid #1a2240cc;display:flex;gap:8px;justify-content:flex-end;padding:10px 12px}.empty{align-items:center;border:1px dashed #1a2240;border:1px dashed var(--bdr-soft);border-radius:16px;color:#c7cff8;display:flex;flex-direction:column;gap:10px;padding:24px}.pagination{gap:6px;justify-content:center;margin-top:12px}.page{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:10px;color:#e6eaff;cursor:pointer;padding:8px 10px}.page.active{background:linear-gradient(90deg,#6c5ce733,#00d2ff24);border-color:#6c5ce759;color:#fff;font-weight:700}@media (max-width:1100px){.cards{grid-template-columns:1fr}.card-main{gap:12px;grid-template-columns:1fr 1fr}.status{order:3}.amount{order:4}}:root{--card-bg:#1a224080;--panel-bg:#1a224073;--border:#1a2240;--text:var(--text-color,#e6e8ff);--muted:#9aa3c7;--primary:var(--primary-color,#5b7cfa);--primary-ink:#0d132f;--ok:#22c55e;--danger:#ef4444;--glow:0 0 0/10%}.billing-page{color:#e6e8ff;color:var(--text);display:flex;flex-direction:column;gap:20px;padding:min(6vw,32px)}.loading-state{align-items:center;justify-content:center;min-height:40vh}.spinner{animation:spin .8s linear infinite;border:3px solid #2b3564;border-radius:50%;border-top:3px solid var(--primary);height:28px;margin:0 auto 8px;width:28px}.billing-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.billing-header h1{font-size:clamp(20px,2.2vw,28px)}.billing-header .muted{color:#9aa3c7;color:var(--muted)}.actions-side .btn-ghost{align-items:center;background:#0000;border:1px solid #1a2240;border:1px solid var(--border);border-radius:10px;color:#e6e8ff;color:var(--text);display:inline-flex;gap:8px;padding:8px 12px}.actions-side .btn-ghost:hover{border-color:#5b7cfa;border-color:var(--primary)}.billing-steps{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.step{align-items:center;background:#1a224073;background:var(--panel-bg);border:1px solid #1a2240;border:1px solid var(--border);border-radius:12px;color:#9aa3c7;color:var(--muted);display:flex;gap:10px;padding:12px}.step.active{border-color:#2a376e;color:#e6e8ff;color:var(--text)}.step-number{background:#1e274e;border-radius:50%;color:#c9d4ff;display:inline-grid;font-weight:600;height:28px;place-items:center;width:28px}.billing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.25fr .85fr}@media (max-width:1024px){.billing-grid{grid-template-columns:1fr}}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a224073;background:var(--panel-bg);border:1px solid #1a2240;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px color-mix(in srgb,#5b7cfa 10%,#0000);box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 10%,#0000)}.form-panel{padding:18px}.summary-panel{align-self:start;padding:18px;position:-webkit-sticky;position:sticky;top:16px}.section-heading{align-items:center;display:flex;gap:10px;margin-bottom:10px}.section-heading h3{margin:0}.billing-form{display:flex;flex-direction:column;gap:12px}.input-group label{color:#9aa3c7;color:var(--muted)}.cycle,.input-group input,.pill-switch button,.select{color:#e6e8ff;color:var(--text);font:inherit}.input-group input,.select{background:#0f1534;border:1px solid #202a57;border-radius:12px;outline:none;padding:12px 14px;transition:border .2s,box-shadow .2s}.input-group input:focus,.select:focus{border-color:#5b7cfa;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,#5b7cfa 25%,#0000);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 25%,#0000)}.two-cols{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:640px){.two-cols{grid-template-columns:1fr}}.divider{background:#1a2240;height:1px;margin:6px 0 8px}.pill-switch{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#0f1534;border:1px solid #223067;cursor:pointer;padding:8px 12px}.pill.active{background:color-mix(in srgb,#5b7cfa 20%,#0f1534);background:color-mix(in srgb,var(--primary) 20%,#0f1534);border-color:#5b7cfa;border-color:var(--primary)}.checkbox{color:#9aa3c7;color:var(--muted);display:flex;gap:10px}.checkbox a{color:#e6e8ff;color:var(--text);text-decoration:underline}.btn-primary{background:#5b7cfa;background:var(--primary);border:none;color:#0d132f;color:var(--primary-ink);justify-content:center;padding:12px 16px}.btn-primary.wide{width:100%}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:#0000;border:1px solid #1a2240;border:1px solid var(--border);border-radius:10px;color:#e6e8ff;color:var(--text);padding:8px 12px}.secure-note{align-items:center;color:#9aa3c7;color:var(--muted);display:inline-flex;gap:8px}.summary-head .kicker{color:#9aa3c7;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.summary-head h2{margin:6px 0 0}.cycle-picker{display:flex;gap:10px;margin:10px 0}.cycle{background:#0f1534;border:1px solid #223067;border-radius:12px;cursor:pointer;padding:8px 12px}.cycle.active{border-color:#5b7cfa;border-color:var(--primary)}.badge{background:#143061;border:1px solid #2850a9;border-radius:999px;color:#cfe0ff;font-size:11px;margin-left:8px;padding:2px 8px}.price{align-items:baseline;display:flex;gap:8px;margin:8px 0 12px}.price .major{font-size:28px;font-weight:800}.price .per{color:#9aa3c7;color:var(--muted)}.select-wrap{grid-gap:8px;display:grid;gap:8px;margin:10px 0 6px}.select-label{color:#9aa3c7;color:var(--muted)}.select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#6b7ff9 0),linear-gradient(135deg,#6b7ff9 50%,#0000 0),linear-gradient(90deg,#202a57,#202a57);background-position:calc(100% - 18px) 1.15em,calc(100% - 13px) 1.15em,100% 0;background-repeat:no-repeat;background-size:5px 5px,5px 5px,2.6rem 2.6rem}.perks{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:8px 0 0;padding:0}.perks li{align-items:center;color:#c7cff8;display:flex;gap:8px}.mini-cards{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.mini-card{grid-gap:10px;background:#0e1431;border:1px dashed #273467;border-radius:12px;display:grid;gap:10px;grid-template-columns:28px 1fr;padding:10px}.policy{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.flag{align-items:center;display:flex;font-size:13px;gap:8px}.flag.success{color:#22c55e;color:var(--ok)}.flag.danger{color:#ef4444;color:var(--danger)}.note{background:#0f1836;border:1px solid #1f2b5b;border-radius:10px;color:#c8d3ff;padding:10px}.error{color:#ff9ea8}.muted{color:#9aa3c7}.small{font-size:12px}.inv-items-shell{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;padding:12px}.inv-meter{padding:12px}.pill.ok{background:linear-gradient(90deg,#22c55e59,#22c55e26);border-color:#22c55e59}.pill.warn{background:linear-gradient(90deg,#ef444459,#ef444426);border-color:#ef444459}.inv-table{min-width:760px}.oh-shell{grid-gap:12px;display:grid;grid-template-columns:1fr}.oh-head,.oh-shell{gap:12px;padding:12px}.oh-head{justify-content:space-between}.oh-head,.oh-head .title h2{align-items:center;display:flex}.oh-head .title h2{font-size:20px;gap:8px;margin:0 0 4px}.oh-meter{padding:12px}.meter-row{justify-content:space-between}.meter-row,.meter-row .label{align-items:center;display:flex}.meter-row .label{color:#dfe4ff;gap:6px}.pill{align-items:center;background:linear-gradient(90deg,#3b82f640,#3b82f626);border:1px solid #3b82f640;color:#fff;display:inline-flex;font-weight:700;gap:6px;padding:6px 10px}.oh-table{border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-collapse:initial;border-radius:12px;border-spacing:0;min-width:760px;overflow:hidden;width:100%}.oh-table thead th{background:#0e1324e6;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.oh-table tbody td{border-bottom:1px solid #20294a8c;padding:10px 12px}.oh-table input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s,transform .06s ease;width:100%}.oh-table input:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.others-shell{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;padding:12px}.oth-head{gap:12px;justify-content:space-between;padding:12px}.oth-head,.oth-head .title h2{align-items:center;display:flex}.oth-head .title h2{font-size:20px;gap:8px;margin:0 0 4px}.tiny{font-size:11px}.oth-hint{padding:10px 12px}.oth-table{border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-collapse:initial;border-radius:12px;border-spacing:0;min-width:720px;overflow:hidden;width:100%}.oth-table thead th{background:#0e1324e6;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.th-flex{align-items:center;display:flex;gap:6px}.oth-table tbody td{border-bottom:1px solid #20294a8c;padding:10px 12px}.input-suffix{align-items:center;display:flex;gap:8px}.input-suffix input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s,transform .06s ease;width:100%}.input-suffix input:focus{border-color:#6c5ce7;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.input-suffix .suffix{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:10px;color:#dfe4ff;font-weight:700;min-width:34px;padding:8px 10px;text-align:center}.btn-primary{transition:.2s}.demo-card{padding:12px}.demo-head h3{align-items:center;color:#eaf0ff;display:flex;font-size:16px;gap:8px;margin:0 0 6px}.demo-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.demo-grid li{align-items:center;background:#ffffff08;border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-radius:14px;color:#dfe4ff;display:flex;justify-content:space-between;list-style:none;padding:12px}.demo-grid li.total{background:linear-gradient(90deg,#6c5ce738,#00d2ff2e);border-color:#6c5ce759;font-weight:800;grid-column:span 3}.demo-grid span{opacity:.85}.settings-shell{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;padding:12px}.settings-head{padding:12px}.settings-head .title h2{font-size:20px;margin:0 0 4px}.settings-tabs{padding:8px}.tabs-track{display:flex;flex-wrap:wrap;gap:8px}.tab-chip{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:12px;color:#dfe4ff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 12px;position:relative;transition:transform .15s ease,background .15s ease,border-color .15s ease}.tab-chip:hover{background:#ffffff0f;transform:translateY(-1px)}.tab-chip.active{background:linear-gradient(90deg,#6c5ce72e,#00d2ff1f);border-color:#6c5ce759;box-shadow:inset 0 0 0 1px #6c5ce72e;color:#fff}.tab-chip .glow{border-radius:12px;box-shadow:0 0 0 2px #6c5ce740,0 8px 26px #6c5ce747;inset:-1px;pointer-events:none;position:absolute}.tab-panel{padding:12px}.tab-panel input,.tab-panel select,.tab-panel textarea{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.tab-panel input:focus,.tab-panel select:focus,.tab-panel textarea:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring)}.inv-shell{grid-gap:12px;display:grid;grid-template-columns:1fr}.inv-head,.inv-shell{gap:12px;padding:12px}.inv-head{justify-content:space-between}.inv-head,.inv-head .title h2{align-items:center;display:flex}.inv-head .title h2{font-size:20px;gap:8px;margin:0 0 4px}.inv-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}.metric{background:#ffffff08;border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-radius:14px;color:#eaf0ff;justify-content:space-between;padding:12px}.metric,.metric .label{align-items:center;display:flex}.metric .label{color:#c8d1ff;gap:8px}.metric .value{font-weight:800}.table-card{padding:12px}.inv-table{border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-collapse:initial;border-radius:12px;border-spacing:0;min-width:900px;overflow:hidden;width:100%}.inv-table thead th{background:#0e1324e6;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.inv-table tbody td{border-bottom:1px solid #20294a8c;padding:10px 12px}.inv-table input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s,transform .06s ease;width:100%}.inv-table input:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.input-prefix{align-items:center;display:flex;gap:8px}.input-prefix .prefix{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:10px;color:#dfe4ff;font-weight:700;min-width:34px;padding:8px 10px;text-align:center}.unit-cost{color:#eaf0ff;font-weight:700}.table-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}:root{--brand:teal;--brand-2:#edb32d}.company-shell{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;padding:12px}.company-head{justify-content:space-between;padding:12px}.company-head,.head-left{align-items:center;display:flex;gap:12px}.logo-frame{background:#0f1424;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:14px;display:grid;height:56px;overflow:hidden;place-items:center;width:56px}.company-logo{height:100%;object-fit:cover;width:100%}.logo-placeholder{color:#9fb0ff}.title h2{align-items:center;display:flex;font-size:20px;gap:8px;margin:0 0 4px}.muted-small{color:#a6b3ff;font-size:11px}.brand-preview{grid-gap:6px;display:grid;gap:6px;justify-items:end}.swatch{border:1px solid #20294a;border:1px solid var(--bdr);border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff0f;height:24px;width:64px}.company-form{padding:12px}.company-form,.grid-1{grid-gap:12px;display:grid;gap:12px}.grid-1{grid-template-columns:1fr}.grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.hint{align-items:center;color:#a6b3ff;display:flex;gap:6px}.input-icon svg{opacity:.8}.input-icon input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:12px 12px 12px 34px;transition:border-color .2s,box-shadow .2s,transform .06s ease;width:100%}.input-icon input:focus{border-color:teal;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.actions{display:flex;justify-content:flex-end;padding-top:4px}.btn-primary{align-items:center;background:linear-gradient(90deg,teal,#edb32d);border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;gap:8px;transition:transform .15s ease,box-shadow .2s ease}code{background:#ffffff0f;border-radius:6px;padding:2px 6px}.dropzone{align-items:center;background:#ffffff05;border:1px dashed #20294a;border:1px dashed var(--bdr);border-radius:14px;color:#e6e9f2;cursor:pointer;display:flex;gap:12px;justify-content:space-between;transition:border-color .2s,background .2s,transform .1s}.dropzone:hover{background:#ffffff0a;transform:translateY(-1px)}.dropzone.drag{background:linear-gradient(0deg,#6c5ce71a,#0000);border-color:#6c5ce773;box-shadow:inset 0 0 0 1px #6c5ce72e}.dz-text{grid-gap:2px;display:grid;gap:2px}.dz-text strong{font-size:14px}.dz-text span{color:#c7cff8;font-size:12px}.dz-text small{color:#9fb0ff;font-size:11px}.upload-msg{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:10px;display:inline-flex;font-size:12px;gap:6px;margin-top:6px;padding:6px 10px}.upload-msg.ok{border-color:#22c55e59;box-shadow:inset 0 0 0 1px #22c55e24}.upload-msg.warn{border-color:#ef444459;box-shadow:inset 0 0 0 1px #ef444424}.btn-ghost{border-radius:12px;transition:.2s}.add-account-form .open-modal-btn,.btn-ghost{align-items:center;cursor:pointer;display:inline-flex;gap:8px}.add-account-form .open-modal-btn{background:linear-gradient(180deg,#2a3569,#1f2852);border:1px solid #2f3a74;border-radius:12px;color:#e6ebff;padding:10px 14px;transition:all .18s ease}.add-account-form .open-modal-btn:hover{box-shadow:0 10px 24px #151c3c80;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c1ea6;z-index:1000}.modal-content-account{animation:modalIn .24s ease-out;background:#0e1433;border:1px solid #22306a;border-radius:18px;box-shadow:0 30px 80px #080c1e99;padding:20px;position:relative;width:min(1000px,92vw)}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:#121a3f;border:1px solid #26356d;border-radius:10px;color:#c7cff8;display:grid;height:36px;place-items:center;position:absolute;right:12px;top:12px;width:36px}.modal-close:hover{border-color:#4657a5}.modal-content h2{color:#eef2ff;margin:4px 0 2px}.subtle{color:#99a6e6;font-size:14px;margin-bottom:14px}.modal-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.15fr .85fr}@media (max-width:920px){.modal-grid{grid-template-columns:1fr}}.account-form{background:#0b1030;border:1px solid #1b2553;border-radius:14px;padding:14px}.two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:720px){.two-col{grid-template-columns:1fr}}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{align-items:center;color:#d4dbff;display:flex;font-size:13px;gap:8px}.input-group .req{color:#ff8d6b}.input-group input,.input-group select{background:#0f1534;border:1px solid #202a57;border-radius:10px;color:#e6ebff;outline:none;padding:10px 12px;transition:border .2s}.input-group input:focus,.input-group select:focus{border-color:#5b7cfa;box-shadow:0 0 0 3px #5b7cfa33}.hint{color:#9fb0ff;font-size:12px}.modal-buttons{display:flex;gap:10px;margin-top:12px}button.primary{align-items:center;background:linear-gradient(180deg,#3b54e3,#2a3fb3);border:1px solid #3d51d6;border-radius:12px;color:#fff;display:inline-flex;gap:8px;padding:10px 14px}button.primary:hover{filter:brightness(1.05)}button.ghost{background:#101747;border:1px solid #24306d;border-radius:12px;color:#c7cff8;padding:10px 14px}.csv-upload-section{background:#0b1030;border:1px solid #1b2553;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:14px}.csv-header{align-items:center;display:flex;justify-content:space-between}.download-sample-btn-acct{align-items:center;background:#0f1534;border:1px solid #24306d;border-radius:10px;color:#cfe1ff;display:inline-flex;gap:6px;padding:8px 10px}.dropzone{grid-gap:8px;background:#0e1440;border:1px dashed #36448b;border-radius:12px;color:#b6c5ff;display:grid;gap:8px;min-height:120px;padding:12px;place-items:center;text-align:center}.file-trigger{color:#89a1ff;cursor:pointer;text-decoration:underline}.file-trigger input{display:none}.file-pill{background:#111a4e;border:1px solid #2a3883;border-radius:999px;color:#dbe4ff;display:inline-block;font-size:12px;margin-top:4px;padding:6px 10px}#csv-btn{background:#25337a;border:1px solid #3547a7;border-radius:12px;color:#e5ecff;padding:10px 12px}#csv-btn:disabled{cursor:not-allowed;opacity:.6}.progress{margin-top:6px}.progress .bar{background:linear-gradient(90deg,#445ff1,#6d89ff);border-radius:999px;height:8px}.error-messages{background:#31141e;border:1px solid #5f2336;border-radius:12px;color:#ffd6e2;font-size:12px;max-height:140px;overflow:auto;padding:10px}.csv-hint{color:#9db0ff;font-size:12px}:root{--coa-bg:#1a224073;--coa-surface:#1a224080;--coa-border:#1c2450;--coa-accent:var(--primary-color,#5b7cfa);--coa-text:var(--text-color,#e6e8ff);--coa-muted:#9aa3c7}.coa-page{grid-gap:16px;display:grid;gap:16px}.coa-header h2{font-size:clamp(18px,2.2vw,26px);margin:0}.coa-subtle{color:#9aa3c7;color:var(--coa-muted);font-size:14px;margin:6px 0 0}.coa-card{background:#1a224080;background:var(--coa-surface);border:1px solid #1c2450;border:1px solid var(--coa-border);border-radius:16px;box-shadow:0 18px 40px color-mix(in srgb,#5b7cfa 12%,#0000);box-shadow:0 18px 40px color-mix(in srgb,var(--coa-accent) 12%,#0000);padding:clamp(14px,2vw,20px)}.coa-controls{grid-gap:12px;display:grid;gap:12px}.coa-controls .coa-search{align-items:center;background:#0f1534;border:1px solid #202a57;border-radius:12px;display:flex;gap:8px;padding:10px 12px}.coa-controls .coa-search input{background:#0000;border:none;color:#e6e8ff;color:var(--coa-text);flex:1 1;font-size:14px;outline:none}.coa-filters{display:flex;flex-wrap:wrap;gap:10px}.filter-chip{align-items:center;background:#0f1534;border:1px solid #202a57;border-radius:10px;display:inline-flex;gap:8px;padding:8px 10px}.filter-chip select{background:#0000;border:none;color:#e6e8ff;color:var(--coa-text);font-size:13px;outline:none}.coa-table-wrap{border-radius:12px;overflow:auto}.coa-table{background:#0c1130;border:1px solid #1b2350;border-collapse:collapse;min-width:720px;width:100%}.coa-table thead th{background:#0c1130;border-bottom:1px solid #1b2350;color:#cbd3ff;font-size:13px;font-weight:600;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.coa-table tbody td{border-top:1px solid #161d45;color:#e6e8ff;color:var(--coa-text);font-size:14px;padding:12px}.narrow{width:120px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.name-cell{display:grid}.name-cell .name{font-weight:600}.name-cell .meta{color:#9aa3c7;color:var(--coa-muted);font-size:12px;margin-top:2px}.pill{background:#101747;border:1px solid #25306a;border-radius:999px;display:inline-block;font-size:12px;padding:4px 8px}.pill.alt{background:color-mix(in srgb,#5b7cfa 14%,#101747);background:color-mix(in srgb,var(--coa-accent) 14%,#101747);border-color:color-mix(in srgb,#5b7cfa 35%,#25306a);border-color:color-mix(in srgb,var(--coa-accent) 35%,#25306a)}.action-col{width:72px}button.ghost{background:#0f1534;border:1px solid #202a57;border-radius:10px;color:#e6e8ff;color:var(--coa-text);cursor:pointer;padding:8px 10px;transition:transform .12s,border .2s,box-shadow .2s}button.ghost:hover{border-color:#5b7cfa;border-color:var(--coa-accent);box-shadow:0 8px 24px color-mix(in srgb,#5b7cfa 18%,#0000);box-shadow:0 8px 24px color-mix(in srgb,var(--coa-accent) 18%,#0000);transform:translateY(-1px)}button.ghost.danger{border-color:#39202b}button.ghost.danger:hover{border-color:#e15d75;box-shadow:0 8px 24px color-mix(in srgb,#e15d75 24%,#0000)}.coa-groups{grid-gap:12px;display:grid;gap:12px}.group-card{padding:0}.group-header{all:unset;border-bottom:1px solid #1c2450;border-bottom:1px solid var(--coa-border);cursor:pointer;display:flex;padding:14px 16px;width:100%}.group-title{align-items:center;color:#e6e8ff;color:var(--coa-text);display:inline-flex;gap:10px}.group-title .count{color:#9aa3c7;color:var(--coa-muted);font-size:12px;margin-left:6px}@media (max-width:800px){.coa-controls{grid-template-columns:1fr}}.inline-input,.inline-select{background:#0f1534;border:1px solid #202a57;border-radius:8px;color:#e6e8ff;color:var(--coa-text);font-size:13px;outline:none;padding:8px 10px;width:100%}.inline-input:focus,.inline-select:focus{border-color:#5b7cfa;border-color:var(--coa-accent);box-shadow:0 0 0 3px color-mix(in srgb,#5b7cfa 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--coa-accent) 20%,#0000)}.row-actions{align-items:center;display:inline-flex;gap:8px}.coa-header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between}.pill-asset{background:color-mix(in srgb,#3ccf91 18%,#101747);border-color:color-mix(in srgb,#3ccf91 40%,#25306a)}.pill-liability{background:color-mix(in srgb,#ff8d6b 18%,#101747);border-color:color-mix(in srgb,#ff8d6b 40%,#25306a)}.pill-equity{background:color-mix(in srgb,#a78bfa 18%,#101747);border-color:color-mix(in srgb,#a78bfa 40%,#25306a)}.pill-revenue{background:color-mix(in srgb,#5b7cfa 18%,#101747);border-color:color-mix(in srgb,#5b7cfa 40%,#25306a)}.pill-expense{background:color-mix(in srgb,#ffcf5c 18%,#101747);border-color:color-mix(in srgb,#ffcf5c 40%,#25306a)}button.ghost.success{border-color:#274c39}button.ghost.success:hover{border-color:#3ccf91;box-shadow:0 8px 24px color-mix(in srgb,#3ccf91 24%,#0000)}:root{--bg:#0b1020;--bg-muted:#111730;--card:#ffffff0f;--card-strong:#ffffff1f;--border:#ffffff1f;--text:#e9eefc;--text-dim:#c6cbe3;--primary:var(--primary-color,#6c8cff);--danger:#ff6b6b;--ok:#25d366;--warn:#ffb020;--shadow:0 8px 30px #02061773;--radius:18px;--radius-sm:12px;--blur:blur(10px)}.journals-page{color:#e9eefc;color:var(--text);padding:clamp(16px,2.5vw,28px)}.journals-header{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:18px}.journals-header h1{font-size:clamp(22px,2.4vw,28px);letter-spacing:.2px;margin:0 0 6px}.subtle{color:#c6cbe3;color:var(--text-dim);font-size:.95rem;margin:0}.filter-wrap{display:flex;flex-direction:column;gap:8px}.filter-label{color:#c6cbe3;color:var(--text-dim);font-size:.85rem}.filter-wrap input[type=date]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:#ffffff0f;background:var(--card);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#e9eefc;color:var(--text);outline:none;padding:10px 12px;transition:.2s ease}.filter-wrap input[type=date]:focus{border-color:#6c8cff;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,#6c8cff 18%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,#0000)}.journals-content{background:linear-gradient(180deg,#111730,#0000 70%);background:linear-gradient(180deg,var(--bg-muted),#0000 70%);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:0 8px 30px #02061773;box-shadow:var(--shadow);padding:clamp(14px,2vw,20px)}.skeleton-list{grid-gap:12px;display:grid;gap:12px}.skeleton-row{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;border-radius:18px;border-radius:var(--radius);height:72px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{background:#ffffff0f;background:var(--card);border:1px dashed #ffffff1f;border:1px dashed var(--border);border-radius:18px;border-radius:var(--radius);padding:48px 16px;text-align:center}.empty-emoji{font-size:32px;margin-bottom:8px;opacity:.9}.journals-list{grid-gap:clamp(12px,2vw,16px);display:grid;gap:clamp(12px,2vw,16px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:8px}.journal-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:radial-gradient(120% 120% at 0 0,#ffffff0f,#ffffff05);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:0 4px 16px #02061759;padding:14px;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease}.journal-card:hover{border-color:color-mix(in srgb,#6c8cff 30%,#ffffff1f);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:0 10px 26px #0206178c;transform:translateY(-2px)}.journal-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr auto;margin-bottom:8px}.journal-date .label,.journal-id .label{color:#c6cbe3;color:var(--text-dim);display:block;font-size:.75rem;margin-bottom:2px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.journal-desc{color:#c6cbe3;color:var(--text-dim);margin:8px 0 12px;min-height:22px}.journal-actions{display:flex;gap:10px}.btn{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:#ffffff0f;background:var(--card);border:1px solid #ffffff1f;border:1px solid var(--border);color:#e9eefc;color:var(--text);padding:8px 12px;transition:.2s ease}.btn:hover{border-color:color-mix(in srgb,#6c8cff 35%,#ffffff1f);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,#6c8cff 28%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 28%,#0000);outline:none}.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,#6c8cff 85%,#000),#6c8cff);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 85%,#000),var(--primary));border-color:color-mix(in srgb,#6c8cff 65%,#000);border-color:color-mix(in srgb,var(--primary) 65%,#000)}.btn.primary:hover{transform:translateY(-1px) scale(1.01)}.btn.ghost{background:#0000}.btn.danger{border-color:color-mix(in srgb,#ff6b6b 50%,#ffffff1f);border-color:color-mix(in srgb,var(--danger) 50%,var(--border));color:#ffd9d9}.btn.danger:hover{background:color-mix(in srgb,#ff6b6b 18%,#0000);background:color-mix(in srgb,var(--danger) 18%,#0000)}.pagination{gap:12px}.page-indicator{color:#c6cbe3;color:var(--text-dim);font-size:.95rem}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a1999;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:50}.modal-content{background:linear-gradient(180deg,#111730,#ffffff05);background:linear-gradient(180deg,var(--bg-muted),#ffffff05);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 30px #02061773;box-shadow:var(--shadow);padding:14px;width:min(980px,96vw)}.modal-content.wide{width:min(1100px,98vw)}.modal-header{align-items:center;border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.modal-close{background:#0000;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:12px;color:#e9eefc;color:var(--text);cursor:pointer;padding:6px 10px;transition:.2s ease}.modal-close:hover{border-color:#6c8cff;border-color:var(--primary)}.balance-banner{align-items:center;background:#ffffff0f;background:var(--card);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:10px 12px}.chip{border:1px solid #ffffff1f;border:1px solid var(--border);font-size:.85rem}.chip.ok{background:color-mix(in srgb,#25d366 18%,#0000);background:color-mix(in srgb,var(--ok) 18%,#0000);border-color:color-mix(in srgb,#25d366 40%,#ffffff1f);border-color:color-mix(in srgb,var(--ok) 40%,var(--border));color:#ddffef}.chip.warn{background:color-mix(in srgb,#ffb020 20%,#0000);background:color-mix(in srgb,var(--warn) 20%,#0000);border-color:color-mix(in srgb,#ffb020 40%,#ffffff1f);border-color:color-mix(in srgb,var(--warn) 40%,var(--border));color:#fff1d6}.totals{color:#c6cbe3;color:var(--text-dim);display:flex;gap:18px}.totals strong{color:#e9eefc;color:var(--text)}.tx-table{border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);overflow:hidden}.tx-head,.tx-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:150px 1fr 1.2fr 140px 140px}.tx-head{background:#ffffff1f;background:var(--card-strong);color:#c6cbe3;color:var(--text-dim);font-size:.92rem;padding:10px 12px}.tx-row{background:color-mix(in srgb,#ffffff0f 85%,#0000);background:color-mix(in srgb,var(--card) 85%,#0000);border-top:1px solid #ffffff1f;border-top:1px solid var(--border);padding:8px 12px}.tx-row input,.tx-row select{background:#111730;background:var(--bg-muted);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:10px;color:#e9eefc;color:var(--text);outline:none;padding:8px 10px;transition:.2s ease}.tx-row input:focus,.tx-row select:focus{border-color:#6c8cff;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,#6c8cff 18%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,#0000)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:12px}@media (max-width:980px){.tx-head,.tx-row{grid-template-columns:140px 1fr 1fr 120px 120px}}@media (max-width:720px){.journals-header{align-items:flex-start;flex-direction:column}.tx-head,.tx-row{gap:8px;grid-template-columns:1fr 1fr}.tx-head span:nth-child(3),.tx-head span:nth-child(4),.tx-head span:nth-child(5){display:none}.tx-row input[type=text]{grid-column:1/-1}}:root{--bt-bg:#0b1020;--bt-surface:#121735;--bt-surface-2:#161c3f;--bt-border:#ffffff14;--bt-text:#e8ecff;--bt-text-dim:#a9b3d1;--bt-accent:#7c8bff;--bt-accent-2:#5be9b9;--bt-danger:#ff6b6b;--bt-warning:#ffd166;--bt-shadow:0 8px 28px #00000059;--bt-radius:14px;--bt-radius-sm:10px;--bt-gap:16px}#bank-transactions-container{background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),#0b1020;background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),var(--bt-bg);color:#e8ecff;color:var(--bt-text);min-height:100%;padding:28px}.bt-header{align-items:flex-end;display:flex;gap:16px;gap:var(--bt-gap);justify-content:space-between;margin-bottom:22px}.bt-header h2{font-size:22px;letter-spacing:.3px;margin:0 0 4px}.bt-subtle{color:#a9b3d1;color:var(--bt-text-dim);font-size:13px;margin:0}.bt-right{grid-gap:8px;align-items:center;display:grid;gap:8px}.bt-label{color:#a9b3d1;color:var(--bt-text-dim);font-size:12px}.bt-right select{background:#161c3f;background:var(--bt-surface-2);border:1px solid #ffffff14;border:1px solid var(--bt-border);border-radius:10px;border-radius:var(--bt-radius-sm);color:#e8ecff;color:var(--bt-text);outline:none;padding:10px 12px;transition:border .2s ease,box-shadow .2s ease}.bt-right select:focus{border-color:#7c8bff;border-color:var(--bt-accent);box-shadow:0 0 0 3px #7c8bff22}.bt-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--bt-border);border-radius:14px;border-radius:var(--bt-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--bt-shadow);padding:18px}.csv-upload-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--bt-gap);margin-bottom:16px}.download-sample-btn{align-items:center;background:linear-gradient(180deg,#1b2250,#161c3f);border:1px solid #ffffff14;border:1px solid var(--bt-border);border-radius:10px;border-radius:var(--bt-radius-sm);color:#e8ecff;color:var(--bt-text);display:inline-flex;font-size:13px;gap:8px;padding:10px 14px;text-decoration:none;transition:transform .2s ease,border .2s ease,background .2s ease}.download-sample-btn:hover{border-color:#7c8bff;border-color:var(--bt-accent);transform:translateY(-1px)}.csv-upload-row input[type=file]{color:#a9b3d1;color:var(--bt-text-dim);font-size:13px;max-width:280px}.btn{background:linear-gradient(180deg,#1c234f,#161c3f);border:1px solid #ffffff14;border:1px solid var(--bt-border);border-radius:10px;color:#e8ecff;color:var(--bt-text);font-size:13px;transition:transform .2s ease,border .2s ease,background .2s ease}.btn:hover{border-color:#7c8bff;border-color:var(--bt-accent);transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,#3a45b6,#29339a);border-color:#5662ff99}.btn.primary:hover{box-shadow:0 6px 20px #5f6bff33}.btn.danger{background:linear-gradient(180deg,#c04848,#9b2f2f);border-color:#ff6b6b88}.btn.danger:hover{box-shadow:0 6px 20px #ff6b6b33}#filter{color:#a9b3d1;color:var(--bt-text-dim);font-size:14px;letter-spacing:.3px;margin:10px 0 8px}.filter-bar{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,minmax(120px,1fr));margin-bottom:16px}.filter-bar input,.filter-bar select{background:#161c3f;background:var(--bt-surface-2);border:1px solid #ffffff14;border:1px solid var(--bt-border);border-radius:10px;border-radius:var(--bt-radius-sm);color:#e8ecff;color:var(--bt-text);font-size:13px;outline:none;padding:10px 12px;transition:border .2s ease,box-shadow .2s ease}.filter-bar input::placeholder{color:#98a2c7aa}.filter-bar input:focus,.filter-bar select:focus{border-color:#7c8bff;border-color:var(--bt-accent);box-shadow:0 0 0 3px #7c8bff22}.transaction-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}.transaction-tabs button{background:#101535;border:1px solid #ffffff14;border:1px solid var(--bt-border);border-radius:999px;color:#e8ecff;color:var(--bt-text);cursor:pointer;font-size:12px;padding:8px 12px;transition:border .2s ease,background .2s ease,transform .2s ease}.transaction-tabs button:hover{border-color:#7c8bff;border-color:var(--bt-accent);transform:translateY(-1px)}.transaction-tabs .active{background:linear-gradient(180deg,#2a3380,#1e2769);border-color:#5b66ff99;box-shadow:0 8px 22px #4d58ff33}.bulk-actions{align-items:center;background:#0f143099;border:1px solid #ffffff14;border:1px solid var(--bt-border);border-radius:10px;border-radius:var(--bt-radius-sm);display:flex;gap:10px;margin-bottom:12px;padding:8px}.bulk-actions select{background:#161c3f;background:var(--bt-surface-2);border:1px solid #ffffff14;border:1px solid var(--bt-border);border-radius:10px;color:#e8ecff;color:var(--bt-text);font-size:13px;outline:none;padding:8px 10px}.bt-table-wrap{background:#121735;background:var(--bt-surface);border:1px solid #ffffff14;border:1px solid var(--bt-border);border-radius:14px;border-radius:var(--bt-radius);overflow:auto}#trans-table{border-collapse:collapse;min-width:820px;width:100%}#trans-table thead th{background:#12183b;color:#a9b3d1;color:var(--bt-text-dim);font-size:12px;font-weight:600;letter-spacing:.3px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}#trans-table tbody td,#trans-table thead th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--bt-border);padding:12px}#trans-table tbody td{font-size:13px}#trans-table tbody tr{transition:background .2s ease,transform .2s ease}#trans-table tbody tr:hover{background:#161d46}#trans-table select{background:#161c3f;background:var(--bt-surface-2);border:1px solid #ffffff14;border:1px solid var(--bt-border);border-radius:10px;color:#e8ecff;color:var(--bt-text);font-size:13px;outline:none;padding:8px 10px}.bt-empty{color:#a9b3d1;color:var(--bt-text-dim);padding:22px}.pagination{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.page-indicator{color:#a9b3d1;color:var(--bt-text-dim);font-size:13px}@media (max-width:1024px){.filter-bar{grid-template-columns:repeat(3,1fr)}.bt-header{align-items:flex-start;flex-direction:column}.bt-right{grid-template-columns:1fr;width:100%}}@media (max-width:640px){#bank-transactions-container{padding:18px}.filter-bar{grid-template-columns:1fr 1fr}.csv-upload-row{gap:10px}.btn{width:100%}.download-sample-btn{justify-content:center;text-align:center;width:100%}}:root{--tx-bg:#1a224073;--tx-card:#1a224080;--tx-border:#1a2240;--tx-text:var(--text-color,#e6e8ff);--tx-muted:#9aa3c7;--tx-primary:var(--primary-color,#5b7cfa)}.tx-page{grid-gap:18px;color:#e6e8ff;color:var(--tx-text);display:grid;gap:18px;padding:min(6vw,32px)}.tx-header{grid-gap:14px;align-items:end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,#1a224073 70%,#0000);background:color-mix(in srgb,var(--tx-bg) 70%,#0000);border:1px solid #1a2240;border:1px solid var(--tx-border);border-radius:14px;display:grid;gap:14px;grid-template-columns:1fr auto;padding:12px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.tx-title h1{font-size:clamp(18px,2.2vw,26px);letter-spacing:.2px;margin:0}.tx-subtitle{font-size:14px;margin:4px 0 0}.tx-breadcrumb,.tx-subtitle{color:#9aa3c7;color:var(--tx-muted)}.tx-breadcrumb{align-items:center;display:inline-flex;font-size:13px;gap:8px}.tx-tabs{grid-gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a224073;background:var(--tx-bg);border:1px solid #1a2240;border:1px solid var(--tx-border);border-radius:14px;display:grid;gap:10px;grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;overflow-x:auto;padding:8px}.tx-tab{align-items:center;background:#0f1534;border:1px solid #202a57;border-radius:12px;color:#e6e8ff;color:var(--tx-text);cursor:pointer;display:flex;gap:10px;justify-content:center;padding:12px 14px;transition:border .2s,transform .12s,box-shadow .2s,background .2s;white-space:nowrap}.tx-tab:hover{box-shadow:0 8px 24px color-mix(in srgb,#5b7cfa 18%,#0000);box-shadow:0 8px 24px color-mix(in srgb,var(--tx-primary) 18%,#0000);transform:translateY(-1px)}.tx-tab.active,.tx-tab:hover{border-color:#5b7cfa;border-color:var(--tx-primary)}.tx-tab.active{background:color-mix(in srgb,#5b7cfa 18%,#0f1534);background:color-mix(in srgb,var(--tx-primary) 18%,#0f1534)}.tx-tab-icon{display:inline-grid;place-items:center}.tx-tab-label{font-weight:600}.tx-panel{background:#1a224080;background:var(--tx-card);border:1px solid #1a2240;border:1px solid var(--tx-border);border-radius:16px;box-shadow:0 18px 40px color-mix(in srgb,#5b7cfa 12%,#0000);box-shadow:0 18px 40px color-mix(in srgb,var(--tx-primary) 12%,#0000);margin-top:6px;padding:clamp(14px,2vw,20px)}.tx-panel table{background:#0c1130;border:1px solid #1b2350;border-radius:12px}.tx-panel table td,.tx-panel table th{border-color:#1b2350}.tx-panel button,.tx-panel input,.tx-panel select,.tx-panel textarea{font:inherit}@media (max-width:720px){.tx-tabs{grid-auto-columns:minmax(140px,1fr)}}.journal-shell{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;padding:12px}.journal-head{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px}.journal-head .title h2{font-size:20px;margin:0 0 2px}.head-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.date-stack{grid-gap:6px;color:#c7cff8;display:grid;font-size:12px;gap:6px}.date-stack input{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.date-stack input:focus{border-color:#6c5ce7;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring)}.balance-chip{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:14px;color:#dfe4ff;display:flex;font-size:12px;gap:10px;padding:8px 10px}.balance-chip.ok{border-color:#22c55e59;box-shadow:inset 0 0 0 1px #22c55e26}.balance-chip.warn{border-color:#ef444459;box-shadow:inset 0 0 0 1px #ef444426}.btn-ghost,.btn-primary{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;gap:8px;transition:.2s}.table-wrap{border-radius:14px}.journal-table{border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-collapse:initial;border-radius:14px;border-spacing:0;overflow:hidden;width:100%}.journal-table thead th{background:#0e1324eb;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.journal-table tbody td{border-bottom:1px solid #20294a8c;padding:10px 12px}.journal-table tbody tr:hover{background:#ffffff08}.journal-table input,.journal-table select{background:#0f1424;border:1px solid #223159;border-radius:10px;color:#e6e9f2;color:var(--text);outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.journal-table input:focus,.journal-table select:focus{border-color:#6c5ce7;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring)}.num-col{text-align:right;width:160px}.totals-label{padding:10px 12px}tfoot td{background:#0e1324eb;border-top:1px solid #1a2240;border-top:1px solid var(--bdr-soft);bottom:0;color:#e6e9f2;font-size:13px;position:-webkit-sticky;position:sticky}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;padding:12px}.recent{padding:12px}.recent h4{margin:0 0 8px}.recent-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.recent-item{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:12px;display:flex;gap:8px;justify-content:space-between;padding:8px 10px}.jid{font-weight:800;letter-spacing:.3px}.jdate{color:#c7cff8;font-size:12px}:root{--rec-bg:#0b1020;--rec-surface:#121735;--rec-surface-2:#161c3f;--rec-border:#ffffff14;--rec-text:#e8ecff;--rec-text-dim:#a9b3d1;--rec-accent:#7c8bff;--rec-danger:#ff7b8a;--rec-shadow:0 8px 28px #00000059;--rec-radius:14px;--rec-radius-sm:10px}.rec-container{background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),#0b1020;background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),var(--rec-bg);color:#e8ecff;color:var(--rec-text);min-height:100%;padding:28px}.rec-header{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.rec-title{font-size:22px;margin:0 0 4px}.rec-sub{color:#a9b3d1;color:var(--rec-text-dim);font-size:13px;margin:0}.rec-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--rec-border);border-radius:14px;border-radius:var(--rec-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--rec-shadow);margin-bottom:16px;padding:16px}.rec-form .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(160px,1fr))}.input-group label{color:var(--rec-text-dim)}.input-group input[type=date],.input-group input[type=number],.input-group input[type=text],.input-group select{background:#161c3f;background:var(--rec-surface-2);border:1px solid #ffffff14;border:1px solid var(--rec-border);border-radius:10px;border-radius:var(--rec-radius-sm);color:#e8ecff;color:var(--rec-text);font-size:13px;outline:none;padding:10px 12px;transition:border .2s ease,box-shadow .2s ease;width:100%}.input-group input:focus,.input-group select:focus{border-color:#7c8bff;border-color:var(--rec-accent);box-shadow:0 0 0 3px #7c8bff22}.rec-primary,.rec-secondary{border-radius:10px;cursor:pointer;font-size:13px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.rec-primary{background:linear-gradient(180deg,#3a45b6,#29339a);border:1px solid #5662ff99;color:#e8ecff;color:var(--rec-text)}.rec-primary:hover{box-shadow:0 8px 26px #5f6bff33;transform:translateY(-1px)}.rec-secondary{background:#0000;border:1px dashed #7c8bff;border:1px dashed var(--rec-accent);color:#e8ecff;color:var(--rec-text);opacity:.95}.rec-secondary:hover{opacity:1}.rec-summary .summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,minmax(120px,1fr))}.muted{color:#a9b3d1;color:var(--rec-text-dim);display:block;font-size:11px;margin-bottom:6px}.num{font-weight:600}.negative{color:var(--rec-danger)}.summary-actions{align-items:center;display:flex;gap:14px;margin-top:16px}.checkbox{align-items:center;color:#e8ecff;color:var(--rec-text);display:inline-flex;font-size:13px;gap:8px}.table-wrap{border-radius:10px}.rec-table{border-collapse:collapse;font-size:13px;width:100%}.rec-table thead th{background:#0e1430;color:#a9b3d1;color:var(--rec-text-dim);font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.rec-table tbody td,.rec-table thead th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--rec-border);padding:10px 12px}.rec-table tbody tr:hover{background:#0f153333}.rec-table tbody tr.cleared{background:#0c1130}.link{background:#0000;border:none;color:#7c8bff;color:var(--rec-accent);cursor:pointer;font-size:13px;padding:0}.link:hover{text-decoration:underline}.link.danger{color:#ff7b8a;color:var(--rec-danger)}.rec-log .log-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.empty{color:#a9b3d1;color:var(--rec-text-dim);padding:12px 0;text-align:center}.rec-error{color:#ff7b8a;color:var(--rec-danger);font-size:13px;margin-top:10px}.rec-loading{background:#0e1430;border:1px solid #ffffff14;border:1px solid var(--rec-border);border-radius:12px;bottom:18px;box-shadow:0 8px 28px #00000059;box-shadow:var(--rec-shadow);color:#e8ecff;color:var(--rec-text);padding:10px 14px;position:fixed;right:18px}@media (max-width:1100px){.rec-form .form-row,.rec-summary .summary-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:680px){.rec-form .form-row,.rec-summary .summary-grid{grid-template-columns:1fr 1fr}}@media (max-width:460px){.rec-form .form-row,.rec-summary .summary-grid{grid-template-columns:1fr}}.container{margin:20px auto;max-width:600px;text-align:center}table{border-collapse:collapse;width:100%}td,th{border:1px solid #000;padding:8px;text-align:left}.delete-btn{background-color:red;border:none;color:#fff;cursor:pointer;padding:5px}:root{--gl-bg:#0b1020;--gl-surface:#121735;--gl-surface-2:#161c3f;--gl-border:#ffffff14;--gl-text:#e8ecff;--gl-text-dim:#a9b3d1;--gl-accent:#7c8bff;--gl-shadow:0 8px 28px #00000059;--gl-radius:14px;--gl-radius-sm:10px}.gl-container{background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),#0b1020;background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),var(--gl-bg);color:#e8ecff;color:var(--gl-text);min-height:100%;padding:28px}.gl-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.gl-title{font-size:22px;margin:0 0 4px}.gl-sub{color:#a9b3d1;color:var(--gl-text-dim);font-size:13px;margin:0}.gl-primary{background:linear-gradient(180deg,#3a45b6,#29339a);border:1px solid #5662ff99;border-radius:10px;color:#e8ecff;color:var(--gl-text);cursor:pointer;font-size:13px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.gl-primary:hover{box-shadow:0 6px 20px #5f6bff33;transform:translateY(-1px)}.gl-filter-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--gl-border);border-radius:14px;border-radius:var(--gl-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--gl-shadow);margin-bottom:16px;padding:16px}.gl-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(160px,1fr))}.input-group label{color:var(--gl-text-dim)}.input-group input[type=date],.input-group select{background:#161c3f;background:var(--gl-surface-2);border:1px solid #ffffff14;border:1px solid var(--gl-border);border-radius:10px;border-radius:var(--gl-radius-sm);color:#e8ecff;color:var(--gl-text);font-size:13px;outline:none;padding:10px 12px;transition:border .2s ease,box-shadow .2s ease;width:100%}.input-group input[type=date]:focus,.input-group select:focus{border-color:#7c8bff;border-color:var(--gl-accent);box-shadow:0 0 0 3px #7c8bff22}.gl-error{color:#ff7b8a;font-size:13px;margin-top:10px}.gl-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--gl-border);border-radius:14px;border-radius:var(--gl-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--gl-shadow);overflow:hidden}.gl-table-wrap{overflow:auto;width:100%}.gl-table{border-collapse:collapse;min-width:900px;width:100%}.gl-table thead th{background:#11183b;font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0}.gl-table td,.gl-table thead th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--gl-border);color:#e8ecff;color:var(--gl-text);padding:12px 14px}.gl-table td{font-size:14px}.gl-table .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.gl-table .desc{color:#a9b3d1;color:var(--gl-text-dim)}.gl-table .empty{text-align:center}.gl-loading,.gl-table .empty{color:#a9b3d1;color:var(--gl-text-dim);padding:18px}@media (max-width:980px){.gl-row{grid-template-columns:1fr 1fr}}@media (max-width:560px){.gl-row{grid-template-columns:1fr}}:root{--tb-bg:#0b1020;--tb-surface:#121735;--tb-surface-2:#161c3f;--tb-border:#ffffff14;--tb-text:#e8ecff;--tb-text-dim:#a9b3d1;--tb-accent:#7c8bff;--tb-shadow:0 8px 28px #00000059;--tb-radius:14px;--tb-radius-sm:10px}.tb-container{background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),#0b1020;background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),var(--tb-bg);color:#e8ecff;color:var(--tb-text);min-height:100%;padding:28px}.tb-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.tb-title{font-size:22px;margin:0 0 4px}.tb-sub{color:#a9b3d1;color:var(--tb-text-dim);font-size:13px;margin:0}.tb-primary{background:linear-gradient(180deg,#3a45b6,#29339a);border:1px solid #5662ff99;border-radius:10px;color:#e8ecff;color:var(--tb-text);cursor:pointer;font-size:13px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.tb-primary:hover{box-shadow:0 6px 20px #5f6bff33;transform:translateY(-1px)}.tb-filter-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--tb-border);border-radius:14px;border-radius:var(--tb-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--tb-shadow);margin-bottom:16px;padding:16px}.tb-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(180px,1fr))}.input-group label{color:var(--tb-text-dim)}.input-group input[type=date]{background:var(--tb-surface-2);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);color:var(--tb-text)}.input-group input[type=date]:focus{border-color:var(--tb-accent)}.tb-error{color:#ff7b8a;font-size:13px;margin-top:10px}.tb-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--tb-border);border-radius:14px;border-radius:var(--tb-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--tb-shadow);overflow:hidden}.tb-table-wrap{overflow:auto;width:100%}.tb-table{border-collapse:collapse;min-width:700px;width:100%}.tb-table thead th{background:#11183b;font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0}.tb-table td,.tb-table thead th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--tb-border);color:#e8ecff;color:var(--tb-text);padding:12px 14px}.tb-table td{font-size:14px}.tb-table .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.tb-table .dim{color:#a9b3d1;color:var(--tb-text-dim)}.tb-table tfoot td{background:#0f1533;border-top:1px solid #ffffff14;border-top:1px solid var(--tb-border);font-weight:700}.tb-table .total-label{color:#e8ecff;color:var(--tb-text);text-align:right}.tb-table .empty{text-align:center}.tb-loading,.tb-table .empty{color:#a9b3d1;color:var(--tb-text-dim);padding:18px}@media (max-width:980px){.tb-row{grid-template-columns:1fr 1fr}}@media (max-width:560px){.tb-row{grid-template-columns:1fr}}:root{--cf-bg:#0b1020;--cf-surface:#121735;--cf-surface-2:#161c3f;--cf-border:#ffffff14;--cf-text:#e8ecff;--cf-text-dim:#a9b3d1;--cf-accent:#7c8bff;--cf-negative:#ff7b8a;--cf-shadow:0 8px 28px #00000059;--cf-radius:14px;--cf-radius-sm:10px}.cf-container{background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),#0b1020;background:radial-gradient(1200px 600px at -10% -10%,#1a2150 0,#0000 55%),radial-gradient(1200px 600px at 110% -10%,#0e734a22 0,#0000 50%),var(--cf-bg);color:#e8ecff;color:var(--cf-text);min-height:100%;padding:28px}.cf-header{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.cf-title{font-size:22px;margin:0 0 4px}.cf-sub{color:#a9b3d1;color:var(--cf-text-dim);font-size:13px;margin:0}.cf-filter-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--cf-border);border-radius:14px;border-radius:var(--cf-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--cf-shadow);margin-bottom:16px;padding:16px}.cf-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(180px,1fr))}.input-group label{color:#a9b3d1;color:var(--cf-text-dim);display:block;font-size:12px;margin-bottom:6px}.input-group input[type=date]{background:#161c3f;background:var(--cf-surface-2);border:1px solid #ffffff14;border:1px solid var(--cf-border);border-radius:10px;border-radius:var(--cf-radius-sm);color:#e8ecff;color:var(--cf-text);font-size:13px;outline:none;padding:10px 12px;transition:border .2s ease,box-shadow .2s ease;width:100%}.input-group input[type=date]:focus{border-color:#7c8bff;border-color:var(--cf-accent);box-shadow:0 0 0 3px #7c8bff22}.cf-primary{background:linear-gradient(180deg,#3a45b6,#29339a);border:1px solid #5662ff99;border-radius:10px;color:#e8ecff;color:var(--cf-text);cursor:pointer;font-size:13px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.cf-primary:hover{box-shadow:0 6px 20px #5f6bff33;transform:translateY(-1px)}.cf-error{color:#ff7b8a;color:var(--cf-negative);font-size:13px;margin-top:10px}.cf-card{background:linear-gradient(180deg,#151a3a,#121735);border:1px solid #ffffff14;border:1px solid var(--cf-border);border-radius:14px;border-radius:var(--cf-radius);box-shadow:0 8px 28px #00000059;box-shadow:var(--cf-shadow);overflow:hidden;padding:10px 0}.cf-loading{color:#a9b3d1;color:var(--cf-text-dim);padding:18px}.cf-section{border-top:1px solid #ffffff14;border-top:1px solid var(--cf-border);padding:2px 0}.cf-section:first-of-type{border-top:none}.cf-accordion{background:#0000;border:none;color:#e8ecff;color:var(--cf-text);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;letter-spacing:.2px;padding:14px 18px;width:100%}.cf-accordion:hover{background:#0f153333}.cf-body{padding:8px 18px 16px}.cf-subheader{color:#a9b3d1;color:var(--cf-text-dim);font-size:12px;letter-spacing:.6px;margin:12px 0 6px;text-transform:uppercase}.cf-line{border-bottom:1px dashed #ffffff14;border-bottom:1px dashed var(--cf-border);display:flex;font-size:14px;justify-content:space-between;padding:10px 8px}.cf-line:last-child{border-bottom:none}.cf-line.total{background:#0f153333;border:1px solid #ffffff14;border:1px solid var(--cf-border);border-radius:10px;margin-top:10px;padding:12px 10px}.cf-line.total.grand{margin:12px 18px 18px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.negative{color:#ff7b8a;color:var(--cf-negative)}@media (max-width:960px){.cf-row{grid-template-columns:1fr 1fr}}@media (max-width:560px){.cf-row{grid-template-columns:1fr}}.mgmt-container{color:#0f172a;padding:20px}.mgmt-header{align-items:end;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px 0 8px}.mgmt-header h2{font-size:1.4rem;font-weight:700;margin:0 0 4px}.subtitle{color:#475569;font-size:.95rem;margin:0}.filters{align-items:center;display:flex;gap:12px}.filters label{color:#475569;display:flex;flex-direction:column;font-size:.8rem;gap:6px}.filters input[type=date]{border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:8px 10px}.btn{background:#111827;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:10px 14px;transition:opacity .15s ease,transform .1s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:active{transform:translateY(1px)}.alert.error{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;margin-top:12px;padding:10px 12px}.loading{color:#475569;font-size:.95rem;margin-top:12px;padding:8px 10px}.preview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1.2fr;margin-top:16px}@media (max-width:980px){.preview{grid-template-columns:1fr}}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 2px #0206170a;padding:14px}.ratio-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.ratio{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.ratio span{color:#64748b;display:block;font-size:.85rem;margin-bottom:4px}.ratio strong{font-size:1.2rem}.chart-wrap{padding:8px 6px}.hidden-capture{background:#fff;left:-9999px;position:absolute;top:-9999px;width:1100px}:root{--text:var(--text-color,#e6e9f2);--muted:#a6b3ff;--brand:#6c5ce7;--brand-2:#00d2ff;--ring:#6c5ce759;--panel-1:#12182a;--panel-2:#0e1324;--bdr:#20294a;--bdr-soft:#1a2240}.team-shell{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;padding:12px}.panel{background:linear-gradient(180deg,#12182a,#0e1324);background:linear-gradient(180deg,var(--panel-1),var(--panel-2));border:1px solid #20294a;border:1px solid var(--bdr);border-radius:18px;box-shadow:0 16px 40px #0000004d}.team-head{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px}.team-head .title h2{align-items:center;display:flex;font-size:20px;gap:8px;margin:0 0 2px}.muted{color:#a6b3ff;color:var(--muted);font-size:12px}.stats{display:flex;flex-wrap:wrap;gap:8px}.chip{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:999px;color:#dfe4ff;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.chip.ok{border-color:#22c55e59}.invite-card{padding:12px}.invite-head h3{align-items:center;display:flex;gap:8px;margin:0 0 4px}.invite-form{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1.5fr .7fr auto;margin-top:10px}@media (max-width:900px){.invite-form{grid-template-columns:1fr}}.stack{grid-gap:6px;display:grid;gap:6px}.input-icon{align-items:center;display:flex;position:relative}.input-icon svg{left:10px;opacity:.75;position:absolute}.input-icon input{padding-left:32px}.invite-form input,.invite-form select{background:#0f1424;border:1px solid #223159;border-radius:12px;color:#e6e9f2;color:var(--text);outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.invite-form input:focus,.invite-form select:focus{border-color:#6c5ce7;border-color:var(--brand);box-shadow:0 0 0 3px #6c5ce759;box-shadow:0 0 0 3px var(--ring)}.invite-actions{align-items:center;display:flex;gap:8px}.btn-ghost,.btn-primary,.icon-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;gap:8px;transition:.2s}.btn-primary{background:linear-gradient(90deg,#6c5ce7,#00d2ff);background:linear-gradient(90deg,var(--brand),var(--brand-2));box-shadow:0 10px 26px #6c5ce740;color:#fff;font-weight:700;padding:10px 12px}.btn-primary:hover{box-shadow:0 12px 30px #6c5ce759;transform:translateY(-1px)}.btn-ghost{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);color:#d6dcff;padding:8px 10px}.btn-ghost:hover{background:#ffffff0f;transform:translateY(-1px)}.icon-btn{background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:10px;color:#e6e9f2;color:var(--text);padding:8px 10px}.icon-btn:hover{background:#ffffff12;transform:translateY(-1px)}.icon-btn.danger{border-color:#ef444440;color:#ffd5d5}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.members-card{padding:12px}.members-head h3{align-items:center;display:flex;gap:8px;margin:0 0 4px}.table-wrap{overflow:auto}.members-table{border:1px solid #1a2240;border:1px solid var(--bdr-soft);border-collapse:initial;border-radius:12px;border-spacing:0;min-width:680px;overflow:hidden;width:100%}.members-table thead th{background:#0e1324e6;border-bottom:1px solid #1a2240;border-bottom:1px solid var(--bdr-soft);color:#a6b3ff;font-size:12px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.members-table tbody td{border-bottom:1px solid #20294a8c;padding:10px 12px}.center{text-align:center}.user-cell{align-items:center;display:flex;gap:10px}.avatar{background:linear-gradient(135deg,#6c5ce740,#00d2ff33);border:1px solid #20294a;border:1px solid var(--bdr);border-radius:50%;display:grid;font-weight:800;height:32px;place-items:center;width:32px}.uinfo .uname{font-weight:600}.uinfo .uid{color:#9fb0ff;font-size:11px}.role-badge{align-items:center;background:#ffffff08;border:1px solid #20294a;border:1px solid var(--bdr);border-radius:999px;color:#e6e9f2;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.role-badge.admin{border-color:#f9731659;box-shadow:inset 0 0 0 1px #f9731624}.role-badge.member{border-color:#3b82f659;box-shadow:inset 0 0 0 1px #3b82f624}.empty-state{color:#c7cff8;padding:12px}.help-row{display:flex;justify-content:flex-end;padding:4px 0 12px}.accept-invites{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:inherit;margin:3rem auto;max-width:600px;padding:2rem;text-align:center;width:90%}.accept-invites h2{color:#333;font-size:1.6rem;margin-bottom:1rem}.invite-card{background:#fafafa;border:1px solid #eee;border-radius:6px;margin-bottom:1.5rem;padding:1.5rem}.invite-card p{color:#555;font-size:.95rem;margin:.5rem 0}.invite-card .inviter{color:#333;font-weight:600}.accept-btn,.decline-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;margin:.5rem;padding:.6rem 1.2rem;transition:background .2s}.accept-btn{background:#4caf50;color:#fff}.accept-btn:hover{background:#43a047}.decline-btn{background:#f44336;color:#fff}.decline-btn:hover{background:#e53935}.no-invites{color:#777;font-size:1rem;margin-top:2rem}
/*# sourceMappingURL=main.00d643be.css.map*/