@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#29231e;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f5f1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.icon{width:20px;height:20px;display:block}.app-shell{background:#f7f5f1;min-height:100vh}.sidebar{color:#f9f3e9;z-index:5;background:#30241c;flex-direction:column;width:245px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;display:flex}.brand-mark{color:#fff;background:#bb7b3d;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.brand-mark .icon{width:22px;height:22px}.brand small{letter-spacing:1.9px;color:#ae9b8c;margin-top:3px;font:600 9px/1.3 DM Sans;display:block}.sidebar nav{flex-direction:column;gap:7px;margin-top:48px;display:flex}.sidebar nav button{color:#bbaa9b;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 13px;font-size:14px;display:flex}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#443429}.sidebar nav b{color:#fff;background:#b16b32;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-bottom{border-top:1px solid #4b3a2f;align-items:center;gap:10px;margin-top:auto;padding:20px 4px 0;display:flex}.user-avatar{color:#54351e;background:#d9b68b;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.sidebar-bottom strong,.sidebar-bottom small{font-size:12px;display:block}.sidebar-bottom small{color:#9e8e82;margin-top:2px}.sidebar-bottom button{color:#aa998d;background:0 0;border:0;margin-left:auto;padding:5px}.dashboard{max-width:1600px;margin-left:245px;padding:45px 4.5%}.dashboard header{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.eyebrow{color:#a46a34;letter-spacing:1.5px;font-size:10px;font-weight:700}.dashboard h1{color:#30251e;margin:7px 0 6px;font:700 30px/1.2 Manrope}.dashboard header p,.section-heading p{color:#7e756e;font-size:14px}.primary{color:#fff;background:#a9642e;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:13px;font-weight:600;display:flex;box-shadow:0 3px 8px #9d5f2824}.primary:hover{background:#8e5123}.primary .icon{width:17px}.alert-banner{background:#fff5e4;border:1px solid #eed5ae;border-radius:11px;align-items:center;margin-bottom:19px;padding:14px 18px;display:flex}.alert-banner>span{color:#925622;background:#f1d4a6;border-radius:7px;margin-right:13px;padding:8px}.alert-banner strong{font-size:13px}.alert-banner p{color:#806c5b;margin:3px 0 0;font-size:12px}.alert-banner button{color:#935720;background:0 0;border:0;margin-left:auto;font-size:12px;font-weight:700}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.stats article{background:#fff;border:1px solid #e9e4dc;border-radius:11px;align-items:center;gap:14px;padding:19px;display:flex;box-shadow:0 1px 4px #3d2d1f08}.stat-icon{border-radius:9px;place-items:center;width:43px;height:43px;display:grid}.stat-icon.brown{color:#765035;background:#eee4da}.stat-icon.amber{color:#b67824;background:#fff0d1}.stat-icon.green{color:#477259;background:#e4eee7}.stats p{color:#827970;margin:0 0 2px;font-size:11px}.stats strong{font:700 24px Manrope}.stats small{color:#9a928b;margin-top:1px;font-size:10px;display:block}.inventory-card{background:#fff;border:1px solid #e7e2da;border-radius:12px;overflow:hidden;box-shadow:0 3px 16px #33231508}.section-heading{border-bottom:1px solid #eeeae4;justify-content:space-between;align-items:flex-end;padding:22px 22px 18px;display:flex}.section-heading h2{margin:0 0 4px;font:700 18px Manrope}.section-heading p{margin:0;font-size:12px}.tools{gap:9px;display:flex}.search{position:relative}.search .icon{color:#968e87;width:16px;position:absolute;top:9px;left:10px}.tools input,.tools select{color:#5e5751;background:#fff;border:1px solid #ded9d2;border-radius:7px;outline:none;height:35px;font-size:11px}.tools input{width:210px;padding:0 12px 0 33px}.tools select{padding:0 28px 0 10px}.tools input:focus,.tools select:focus,.modal input:focus,.modal select:focus{border-color:#b97943;box-shadow:0 0 0 3px #b9794315}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#9b938c;letter-spacing:.8px;background:#fcfbf9;padding:11px 20px;font-size:9px;font-weight:700}td{color:#635b54;border-top:1px solid #eeeae5;padding:13px 20px}tbody tr:hover{background:#fdfbf8}.item-name{align-items:center;gap:11px;min-width:170px;display:flex}.item-name strong,.item-name small{display:block}.item-name strong{color:#3b312a;font-size:12px}.item-name small{color:#a29a93;margin-top:3px;font-size:9px}.product-icon{color:#8c5e37;background:#efe4d6;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.product-icon.dairy{color:#54747b;background:#e8eff0}.product-icon.packaging{color:#73624f;background:#eee8df}.product-icon.syrups{color:#925943;background:#f2e4de}.product-icon.bakery{color:#946b2f;background:#f4e9d5}.category-pill{background:#f3f0eb;border-radius:5px;padding:4px 8px;font-size:10px}.unit{color:#9d958e}.status{border-radius:20px;align-items:center;gap:6px;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex}.status i{border-radius:50%;width:5px;height:5px}.status.good{color:#477356;background:#e9f3ec}.status.good i{background:#54a068}.status.low{color:#a26324;background:#fff0dc}.status.low i{background:#d28a33}.row-actions{gap:3px;display:flex}.row-actions button{color:#9b928a;background:0 0;border:0;border-radius:5px;padding:6px}.row-actions button:hover{color:#80522e;background:#f0ebe5}.row-actions .icon{width:15px;height:15px}.table-footer{color:#9a928b;border-top:1px solid #eeeae5;padding:12px 20px;font-size:10px}.empty{text-align:center;color:#9b938b;padding:45px}.empty .icon{margin:auto}.empty h3{color:#544b44;margin:10px 0 3px}.empty p{margin:0;font-size:12px}.login-page{background:#fff;grid-template-columns:46% 54%;min-height:100vh;display:grid}.login-art{color:#fff;background-color:#33251c;background-image:radial-gradient(circle at 25% 85%,#76502f55,#0000 36%),linear-gradient(140deg,#38281e,#251b15);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;padding:40px 52px;position:relative;overflow:hidden}.brand-light .brand-mark{background:#c38143}.art-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:80%;display:flex}.big-cup{background:#ffffff0b;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:170px;height:170px;margin-bottom:25px;display:grid}.big-cup .icon{color:#d8a56c;stroke-width:1px;width:100px;height:100px}.steam{color:#c5905d44;font:100px/.5 serif;transform:rotate(10deg)}.art-copy h1{margin:0 0 12px;font:600 34px Manrope}.art-copy p{color:#bcaea4;font-size:14px}.beans{color:#9e6c4266;position:absolute;bottom:25px;right:25px;transform:rotate(-15deg)}.login-panel{flex-direction:column;justify-content:center;align-items:center;padding:50px;display:flex}.login-card{width:100%;max-width:400px}.mobile-brand{display:none}.login-card h2{margin:8px 0;font:700 28px Manrope}.muted{color:#847c75;margin:0 0 30px;font-size:13px}.login-card form>label,.modal label{color:#4c443e;margin-bottom:17px;font-size:11px;font-weight:600;display:block}.login-card input,.modal input,.modal select{color:#302822;background:#fff;border:1px solid #ddd7d0;border-radius:8px;outline:none;width:100%;margin-top:7px;padding:11px 12px;font-size:13px;display:block}.password-wrap{position:relative}.password-wrap input{padding-right:55px}.text-button{color:#9a6234;background:0 0;border:0;font-size:11px;font-weight:700;position:absolute;top:15px;right:8px}.form-row{justify-content:space-between;align-items:center;margin:2px 0 20px;display:flex}.form-row .check{align-items:center;gap:7px;margin:0;font-size:11px;font-weight:500;display:flex}.check input{accent-color:#a9642e;width:auto;margin:0}.link-button{color:#9a6234;background:0 0;border:0;font-size:11px;font-weight:600}.login-button{justify-content:space-between;width:100%;height:43px;padding-inline:18px}.demo-note{text-align:center;color:#8c8178;background:#faf6ef;border-radius:7px;margin-top:20px;padding:10px;font-size:10px}.demo-note span{color:#b97942;margin-right:5px}.copyright{color:#aaa29c;font-size:9px;position:absolute;bottom:20px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#231b16a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:min(510px,100%);padding:25px;box-shadow:0 20px 70px #0004}.modal-head{border-bottom:1px solid #eee8e1;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;display:flex}.modal-head h2{margin:6px 0 0;font:700 21px Manrope}.modal-head>button{color:#796f67;background:#f3f0ec;border:0;border-radius:50%;width:30px;height:30px;font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.form-grid .wide{grid-column:1/-1}.modal label{margin-bottom:14px}.modal input,.modal select{height:40px}.modal-actions{border-top:1px solid #eee8e1;justify-content:flex-end;gap:9px;margin-top:9px;padding-top:18px;display:flex}.secondary,.danger{background:#fff;border:1px solid #ddd7d0;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:600}.danger{color:#fff;background:#a33b31;border-color:#a33b31}.delete-modal{text-align:center;max-width:390px}.delete-icon{color:#a33b31;background:#fae8e5;border-radius:50%;place-items:center;width:45px;height:45px;margin:auto;display:grid}.delete-modal h2{margin:15px 0 8px;font:700 20px Manrope}.delete-modal p{color:#756c65;margin:0;font-size:12px;line-height:1.6}.delete-modal .modal-actions{justify-content:center;margin-top:20px}@media (width<=900px){.sidebar{width:78px;padding:25px 12px}.sidebar .brand>span:last-child,.sidebar nav button:not(.active){font-size:0}.sidebar nav button{justify-content:center}.sidebar nav button.active{font-size:0}.sidebar nav b,.sidebar-bottom>div:not(.user-avatar),.sidebar-bottom>button{display:none}.sidebar-bottom{justify-content:center}.dashboard{margin-left:78px;padding:35px 25px}.stats{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start;gap:15px}.tools{width:100%}.search{flex:1}.tools input{width:100%}.login-page{grid-template-columns:1fr}.login-art{display:none}.mobile-brand{margin-bottom:50px;display:flex}.copyright{margin-top:50px;position:static}}@media (width<=600px){.sidebar{flex-direction:row;align-items:center;width:100%;height:66px;padding:12px 18px;position:static}.sidebar .brand>span:last-child{display:block}.sidebar nav{flex-direction:row;margin:0 0 0 auto}.sidebar nav button{display:none}.sidebar nav button.active{display:flex}.sidebar-bottom{display:none}.dashboard{margin:0;padding:25px 15px}.dashboard header{align-items:flex-start}.dashboard header h1{font-size:23px}.dashboard header p{display:none}.dashboard header .primary{padding:11px;font-size:0}.alert-banner button{display:none}.tools{flex-direction:column}.tools select{width:100%}.section-heading{padding:18px}.stats article{padding:14px}.login-panel{padding:30px 20px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}th,td{padding:11px 14px}}.app-shell .primary{background:var(--company-accent,#a9642e)}.app-shell .primary:hover{filter:brightness(.88)}.app-shell .brand-mark{background:var(--company-accent,#a9642e)}.app-shell .eyebrow{color:var(--company-accent,#a9642e)}.app-shell .sidebar nav b{background:var(--company-accent,#a9642e)}.product-photo{object-fit:cover;background:#f5f2ee;border:1px solid #e7e0d8;border-radius:8px;flex:none;width:34px;height:34px}.photo-field{border-bottom:1px solid #eee8e1;gap:16px;margin-bottom:18px;padding:0 0 20px;display:flex}.photo-preview{color:#a49a91;background:#faf8f5;border:1px dashed #cfc6bd;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:92px;height:92px;display:flex;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-preview span{font-size:9px}.photo-field>div:last-child{padding-top:3px}.photo-field strong{font-size:12px}.photo-field p{color:#8e857e;margin:4px 0 10px;font-size:10px}.photo-button{cursor:pointer;background:#fff;border:1px solid #d8d1c9;border-radius:7px;align-items:center;padding:7px 11px;color:#62574e!important;width:auto!important;margin:0!important;font-size:10px!important;display:inline-flex!important}.photo-button input{display:none}.remove-photo{color:#a33b31;background:0 0;border:0;margin-left:8px;font-size:10px}.settings-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:18px;display:grid}.settings-card{background:#fff;border:1px solid #e7e2da;border-radius:12px;padding:24px;box-shadow:0 3px 16px #33231508}.settings-title{border-bottom:1px solid #eee9e3;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:19px;display:flex}.settings-title h2{margin:0 0 3px;font:700 17px Manrope}.settings-title p{color:#8a8179;margin:0;font-size:11px}.settings-symbol{width:38px;height:38px;color:var(--company-accent,#a9642e);background:#f1e9e1;border-radius:9px;place-items:center;display:grid}.settings-card>label{color:#50473f;margin-bottom:16px;font-size:11px;font-weight:600;display:block}.settings-card>label input{border:1px solid #ddd7d0;border-radius:8px;outline:none;width:100%;height:42px;margin-top:7px;padding:0 12px;display:block}.settings-card>label input:focus{border-color:var(--company-accent,#a9642e);box-shadow:0 0 0 3px color-mix(in srgb,var(--company-accent,#a9642e) 12%,transparent)}.settings-actions{justify-content:flex-end;align-items:center;gap:15px;padding-top:5px;display:flex}.save-message{color:#47805a;opacity:0;font-size:11px;transition:all .2s}.save-message.show{opacity:1}.color-row{align-items:center;gap:12px;margin:4px 0 24px;display:flex}.color-row input{cursor:pointer;background:0 0;border:0;width:48px;height:48px;padding:0}.color-row strong,.color-row small{display:block}.color-row strong{font-size:13px}.color-row small{color:#958b83;margin-top:3px;font-size:10px}.preview-brand{color:#fff;background:#30241c;border-radius:10px;align-items:center;gap:11px;margin-bottom:16px;padding:17px;display:flex}.preview-brand strong,.preview-brand small{display:block}.preview-brand strong{font:700 13px Manrope}.preview-brand small{text-transform:uppercase;color:#bba99a;letter-spacing:1.2px;margin-top:3px;font-size:8px}.full-button{width:100%}@media (width<=900px){.settings-grid{grid-template-columns:1fr}.sidebar nav button,.sidebar nav button.active{font-size:0}}@media (width<=600px){.sidebar nav button.active{display:flex}.sidebar nav button.active .icon{width:19px}.settings-card{padding:18px}.photo-field{align-items:center}.modal{max-height:94vh;overflow-y:auto}}.field-help{color:#958b83;margin-top:5px;font-size:9px;font-weight:400;display:block}