@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#23272d;background:#f5f6f8;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;transition:all .15s;display:inline-flex}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e7e9eb;flex-direction:column;width:254px;padding:35px 22px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;display:flex}.brandmark{color:#fff;background:#bf402b;border-radius:11px;place-content:center;width:44px;height:44px;font-size:17px;font-weight:800;display:grid;position:relative}.brandmark span{font-size:11px;position:absolute;top:3px;right:4px}.brand strong{letter-spacing:1px;font-size:13px}.brand small{letter-spacing:2px;color:#8c9096;margin-top:7px;font-size:8px;display:block}.workspace{border:1px solid #e6e8eb;border-radius:8px;align-items:center;gap:8px;margin:33px 0 29px;padding:13px 10px;font-size:12px;display:flex}.dot{background:#40856f;border-radius:50%;width:6px;height:6px;display:inline-block}.owner{color:#83878c;background:#f3f4f6;margin-left:auto;padding:4px;font-size:8px}.navlabel{letter-spacing:1.6px;color:#96999d;margin:0 12px 14px;font-size:9px}nav{gap:7px;display:grid}nav button{color:#7d8389;background:0 0;border-radius:7px;justify-content:flex-start;gap:13px;padding:14px;font-size:13px;font-weight:500}nav button.active{color:#b6422e;background:#f9ede9}nav em{color:#fff;background:#b6422e;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.asidefoot{color:#8a8e95;gap:12px;margin-top:auto;padding:25px 12px;font-size:12px;display:flex}.asidefoot small{color:#a0a4aa;margin-top:6px;font-size:11px;display:block}.profile{border-top:1px solid #eee;align-items:center;gap:10px;padding-top:20px;display:flex}.profile>span{color:#986650;background:#f3e6de;border-radius:50%;place-content:center;width:34px;height:34px;display:grid}.profile b{font-size:12px}.profile small{color:#979ba1;text-overflow:ellipsis;max-width:163px;margin-top:5px;font-size:10px;display:block;overflow:hidden}main{width:calc(100% - 254px);margin-left:254px}header{background:#fff;border-bottom:1px solid #e7e9eb;justify-content:space-between;align-items:center;height:75px;padding:0 42px;display:flex}.crumb{color:#959aa0;align-items:center;gap:12px;font-size:12px;display:flex}.crumb b{color:#51575e;font-weight:500}.header-right{align-items:center;gap:20px;display:flex}.cloud{color:#828a8c;align-items:center;gap:7px;font-size:11px;display:flex}.icon{color:#7a8087;background:0 0;padding:7px}.content{max-width:1500px;margin:auto;padding:39px 42px}.titlebar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px;display:flex}.eyebrow{letter-spacing:1.8px;color:#a36b5c;margin-bottom:12px;font-size:9px;font-weight:700}h1{letter-spacing:-1px;margin:0 0 9px;font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:700}p{color:#969ba3;margin:0;font-size:12px;line-height:1.6}.actions{align-items:center;gap:12px;display:flex}.primary{color:#fff;white-space:nowrap;background:#b9422d;border-radius:7px;padding:12px 17px;font-size:12px;font-weight:600;box-shadow:0 3px 5px #b9422d13}.secondary{color:#646a71;background:#fff;border:1px solid #e1e4e8;border-radius:7px;padding:10px 14px;font-size:12px}select{color:#636a72;background:#fff;border:1px solid #e0e3e7;border-radius:6px;padding:10px;font-size:12px}.metrics{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px;display:grid}.metric{background:#fff;border:1px solid #e6e8eb;border-radius:10px;padding:23px}.metric>div{color:#8b9097;justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric h2{letter-spacing:-1px;margin:21px 0 12px;font-family:Manrope,Arial,sans-serif;font-size:27px}.metric h2 span{color:#92979e;letter-spacing:0;font-size:10px;font-weight:500}.metric small{color:#a0a5ac;font-size:9px}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:24px;margin-bottom:26px;display:grid}.panel{background:#fff;border:1px solid #e5e8eb;border-radius:10px;overflow:hidden}.panelhead{justify-content:space-between;align-items:center;gap:14px;padding:23px 25px;display:flex}.panelhead h3{margin:0;font-size:14px;font-weight:600}.panelhead p{margin-top:6px;font-size:10px}.pipeline{text-align:center;justify-content:space-around;padding:8px 26px 24px;display:flex}.stage{color:#b87c58;background:#faf0e9;border-radius:9px;padding:10px;display:inline-flex}.pipeline h2{margin:13px 0 6px;font-size:26px}.panelnote{color:#8e959c;background:#fcfcfd;border-top:1px solid #f0f1f3;padding:15px 25px;font-size:10px}.inventory-card>h2{margin:8px 25px;font-size:30px}.inventory-card h2 span{color:#969da5;font-size:12px;font-weight:400}.inventory-card>p{margin:0 25px;font-size:10px}.healthline{background:#f3f0ed;border-radius:4px;height:5px;margin:27px 25px 19px}.healthline span{background:#b98674;border-radius:4px;height:100%;display:block}.split{color:#999fa5;justify-content:space-between;padding:0 25px 23px;font-size:10px;display:flex}.split b{color:#be805f;font-weight:400}.textbtn{color:#a66451;background:0 0;padding:4px;font-size:11px}.empty{text-align:center;color:#b1b5ba;flex-direction:column;align-items:center;padding:45px 20px 52px;display:flex}.empty h3{color:#646b74;margin:17px 0 8px;font-size:16px;font-weight:500}.empty p{max-width:410px}.empty button{margin-top:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{text-transform:uppercase;letter-spacing:1px;color:#959ba3;background:#fafbfc;border-top:1px solid #edf0f2;padding:13px 24px;font-size:9px;font-weight:500}td{color:#737b83;border-top:1px solid #eef0f2;padding:18px 24px;font-size:11px}td b{color:#444c55;font-weight:500}td small{color:#a2a6ad;margin-top:6px;font-size:9px;display:block}.badge{color:#9d8653;background:#f4efe5;border:0;border-radius:5px;padding:7px 10px;font-size:10px}.count{color:#8d9298;background:#f3f4f6;border-radius:5px;margin-left:7px;padding:3px 7px;font-size:10px}.search{color:#a1a6ad;border:1px solid #e5e7eb;border-radius:7px;align-items:center;gap:9px;padding:9px 12px;display:flex}.search input{border:0;outline:0;width:190px;font-size:11px}.productcell{align-items:center;gap:12px;display:flex}.product-icon{color:#b59280;background:#f7f1ed;border-radius:8px;padding:11px;display:flex}.footer{color:#afb4bb;letter-spacing:1px;justify-content:space-between;margin-top:30px;font-size:8px;display:flex}.footer b{color:#c9cdd1;margin:0 5px}.expense-summary{color:#ac7261;background:#fff;border:1px solid #e6e8eb;border-radius:10px;align-items:center;gap:20px;margin-bottom:25px;padding:25px;display:flex}.expense-summary small{color:#999}.expense-summary h2{color:#30363e;margin:8px 0 0;font-size:24px}.report{padding:0 25px 20px}.report>div{color:#737b83;border-bottom:1px solid #eff1f3;justify-content:space-between;padding:17px 0;font-size:12px;display:flex}.reportnote{max-width:850px;padding:0 25px 25px;font-size:11px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#1c253a55;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:13px;width:630px;max-height:90vh;overflow:auto;box-shadow:0 20px 100px #17203030}.dialog .panelhead{border-bottom:1px solid #eee}.fields{grid-template-columns:1fr 1fr;gap:18px;padding:24px;display:grid}label{color:#7f858e;flex-direction:column;gap:8px;font-size:11px;display:flex}label input,label select{color:#414a54;border:1px solid #e1e4e8;border-radius:6px;outline-color:#bf7765;width:100%;padding:11px}.full,.calculation{grid-column:1/-1}.calculation{color:#a46d5c;background:#faf1ed;border-radius:6px;justify-content:space-between;padding:16px;font-size:12px;display:flex}.hint{font-size:11px}.dialogfooter{border-top:1px solid #eee;justify-content:flex-end;gap:12px;padding:18px 24px;display:flex}.error{color:#ba4839;background:#fff0ed;border-radius:6px;margin:15px 24px;padding:14px;font-size:12px}.error button{color:inherit;background:0 0;text-decoration:underline}@media (min-width:1500px){.content{padding-top:50px}.metric{padding:30px}.dashboard-grid{margin-top:30px}}@media (max-width:1100px){aside{width:210px;padding:25px 16px}.brand strong{font-size:11px}main{width:calc(100% - 210px);margin-left:210px}header{padding:0 25px}.content{padding:30px 25px}.metrics{grid-template-columns:repeat(2,1fr)}.titlebar{flex-wrap:wrap;align-items:flex-start}}@media (max-width:720px){aside{width:100%;padding:18px;display:block;position:static}.shell{display:block}.brand{margin-bottom:18px}.workspace,.navlabel,.asidefoot,.profile{display:none}nav{gap:4px;display:flex;overflow:auto}nav button{padding:10px;font-size:11px}nav button svg{width:15px}main{width:100%;margin:0}header{height:53px;padding:0 18px}.content{padding:25px 18px}.titlebar{margin-bottom:22px}h1{font-size:26px}.dashboard-grid{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:17px}.metric h2{font-size:23px}.metric small{font-size:8px}.panelhead{flex-wrap:wrap;padding:18px}.footer{gap:15px;line-height:1.6}.fields{grid-template-columns:1fr}.full,.calculation{grid-column:auto}.actions{flex-wrap:wrap}.cloud{font-size:9px}.search input{width:150px}}.datecontrols{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.datecontrols label{gap:4px;font-size:9px}.datecontrols input{background:#fff;max-width:145px;padding:8px;font-size:11px}.range-caption{margin:-12px 0 22px;font-size:10px}.range-error{color:#ba4839}.titlebar>.actions{flex-wrap:wrap;justify-content:flex-end}@media (max-width:720px){.titlebar>.actions{justify-content:flex-start}.datecontrols{width:100%}}.exportmenu{position:relative}.exportmenu summary{cursor:pointer;color:#a66451;align-items:center;gap:7px;padding:10px;font-size:11px;list-style:none;display:flex}.exportmenu summary::-webkit-details-marker{display:none}.exportmenu>div{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:250px;padding:12px;position:absolute;top:40px;right:0;box-shadow:0 8px 25px #17203015}.exportmenu button{text-align:left;color:#646b74;background:0 0;width:100%;padding:12px;font-size:12px;display:block}.exportmenu small{color:#92999f;padding:8px;font-size:9px;line-height:1.6;display:block}@media (max-width:720px){.header-right{gap:5px}.cloud{display:none}}.spaced{margin-top:24px}.row-actions{align-items:center;gap:12px;display:flex}.row-actions a{align-items:center;gap:5px;display:flex}.notice{color:#ac7261;background:#faf4ef;border-radius:8px;gap:14px;margin:0 24px 20px;padding:18px 24px;display:flex}.notice b{font-size:12px}.notice p{color:#96796b;margin-top:6px;font-size:11px}.notice svg{flex-shrink:0}.fields .notice{margin:0}.product-photo{object-fit:cover;background:#f3f0ed;border-radius:7px;width:48px;height:56px}.photo-preview{align-items:center;gap:18px;display:flex}.photo-preview img{object-fit:cover;border-radius:8px;width:95px;height:115px}aside nav{overflow-y:auto}aside .asidefoot{padding:18px 12px}aside .workspace{margin:24px 0 20px}nav button{padding:11px 14px}.report b{white-space:normal;text-align:right;max-width:70%}@media (max-width:720px){aside nav{overflow-x:auto}.notice{margin:0 15px 15px}.row-actions{gap:9px}}.login-wrap{background:#f5f6f8;place-items:center;min-height:100vh;padding:30px;display:grid}.login-card{width:480px}.login-note{padding:0 24px 24px;font-size:10px}.account-actions{gap:5px;margin-top:6px;display:flex}.permission-grid{border:1px solid #e6e8eb;border-radius:8px;overflow:hidden}.permission-grid h4{margin:18px;font-size:13px}.permission-grid table{white-space:normal}.permission-grid td{padding:10px 18px}.permission-grid input[type=checkbox]{accent-color:#b9422d;cursor:pointer;width:16px;height:16px}.permission-check{flex-direction:row;align-items:center;gap:10px;margin:17px;display:flex}.permission-grid p{margin:0 18px 18px;font-size:10px}:root{--espresso:#342015;--espresso-soft:#5e4130;--ivory:#f6f1e9;--paper:#fffcf7;--sand:#ede3d5;--line:#dfd3c4;--muted:#817263;--ink:#35291f}body{background:var(--ivory);color:var(--ink)}p{color:var(--muted);font-size:13px}aside{background:var(--espresso);color:var(--ivory);border:0;padding:25px 20px 18px}.brand{background:#f6efe5;border-radius:8px;flex-shrink:0;justify-content:center;min-height:84px;overflow:hidden}.brand-logo{object-fit:cover;object-position:center;width:255px;max-width:none;height:84px}.workspace{color:#eee0d0;border-color:#fff2;margin:24px 0 22px;padding:14px 12px}.owner{color:#dcc6ad;background:#ffffff18}.navlabel{color:#c6ac92;font-size:10px}nav button{color:#dac8b4;border-radius:8px;padding:12px 14px;font-size:13px}nav button:hover{background:#ffffff0a}nav button.active{background:var(--sand);color:var(--espresso);font-weight:600}nav em{color:var(--espresso);background:#bea181}.asidefoot{color:#d2bba1}.asidefoot small{color:#b79d85}.profile{border-color:#fff2}.profile>span{color:var(--espresso);background:#decaaf}.profile small{color:#bda58c}.profile .textbtn{color:#e2c7a7}.account-actions{gap:8px}.account-actions .textbtn{padding:4px 0;font-size:10px}header{background:var(--paper);border-color:var(--line);height:76px}.crumb{color:#958675}.crumb b{color:var(--espresso)}.cloud{color:#827362}.content{padding-top:38px}.eyebrow{color:#94755a;letter-spacing:1.7px;font-size:10px}h1{letter-spacing:-1.1px;font-family:Manrope,Arial,sans-serif;font-size:31px;font-weight:600}.titlebar>div>p{max-width:520px;line-height:1.7}.primary{background:var(--espresso);color:#fff8ed;border-radius:7px;padding:13px 18px;font-size:12px;box-shadow:0 4px 12px #34201512}.primary:hover{filter:none;background:#543724}.secondary{background:var(--paper);border-color:var(--line);color:var(--espresso-soft)}.icon{color:#89715c}.textbtn{color:#75573e;font-weight:500}.textbtn:hover,.exportmenu summary{color:var(--espresso)}.exportmenu>div{background:var(--paper);border-color:var(--line);box-shadow:0 12px 35px #34201515}.exportmenu button{color:#6b5440}.exportmenu small{color:#8d7a68}.metrics{gap:18px}.metric,.panel,.expense-summary{background:var(--paper);border-color:var(--line);border-radius:12px;box-shadow:0 3px 18px #34201504}.metric{padding:25px}.metric>div{color:#827260;font-size:12px}.metric h2{letter-spacing:-1px;color:var(--espresso);font-family:Manrope,Arial,sans-serif;font-size:28px;font-weight:600}.metric h2 span{color:#8e7a66;font-size:10px}.metric svg{color:#9a7758}.metric small{color:#897762;font-size:10px;line-height:1.5}.metrics .metric:first-child{background:var(--espresso);border-color:var(--espresso)}.metrics .metric:first-child>div,.metrics .metric:first-child small,.metrics .metric:first-child h2 span{color:#d0b99c}.metrics .metric:first-child h2{color:#fff5e6}.metrics .metric:first-child svg{color:#e1c5a2}.panelhead{padding:25px 26px}.panelhead h3{color:var(--espresso);font-size:15px}.panelhead p{color:#897663;font-size:11px}.panelhead>svg{color:#a18464}.stage{color:#916c43;background:#f1e4d2}.s1{color:#80756a;background:#ede8e1}.s2{color:#628066;background:#e8eee3}.pipeline h2{color:var(--espresso);font-weight:500}.pipeline small{color:#8a7561;font-size:12px}.panelnote{color:#8c765e;background:#f8f0e5;border-color:#e8dccb;font-size:11px}.inventory-card>h2{color:var(--espresso);font-weight:500}.inventory-card h2 span{color:#9b8268}.healthline{background:#eee2d2}.healthline span{background:#ae8a64}.split{color:#947d65}.split b{color:#9f743f}.count{color:#87633e;background:#efe3d2}.empty{color:#b69c80}.empty h3{color:#644c36;font-size:17px}.empty p{color:#948069}.table-wrap{scrollbar-color:#ccb99f #f6f0e6}th{color:#90775b;border-color:var(--line);background:#f4ebdd;font-size:10px}td{color:#78634d;border-color:#ede2d3;padding-top:19px;padding-bottom:19px;font-size:12px}td b{color:var(--espresso)}td small{color:#9d866c;font-size:10px}.product-icon{color:#a17d50;background:#efe2ce}.product-photo{border:1px solid #e3d5c0}.badge{color:#99752f;background:#f0e4cc}.delivered{color:#4e7356;background:#e8eee2}.shipped{color:#757d92;background:#e9e9ed}.cancelled,.returned{color:#9b8a74;background:#eeebe5}.low{color:#aa7a3e;background:#f5e5ce}input,select{accent-color:var(--espresso)}select{background:var(--paper);border-color:var(--line);color:#715941}.search{background:var(--paper);border-color:var(--line);color:#9c8061}.search input{color:var(--ink);background:0 0}.search input::placeholder{color:#a28c73}.datecontrols input{background:var(--paper)}.range-caption{color:#9a8066}.fields label{color:#7c6147;font-size:12px}label input,label select{background:var(--paper);color:var(--ink);border-color:#e0cfb9;outline-color:#87623e}.fields input:focus,.fields select:focus{border-color:#ad885e;box-shadow:0 0 0 3px #c1a58125}.calculation{color:#896443;background:#f3e5d0}.dialog{background:var(--paper);border-radius:13px;box-shadow:0 22px 90px #34201535}.dialog .panelhead,.dialogfooter{border-color:var(--line)}.overlay{background:#34201566}.notice{color:#9a7649;background:#f3e8d6}.notice p{color:#8b7053}.permission-grid{border-color:var(--line)}.permission-grid input[type=checkbox]{accent-color:var(--espresso)}.report>div{color:#8b7153;border-color:#eadbc7}.report b{color:var(--espresso)}.reportnote{color:#9a8063}.expense-summary{color:#a38258}.expense-summary h2{color:var(--espresso)}.footer{color:#b3997c;letter-spacing:1.2px}.footer b{color:#c5ad8f}.login-wrap{background:var(--ivory);grid-template-columns:minmax(360px,46%) 1fr;place-items:stretch stretch;min-height:100vh;padding:0;display:grid}.login-brand-panel{background:var(--espresso);flex-direction:column;width:100%;min-height:100vh;padding:60px 54px;display:flex;position:relative;inset:auto}.login-brand-logo{background:#f6efe5;border-radius:4px;place-items:center;width:265px;height:96px;display:grid;overflow:hidden}.login-brand-logo img{object-fit:cover;object-position:center;width:285px;height:96px}.login-brand-message{margin:auto 0;padding:65px 0}.login-brand-message>span{letter-spacing:2.4px;color:#c1a682;font-size:10px}.login-brand-message h1{color:#fff4e2;letter-spacing:-1.8px;margin:24px 0;font-size:48px;font-weight:500;line-height:1.2}.login-brand-message p{color:#c7ae8a;max-width:320px;font-size:14px}.login-brand-tags{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.login-brand-tags span{color:#dfc8a7;border:1px solid #ffffff25;border-radius:100px;padding:8px 13px;font-size:10px}.login-brand-foot{letter-spacing:2px;color:#b1936c;font-size:9px}.login-form-panel{place-items:center;padding:50px 35px;display:grid}.login-card{width:440px;max-height:none;box-shadow:none;background:0 0;border-radius:0;overflow:visible}.login-card .panelhead{border:0;padding:0 24px 16px}.login-card .panelhead h3{letter-spacing:-.7px;font-family:Manrope,Arial,sans-serif;font-size:26px;font-weight:600;line-height:1.4}.login-card .panelhead p{max-width:330px;font-size:13px}.login-card .fields{gap:22px;padding:20px 24px}.login-card .fields input{border-radius:5px;padding:14px 13px}.login-card .dialogfooter{border:0;padding-top:6px}.login-card .dialogfooter .primary{width:100%;padding:15px;font-size:13px}.login-note{color:#9d8368;margin-top:12px;font-size:11px;line-height:1.8}.login-mobile-logo{display:none}@media (max-width:1100px){.brand-logo{width:215px;height:74px}.brand{min-height:74px}.login-brand-panel{padding:45px 32px}.login-brand-logo{width:230px}.login-brand-logo img{width:260px}.login-brand-message h1{font-size:40px}.login-card{width:100%;max-width:440px}.login-form-panel{padding:30px 20px}.metric{padding:20px}.metric h2{font-size:26px}}@media (max-width:720px){aside{background:var(--espresso);padding:18px}.brand{width:210px;min-height:65px;margin:0 0 17px}.brand-logo{width:235px;height:65px}nav button{flex-shrink:0;padding:10px 12px;font-size:11px}header{height:60px}h1{font-size:27px}.content{padding:27px 18px}.metric{padding:17px}.metric h2{font-size:24px}.metric small{font-size:9px}.login-wrap{min-height:100vh;display:block}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:28px 18px}.login-mobile-logo{width:245px;height:85px;margin:0 0 40px;display:block;overflow:hidden}.login-mobile-logo img{object-fit:cover;object-position:center;width:275px;height:85px}.login-card .panelhead{padding:0 10px 14px}.login-card .fields{padding:22px 10px}.login-card .dialogfooter,.login-note{padding-left:10px;padding-right:10px}.login-card .panelhead h3{font-size:26px}.dialog:not(.login-card){max-width:100%;max-height:92vh}.dialog:not(.login-card) .fields{grid-template-columns:1fr}.row-actions{gap:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}