:root{color:#29251f;font-synthesis:none;background:#f6f4ef;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{color:#e7e0d2;z-index:20;background:#171510;flex-direction:column;width:246px;min-width:246px;height:100vh;padding:28px 17px 22px;display:flex;position:sticky;top:0}.side-logo{align-items:center;height:72px;display:flex;overflow:hidden}.side-logo img{width:204px;height:auto;display:block}.side-caption{color:#aa8d62;letter-spacing:.24em;margin:5px 14px 28px;font-size:10px;font-weight:800}.sidebar nav{gap:5px;display:grid}.nav-item{text-align:left;color:#aaa79d;background:0 0;border:0;border-radius:11px;align-items:center;gap:15px;width:100%;padding:13px 14px;font-size:14px;font-weight:600;display:flex}.nav-item:hover{color:#fff;background:#27241d}.nav-item.selected{color:#e9c994;background:#3a3022}.nav-item i{color:#fff;background:#8d5735;border-radius:30px;margin-left:auto;padding:2px 7px;font-size:11px;font-style:normal}.side-bottom{color:#d6c8ad;border-top:1px solid #383229;margin-top:auto;padding:21px 8px 2px;font-size:12px}.side-bottom small{color:#77736d;letter-spacing:.04em;margin:10px 0 0 16px;font-size:10px;display:block}.live-dot{background:#92ad78;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #92ad7822}.main-area{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #ebe8e1;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(24px,4vw,68px);display:flex}.topbar-title{align-items:center;gap:10px;display:flex}.topbar-title img{object-fit:cover;border-radius:9px;width:34px;height:34px}.topbar-title strong{font-size:13px;display:block}.topbar-title small{color:#99938a;margin-top:2px;font-size:11px;display:block}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-person{color:#5d554c;font-size:13px}.content{max-width:1500px;margin:0 auto;padding:36px clamp(24px,4vw,68px) 70px}.eyebrow{letter-spacing:.2em;color:#a97837;font-size:10px;font-weight:800;display:block}.gold-dot{color:#bc8b45}.overview-top,.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.overview-top h1,.page-heading h1{letter-spacing:-.055em;margin:9px 0 6px;font-size:clamp(28px,3vw,43px);font-weight:800;line-height:1.1}.overview-top p,.page-heading p{color:#8b867e;margin:0;font-size:14px}.heading-actions{gap:9px;display:flex}.month-switch{white-space:nowrap;background:#fff;border:1px solid #e9e4dc;border-radius:10px;align-items:center;height:39px;display:flex}.month-switch button{color:#726b61;background:0 0;border:0;place-items:center;width:34px;height:100%;display:grid}.month-switch button:hover{color:#a97837}.month-switch span{justify-content:center;align-items:center;gap:7px;min-width:124px;font-size:12px;font-weight:700;display:flex}.btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:11px 16px;font-size:13px;font-weight:750;display:inline-flex}.btn-gold{color:#17130d;background:#c59652;border-color:#c59652}.btn-gold:hover{background:#d5ad70}.btn-light{color:#594d3f;background:#fff;border-color:#e6e0d6}.btn-light:hover{border-color:#b9945e}.btn-ghost{color:#ece6dc;background:0 0;border-color:#a79a87}.btn-outline-light{color:#fff;background:0 0;border-color:#b7a178}.btn-outline-light:hover{background:#fff2}.hero-card{color:#fff;background:#1c1a16;border-radius:18px;grid-template-columns:60% 40%;min-height:270px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 36px #21170914}.hero-copy{z-index:1;background:linear-gradient(100deg,#1b1813 60%,#1b1813e0);padding:36px clamp(26px,3vw,48px)}.hero-overline{color:#caa76c;letter-spacing:.2em;font-size:10px;font-weight:800}.hero-copy h2{letter-spacing:-.055em;margin:18px 0 11px;font-size:clamp(31px,3.2vw,48px);font-weight:850;line-height:1.02}.hero-copy h2 em{color:#d5b37f;letter-spacing:-.045em;font-family:Georgia,serif;font-weight:400}.hero-copy p{color:#bdb5a6;margin:0 0 23px;font-size:13px;line-height:1.5}.hero-buttons{flex-wrap:wrap;gap:9px;display:flex}.hero-image{background:linear-gradient(90deg,#1c1a16 0%,#1c1a1600 25%),url(/images/after-office-sign.jpeg) 50% 52%/cover no-repeat;min-height:260px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:19px 0;display:grid}.stat-card{text-align:left;color:#81796e;background:#fff;border:1px solid #ece8df;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:174px;padding:21px;display:flex;box-shadow:0 2px 13px #30271706}.stat-card:hover{border-color:#d3b584;transform:translateY(-1px)}.stat-card>span:not(.stat-icon){margin-top:13px;font-size:12px}.stat-card strong{color:#2b261f;letter-spacing:-.04em;margin:7px 0 8px;font-size:clamp(21px,2vw,27px)}.stat-card small{color:#a3885f;align-items:center;gap:6px;font-size:11px;display:flex}.stat-icon{color:#b3874b;background:#f7f0e3;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.stat-alert .stat-icon{color:#b87048;background:#fcefe9}.overview-grid{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.panel{background:#fff;border:1px solid #ece8df;border-radius:15px;padding:24px;box-shadow:0 2px 13px #30271706}.panel-heading{color:#a68c64;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-heading h2{letter-spacing:-.035em;color:#2c261f;margin:6px 0 0;font-size:19px}.text-link,.text-button{color:#a5753e;background:0 0;border:0;align-items:center;gap:6px;padding:4px;font-size:12px;font-weight:700;display:inline-flex}.text-link:hover,.text-button:hover{text-decoration:underline}.compact-row{border-bottom:1px solid #f0ece5;align-items:center;gap:11px;padding:13px 0;display:flex}.compact-row:last-child{border-bottom:0}.item-symbol,.record-icon{color:#a77a46;background:#f4eee3;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.compact-main{flex:1;min-width:0}.compact-main strong,.product-name strong,.record-main strong{color:#302920;font-size:13px;display:block}.compact-main small,.product-name small,.record-main small{color:#938b80;margin-top:4px;font-size:11px;display:block}.low-pill{color:#a96642;background:#fff1e9;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:700}.empty-panel{text-align:center;color:#b18a54;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:160px;padding:25px;display:flex}.empty-panel strong{color:#3b332a;font-size:15px}.empty-panel span{color:#aaa195;max-width:340px;font-size:12px;line-height:1.5}.empty-panel .btn{margin-top:6px}.spend-total{padding:13px 0 19px}.spend-total small{color:#968c7d;margin-bottom:4px;font-size:11px;display:block}.spend-total strong{color:#242018;letter-spacing:-.05em;font-size:31px}.spend-bars{gap:15px;display:grid}.spend-bars span{color:#71685e;justify-content:space-between;margin-bottom:7px;font-size:12px;display:flex}.spend-bars b{color:#342c24}.spend-bars i{background:#f0ede6;border-radius:8px;height:6px;display:block;overflow:hidden}.spend-bars em{background:#b7864c;border-radius:8px;height:100%;display:block}.spend-bars>div:nth-child(2) em{background:#726557}.stock-valuation{color:#8c8275;border-top:1px solid #eee9df;margin-top:20px;padding-top:15px;font-size:12px}.stock-valuation b{float:right;color:#342b22}.stock-valuation small{margin-top:4px;font-size:10px;display:block}.toolbar,.section-bar{align-items:center;gap:11px;margin:0 0 17px;display:flex}.toolbar select{color:#5d554b;background:#fff;border:1px solid #e6e0d6;border-radius:9px;height:42px;padding:0 10px;font-size:12px}.search-field{color:#9d9283;background:#fff;border:1px solid #e6e0d6;border-radius:9px;flex:1;align-items:center;gap:9px;min-width:260px;max-width:390px;height:42px;padding:0 12px;display:flex}.search-field input{border:0;outline:0;width:100%;min-width:0;font-size:12px}.check-filter{color:#71675c;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.check-filter input{accent-color:#a9793c}.section-bar{color:#71685d;justify-content:space-between;font-size:13px}.section-bar strong{color:#3b3024;font-size:14px}.table-panel{padding:0;overflow:hidden}.table-header,.product-row{grid-template-columns:minmax(160px,2fr) minmax(100px,1fr) minmax(100px,1fr) minmax(110px,1fr) minmax(155px,1fr);align-items:center;gap:10px;padding:16px 22px;display:grid}.table-header{color:#a1988c;letter-spacing:.1em;background:#faf8f4;font-size:10px;font-weight:800}.product-row{border-top:1px solid #f0ede7;min-height:75px;font-size:12px}.product-name{align-items:center;gap:11px;min-width:0;display:flex}.product-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stock-number{color:#514636;font-weight:700}.low-text{color:#bb6f43;font-weight:800}.secondary-value{color:#8e877f}.row-actions{align-items:center;gap:2px;display:flex}.row-actions button,.icon-button{color:#8f826f;background:0 0;border:0;border-radius:7px;place-items:center;padding:7px;display:grid}.row-actions button:hover,.icon-button:hover{color:#9a6933;background:#f7f0e6}.row-actions button:last-child:hover{color:#b54f42}.row-actions .remove-product{color:#a36d55;align-items:center;gap:2px;font-size:11px;display:flex}.records-panel{padding:0 23px}.record-row{border-bottom:1px solid #f0ede7;align-items:center;gap:14px;padding:19px 0;display:flex}.record-row:last-child{border:0}.record-main{flex:1;min-width:0}.record-main small{line-height:1.4}.record-icon.out{color:#a56857;background:#f7eeeb}.record-amount{color:#322a21;white-space:nowrap;font-size:15px}.movement-amount{color:#738867;white-space:nowrap;font-size:14px}.movement-amount.negative{color:#aa6a54}.line-chips{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.line-chips span{color:#806d53;background:#f6f2ea;border-radius:5px;padding:4px 7px;font-size:10px}.help-note{color:#92897d;margin-top:16px;font-size:11px}.team-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.member-row{border-bottom:1px solid #f0ede7;align-items:center;gap:11px;padding:12px 0;display:flex}.member-row:last-child{border:0}.member-avatar{color:#705530;background:#e8d6b9;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.member-row strong{font-size:13px;display:block}.member-row small{color:#9b9184;font-size:11px}.member-row em{color:#9b7e54;margin-left:auto;font-size:10px;font-style:normal}.invite-panel h2{letter-spacing:-.04em;margin:10px 0;font-size:25px}.invite-panel p{color:#898074;max-width:400px;font-size:13px;line-height:1.6}.invite-result{gap:6px;margin-top:17px;display:flex}.invite-result input{color:#5d5448;border:1px solid #e5dfd4;border-radius:8px;flex:1;min-width:0;padding:10px;font-size:12px}.toast{color:#fff;z-index:80;background:#252019;border-radius:9px;padding:12px 18px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 24px #0003}.error-banner{color:#8d4930;background:#fff0e8;border:1px solid #e8b39a;border-radius:9px;margin-bottom:20px;padding:13px;font-size:13px}.error-banner button{color:inherit;background:0 0;border:0;font-weight:800;text-decoration:underline}.loading-content{color:#8e8579;text-align:center;padding:60px}.mobile-menu,.menu-scrim,.mobile-nav{display:none}.modal-backdrop{z-index:90;background:#16120fb3;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border-radius:16px;width:min(640px,100%);max-height:min(90vh,900px);overflow:auto;box-shadow:0 22px 70px #0004}.modal-heading{border-bottom:1px solid #eee9e0;justify-content:space-between;align-items:start;padding:24px 27px 20px;display:flex}.modal-heading h2{letter-spacing:-.04em;margin:7px 0 0;font-size:25px}.modal-form{grid-template-columns:1fr 1fr;gap:17px;padding:23px 27px 27px;display:grid}.modal-form label,.onboard label{color:#5c5145;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.modal-form label.full,.modal-form .full{grid-column:1/-1}.modal-form input,.modal-form select,.onboard input{color:#30291f;background:#fff;border:1px solid #e4ded4;border-radius:9px;outline:none;width:100%;height:43px;padding:0 12px;font-size:13px}.modal-form input:focus,.modal-form select:focus,.onboard input:focus{border-color:#c79b5e;box-shadow:0 0 0 3px #c79b5e26}.form-hint{color:#9e9384;margin:-3px 0 0;font-size:11px;line-height:1.5}.form-error{color:#b04e3e;margin:0;font-size:12px}.modal-footer{border-top:1px solid #eee9e0;justify-content:flex-end;gap:9px;padding-top:18px;display:flex}.purchase-lines{border:1px solid #eee8df;border-radius:10px;gap:10px;padding:15px;display:grid}.purchase-lines>strong{font-size:13px}.purchase-line{grid-template-columns:1.6fr .75fr .85fr auto;align-items:end;gap:8px;display:grid}.purchase-line label{font-size:10px}.purchase-line .remove-line{margin-bottom:5px}.purchase-total{background:#f8f2e8;border-radius:8px;justify-content:space-between;align-items:center;padding:14px;font-size:13px;display:flex}.purchase-total strong{font-size:17px}.entry-page{color:#f9f4e9;background:#16130e;min-height:100vh}.entry-header{border-bottom:1px solid #ffffff1b;justify-content:space-between;align-items:center;padding:22px clamp(22px,5vw,80px);display:flex}.brand{color:#f4ead8;letter-spacing:.09em;align-items:center;gap:12px;font-family:Georgia,serif;font-size:22px;font-weight:700;display:flex}.brand img{object-fit:cover;border-radius:50%;width:46px;height:46px}.brand small{letter-spacing:.32em;color:#bd9b66;margin-top:3px;font-family:Arial,sans-serif;font-size:7px;display:block}.entry-by{letter-spacing:.2em;color:#ad9373;font-size:9px}.entry-layout{grid-template-columns:52% 48%;min-height:calc(100vh - 92px);display:grid}.entry-copy{align-self:center;padding:50px clamp(25px,7vw,120px)}.entry-copy h1{letter-spacing:-.08em;margin:22px 0;font-size:clamp(58px,6vw,106px);line-height:.96}.entry-copy h1 em{color:#d3ad73;letter-spacing:-.065em;font-family:Georgia,serif;font-weight:400}.entry-copy p{color:#b9ad9a;max-width:450px;font-size:16px;line-height:1.65}.entry-actions{gap:11px;margin-top:32px;display:flex}.entry-trust{color:#817765;align-items:center;gap:7px;margin-top:26px;font-size:12px;display:flex}.entry-photo{background:linear-gradient(#0000 55%,#120e09ad),url(/images/after-office-sign.jpeg) 50%/cover no-repeat;position:relative}.entry-photo-label{position:absolute;bottom:44px;left:40px}.entry-photo-label span{color:#e0bd84;letter-spacing:.25em;margin-bottom:8px;font-size:11px;display:block}.entry-photo-label strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.onboard{background:#242018;border:1px solid #4b3d29;border-radius:16px;width:min(480px,100% - 36px);margin:9vh auto 0;padding:36px}.onboard h1{letter-spacing:-.05em;margin:12px 0;font-size:34px}.onboard p{color:#b9ae9b;font-size:13px;line-height:1.6}.onboard form{gap:16px;margin-top:25px;display:grid}.onboard label{color:#e8deca}.onboard .btn{width:100%}.loading-screen{color:#d6b47a;background:#171510;place-items:center;min-height:100vh;display:grid}@media (width<=1150px){.sidebar{width:210px;min-width:210px}.side-logo img{width:180px}.content{padding:30px 26px 65px}.topbar{padding:0 26px}.table-header,.product-row{grid-template-columns:minmax(150px,2fr) 1fr 1fr minmax(135px,1fr)}.table-header span:nth-child(4),.product-row>.secondary-value:nth-child(4){display:none}}@media (width<=850px){.sidebar{width:245px;height:100dvh;transition:transform .2s;position:fixed;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.menu-scrim{z-index:19;background:#0007;border:0;display:block;position:fixed;inset:0}.mobile-menu{color:#4f4436;background:0 0;border:0;place-items:center;margin-right:12px;display:grid}.topbar{justify-content:flex-start;height:65px}.topbar-right{margin-left:auto}.topbar-person{display:none}.mobile-nav{z-index:15;padding:9px 4px max(9px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e7e2d9;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#9b9186;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;min-width:58px;font-size:9px;display:flex}.mobile-nav button.selected{color:#a87739}.content{padding-bottom:100px}.toast{bottom:86px}.entry-layout{grid-template-columns:1fr}.entry-copy{padding:65px 32px}.entry-photo{min-height:330px}.entry-copy h1{font-size:clamp(58px,10vw,86px)}.entry-by{display:none}}@media (width<=700px){.overview-top,.page-heading{flex-direction:column;align-items:flex-start}.hero-card{grid-template-columns:1fr;min-height:0}.hero-copy{padding:28px}.hero-image{background-position:50% 45%;height:150px;min-height:0}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:150px;padding:16px}.overview-grid,.team-grid{grid-template-columns:1fr}.table-header{display:none}.product-row{flex-wrap:wrap;gap:10px;padding:15px;display:flex}.product-name{flex:100%}.product-row>.stock-number,.product-row>.low-text{flex:1}.product-row>.secondary-value{font-size:11px}.product-row>.secondary-value:nth-child(4){display:none}.product-row>.row-actions{margin-left:auto}.records-panel{padding:0 16px}.record-row{gap:9px}.record-icon{width:32px;height:32px}.record-amount,.movement-amount{font-size:12px}.toolbar{flex-wrap:wrap}.search-field{flex:100%;max-width:none}.heading-actions{width:100%}.heading-actions .btn{flex:1}.page-heading>.btn{width:100%}.entry-photo{min-height:260px}.entry-photo-label{bottom:24px;left:24px}.modal-form{gap:13px}.purchase-line{grid-template-columns:1fr 1fr auto}.purchase-line label:first-child{grid-column:1/-1}.purchase-line .remove-line{grid-area:2/3}.purchase-line label:nth-child(2){grid-area:2/1}.purchase-line label:nth-child(3){grid-area:2/2}}@media (width<=420px){.content{padding:25px 16px 100px}.topbar{padding:0 16px}.topbar-title strong{font-size:12px}.overview-top h1,.page-heading h1{font-size:32px}.hero-copy h2{font-size:31px}.hero-buttons .btn{padding:9px;font-size:11px}.stat-card strong{font-size:22px}.stat-card>span:not(.stat-icon){font-size:11px}.modal-backdrop{padding:8px}.modal-heading{padding:19px}.modal-form{grid-template-columns:1fr 1fr;padding:18px}.modal-form label{grid-column:1/-1}.purchase-line label{grid-column:auto}.purchase-line label:first-child{grid-column:1/-1}.purchase-line label:nth-child(2){grid-column:1}.purchase-line label:nth-child(3){grid-column:2}}.brand img,.topbar-title img,.side-logo .side-mark{clip-path:circle(44%);border-radius:0}.side-logo{gap:8px}.side-logo .side-mark{object-fit:cover;flex:0 0 36px;width:36px;height:36px}.side-logo .side-wordmark{width:160px;max-width:calc(100% - 44px);height:auto}.topbar-title .mobile-name{display:none}@media (width<=700px){.topbar-title{flex:1;min-width:0}.topbar-title img,.mobile-menu,.topbar-right{flex-shrink:0}.topbar-title span{min-width:0}.topbar-title .desktop-name{display:none}.topbar-title .mobile-name{display:block}.heading-actions{flex-wrap:wrap}.heading-actions .btn{white-space:normal;text-align:center;flex:calc(50% - 5px);min-width:0;padding:10px 9px}.heading-actions .btn:last-child:nth-child(3){flex-basis:100%}.entry-layout{min-height:0}.entry-copy{min-width:0}.entry-copy h1{letter-spacing:-.065em;font-size:clamp(42px,11vw,56px);line-height:1.03}.mobile-nav button{flex:1 1 0;min-width:0}.mobile-nav span{text-overflow:ellipsis;max-width:100%;overflow:hidden}}@media (width<=420px){.entry-copy{padding:48px 24px 42px}.topbar{padding:0 12px}.mobile-menu{margin-right:6px}.topbar-title{gap:7px}.topbar-title strong{font-size:13px}.topbar-right{gap:6px}.hero-buttons .btn{flex:100%}.stat-card strong{overflow-wrap:anywhere;max-width:100%;font-size:clamp(16px,5vw,20px)}}@media (width<=700px){.modal-backdrop{height:100dvh;padding:12px max(8px,env(safe-area-inset-right)) 12px max(8px,env(safe-area-inset-left));overflow:hidden}.modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;max-height:calc(100dvh - 24px);overflow:hidden auto}.modal-form{grid-template-columns:minmax(0,1fr)}.modal-form>*,.purchase-lines,.purchase-line>label{min-width:0}.modal-form input,.modal-form select,.search-field input,.toolbar select,.invite-result input,.onboard input{font-size:16px}html,body,#root{overscroll-behavior-x:none;width:100%;max-width:100%;overflow-x:hidden}.app-shell,.entry-page{width:100%;max-width:100%;overflow-x:clip}.main-area,.content,.modal-form,.purchase-lines,.purchase-line{min-width:0;max-width:100%}.modal-backdrop,.modal{touch-action:pan-y;overscroll-behavior-x:none}.purchase-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}}
