:root{color:#17221d;font-synthesis:none;background:#f3f6f4;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,select,input{color:#17221d;background:#fff;border:1px solid #d6dfda;border-radius:10px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.eyebrow{color:#247450;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.muted{color:#708078}.primary{color:#fff;background:#176b47;border:0;padding:12px 18px;font-weight:700;box-shadow:0 7px 18px #176b472e}.secondary{background:#fff;padding:10px 14px;font-weight:700}.text-button{color:#63716a;background:0 0;border:0;padding:8px 4px}.alert{color:#922f21;background:#fff0ed;border:1px solid #efc7bf;border-radius:10px;padding:11px 13px}.brand-mark{color:#fff;background:#176b47;border-radius:14px;place-items:center;width:50px;height:50px;font-weight:800;display:grid;box-shadow:0 10px 25px #043a2333}.login-shell{background:#f7faf8;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.brand-story{color:#edf8f2;background:radial-gradient(circle at 15% 12%,#51a07859,#0000 30%),linear-gradient(145deg,#092f22,#125b3e);flex-direction:column;justify-content:center;padding:clamp(50px,8vw,130px);display:flex}.brand-story .brand-mark{color:#123c2d;background:#d5f1e1;margin-bottom:46px}.brand-story .eyebrow{color:#8dd1ad}.brand-story h1{max-width:720px;margin:8px 0 26px;font-size:clamp(44px,5.8vw,80px);line-height:1.03}.lead{color:#bdd8ca;max-width:620px;font-size:19px;line-height:1.7}.trust-line{color:#d5e8de;margin-top:50px;font-weight:600}.trust-line span{color:#72d39e;margin-right:10px}.login-panel{place-items:center;padding:40px;display:grid}.login-card{background:#fff;border:1px solid #e0e7e3;border-radius:20px;width:min(410px,100%);padding:44px;box-shadow:0 25px 70px #1031221a}.login-card h2{margin:0 0 6px;font-size:36px}.login-card label{gap:8px;margin-top:22px;font-size:14px;font-weight:700;display:grid}.login-card input{outline:none;width:100%;padding:13px 14px}.login-card input:focus,.topbar select:focus,.filter-row select:focus{border-color:#26805a;box-shadow:0 0 0 3px #26805a1f}.login-card .primary{width:100%;margin-top:26px}.form-note{color:#89958f;text-align:center;margin:20px 0 0;font-size:12px;line-height:1.5}.splash{color:#68766f;place-content:center;justify-items:center;gap:16px;min-height:100vh;display:grid}.app-shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{color:#dae8e0;background:#102d23;flex-direction:column;width:238px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.logo{align-items:center;gap:12px;padding:0 8px 30px;font-size:20px;font-weight:800;display:flex}.logo>span{color:#16392c;background:#a7ddbe;border-radius:11px;place-items:center;width:38px;height:38px;font-size:14px;display:grid}.logo small,.user-chip small{color:#789187;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:600;display:block}.sidebar nav{gap:6px;display:grid}.sidebar nav a{color:#9fb6ab;border-radius:10px;padding:12px 14px;font-weight:600}.sidebar nav a.active,.sidebar nav a.selected-module{color:#fff;background:#1d4938}.sidebar nav a:not(.active):not(.selected-module){opacity:.58}.module-note{color:#a9c1b6;border:1px solid #28503f;border-radius:12px;margin-top:auto;padding:14px;font-size:12px}.pulse{background:#55c889;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #55c8891f}.workspace{background:#f3f6f4;min-width:0;margin-left:238px}.topbar{background:#ffffffeb;border-bottom:1px solid #e0e7e3;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:14px 34px;display:flex}.topbar h2{margin:0;font-size:20px}.topbar .eyebrow{margin:0;font-size:9px}.top-actions,.user-chip{align-items:center;gap:13px;display:flex}.topbar select{min-width:180px;padding:9px 34px 9px 11px}.user-chip>span{color:#176b47;background:#dff0e7;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.user-chip div{font-size:13px;font-weight:700}.user-chip small{text-overflow:ellipsis;text-transform:none;letter-spacing:0;max-width:170px;overflow:hidden}.content{max-width:1500px;margin:auto;padding:36px}.hero-row{justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;display:flex}.hero-row h1{margin:0 0 6px;font-size:34px}.hero-row p:last-child{color:#74827b;margin:0}.filter-row{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.filter-row label{color:#64736c;gap:6px;font-size:12px;font-weight:700;display:grid}.filter-row select{min-width:270px;padding:10px 36px 10px 12px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stats article{background:#fff;border:1px solid #e0e6e2;border-radius:14px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 8px 24px #1b382b0a}.stats strong{font-size:27px}.stats p{color:#7c8983;margin:2px 0 0;font-size:12px}.stat-icon{border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.green{color:#167046;background:#dff3e8}.amber{color:#99620b;background:#fff0cf}.slate{color:#52665c;background:#e9efec}.blue{color:#246694;background:#e0eff8}.table-card{background:#fff;border:1px solid #dfe6e2;border-radius:15px;min-height:250px;position:relative;overflow:hidden;box-shadow:0 10px 30px #1a34290d}.table-title{border-bottom:1px solid #e8eeeb;justify-content:space-between;padding:20px 22px;display:flex}.table-title h3{margin:0 0 3px}.table-title p{color:#89958f;margin:0;font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1ef;padding:15px 20px}th{color:#78857f;letter-spacing:.08em;text-transform:uppercase;background:#fafcfb;font-size:10px}td{font-size:13px}td strong,td small{display:block}td small{color:#96a09b;margin-top:3px}.amount{font-variant-numeric:tabular-nums;font-weight:700}.badge{color:#53635b;background:#edf1ef;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge.confirmed,.badge.approved{color:#176b47;background:#dff2e7}.badge.draft,.badge.queued{color:#7b6540;background:#f8efd9}.badge.processing,.badge.submitted,.badge.retry_pending{color:#236487;background:#e2f0f7}.badge.rejected,.badge.failed{color:#98392c;background:#fae5e1}.loading{color:#587067;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;place-items:center;display:grid;position:absolute;inset:0}.empty{color:#7a8881;text-align:center;padding:80px 25px}.empty.compact{padding:40px}@media (width<=1050px){.stats{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.brand-story{min-height:330px;padding:50px}.brand-story .brand-mark{margin-bottom:24px}.brand-story h1{font-size:45px}.lead{margin-bottom:0}.trust-line{margin-top:20px}.login-panel{padding:50px 24px}}@media (width<=760px){.app-shell{display:block}.sidebar{width:auto;height:auto;padding:14px 18px;position:static}.sidebar .logo{padding:0}.sidebar nav,.module-note{display:none}.workspace{margin-left:0}.topbar{align-items:flex-start;padding:15px 18px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.user-chip div{display:none}.content{padding:24px 16px}.hero-row{align-items:flex-start}.hero-row h1{font-size:28px}.filter-row{flex-direction:column;align-items:stretch}.filter-row select{width:100%}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats article{padding:14px}.login-card{padding:30px 24px}}@media (width<=460px){.brand-story{padding:35px 25px}.brand-story h1{font-size:36px}.brand-story .lead,.trust-line{font-size:14px}.topbar select{min-width:0;max-width:150px}.stats{grid-template-columns:1fr}.hero-row .primary{display:none}}:root,[data-theme=forest]{--theme-primary:#176b47;--theme-primary-hover:#105d3c;--theme-sidebar:#102d23;--theme-sidebar-active:#1d4938;--theme-soft:#dff0e7;--theme-gradient-start:#092f22;--theme-gradient-end:#125b3e}[data-theme=blue]{--theme-primary:#2563eb;--theme-primary-hover:#1d4ed8;--theme-sidebar:#172554;--theme-sidebar-active:#263b7a;--theme-soft:#dbeafe;--theme-gradient-start:#172554;--theme-gradient-end:#1d4ed8}[data-theme=petroleum]{--theme-primary:#0f7c87;--theme-primary-hover:#0b6871;--theme-sidebar:#103a43;--theme-sidebar-active:#175864;--theme-soft:#d9f1f2;--theme-gradient-start:#0d3038;--theme-gradient-end:#126b76}.primary,.brand-mark{background:var(--theme-primary)}.primary:hover{background:var(--theme-primary-hover)}.sidebar{background:var(--theme-sidebar)}.sidebar nav a.active{background:var(--theme-sidebar-active)}.user-chip>span{color:var(--theme-primary);background:var(--theme-soft)}.brand-story{background:radial-gradient(circle at 15% 12%, #ffffff24, transparent 30%), linear-gradient(145deg, var(--theme-gradient-start), var(--theme-gradient-end))}.theme-control{color:#74827b;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.theme-control select{min-width:105px}.topbar select:focus,.filter-row select:focus,.login-card input:focus{border-color:var(--theme-primary)}@media (width<=760px){.theme-control span{display:none}.theme-control select{min-width:95px}}.billing-shell{min-height:100vh;display:block}.billing-sidebar{z-index:20;width:226px;padding:17px 13px;transition:transform .18s}.billing-sidebar .logo{padding:0 7px 18px}.sidebar-module{border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;gap:2px;margin:0 5px 12px;padding:13px 12px;display:grid}.sidebar-module small{color:#84a69a;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.sidebar-module strong{color:#fff;font-size:14px}.billing-nav{gap:4px;display:grid}.billing-nav button,.sidebar-footer{color:#a8beb5;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:9px 10px;font-size:13px;font-weight:650;display:flex}.billing-nav button:hover,.billing-nav button.active,.sidebar-footer:hover{color:#fff;background:var(--theme-sidebar-active)}.billing-nav button span,.sidebar-footer span{color:#cce3d9;background:#ffffff12;border-radius:7px;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:10px;font-weight:850;display:grid}.billing-nav button.active span{color:var(--theme-sidebar);background:#cde8da}.sidebar-footer{margin-top:auto}.billing-workspace{min-width:0;min-height:100vh;margin-left:226px;transition:margin-left .18s}.sidebar-is-hidden .billing-sidebar{transform:translate(-100%)}.sidebar-is-hidden .billing-workspace{margin-left:0}.compact-topbar{gap:8px;min-height:52px;padding:6px 18px;position:relative}.menu-toggle{color:#52665d;background:0 0;border:0;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;font-size:22px;display:grid}.menu-toggle:hover{background:#edf2ef}.compact-context{color:#26372f;text-align:left;background:0 0;border:0;align-items:center;gap:6px;min-width:0;padding:7px 10px;display:flex}.compact-context:hover{background:#edf2ef}.compact-context strong{text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:13px;overflow:hidden}.compact-context span{color:#718078;white-space:nowrap;font-size:12px}.compact-context b{color:#819087;font-size:12px}.topbar-spacer{flex:1}.email-menu{color:#405149;overflow-wrap:anywhere;background:0 0;border:0;align-items:center;gap:7px;max-width:250px;padding:7px 9px;font-size:12px;font-weight:700;display:flex}.email-menu:hover{background:#edf2ef}.email-menu span{color:#819087}.user-menu-wrap{position:relative}.context-popover,.user-popover{z-index:40;background:#fff;border:1px solid #dce4df;border-radius:11px;padding:15px;position:absolute;top:calc(100% + 7px);box-shadow:0 16px 45px #102d2324}.context-popover{grid-template-columns:1fr 1fr;gap:12px;width:min(430px,100vw - 75px);display:grid;left:55px}.context-popover label,.user-popover label{color:#68776f;gap:6px;font-size:11px;font-weight:750;display:grid}.context-popover label:only-child{grid-column:1/-1}.context-popover select,.user-popover select{width:100%;min-width:0;padding:9px 30px 9px 10px}.user-popover{gap:4px;width:250px;display:grid;right:0}.user-popover>div{border-bottom:1px solid #e5ebe7;gap:3px;margin-bottom:5px;padding:4px 7px 12px;display:grid}.user-popover>div small{color:var(--theme-primary);font-weight:750}.user-popover label{padding:7px}.user-popover button{color:#405149;text-align:left;background:0 0;border:0;padding:9px 8px}.user-popover button:hover{background:#edf2ef}.billing-content{width:100%;max-width:1550px;padding:27px 32px}.billing-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:23px;display:flex}.billing-heading h1{margin:0 0 5px;font-size:30px}.billing-heading p:last-child{color:#74827b;margin:0}.compact-stats article{padding:16px 18px}.compact-stats .stat-icon{width:36px;height:36px}.compact-stats strong{font-size:23px}.table-title{align-items:center}@media (width<=900px){.billing-content{padding:23px 20px}.compact-context strong{max-width:190px}}@media (width<=760px){.billing-sidebar{width:226px;height:100vh;position:fixed;inset:0 auto 0 0}.billing-workspace{margin-left:0}.sidebar-is-open .billing-sidebar{transform:translate(0);box-shadow:16px 0 45px #0a1f1870}.sidebar-is-hidden .billing-sidebar{transform:translate(-100%)}.compact-topbar{align-items:center;padding:6px 10px}.compact-context{gap:0;padding:4px 6px;display:grid}.compact-context strong{max-width:190px}.compact-context span{text-overflow:ellipsis;max-width:190px;overflow:hidden}.compact-context b{display:none}.email-menu{max-width:150px}.context-popover{grid-template-columns:1fr;left:10px}.billing-content{padding:20px 15px}.billing-heading{align-items:flex-start}}@media (width<=520px){.compact-context strong,.compact-context span{max-width:145px}.email-menu{color:#0000;width:36px;height:36px;padding:0;overflow:hidden}.email-menu:before{content:"G";width:34px;height:34px;color:var(--theme-primary);background:var(--theme-soft);border-radius:9px;place-items:center;display:grid}.email-menu span{display:none}.billing-heading{display:grid}.billing-heading .primary{justify-self:start}}