@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#263b30;background:#f8f5ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:#263b30;color:#deebdf;padding:26px 16px 22px;display:flex;flex-direction:column;gap:32px}.brand{display:flex;align-items:center;gap:12px;padding:3px 12px;color:white;font:700 1.32rem 'Outfit',sans-serif;letter-spacing:-.035em}.brand-mark{width:34px;height:34px;border-radius:11px;background:#dca56f;color:#263b30;display:grid;place-items:center;font:800 1.28rem 'Outfit',sans-serif}.workspace-pill{margin:0 6px;padding:12px;border:1px solid #406843;border-radius:12px;font-size:.84rem;color:#b2d0b4}.workspace-pill strong{display:block;color:#fffdfb;font-size:.96rem;margin-top:4px}.nav{display:grid;gap:5px}.nav button{border:0;background:none;color:#c3dac5;padding:12px 14px;text-align:left;border-radius:10px;display:flex;align-items:center;gap:12px;font-weight:600}.nav button:hover,.nav button.active{color:#fffdfb;background:#3e5945}.nav svg{width:19px;height:19px;stroke-width:1.8;flex:none}.sidebar-bottom{margin-top:auto;padding:0 8px}.sidebar-bottom .demo-tag{font-size:.78rem;color:#a1c6a4;margin-bottom:12px}.sidebar-bottom button{width:100%;border:1px solid #4a794e;border-radius:10px;padding:11px;background:transparent;color:white;text-align:left}.main{min-width:0}.topbar{height:76px;background:white;border-bottom:1px solid #e4efe5;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.breadcrumb{font-size:.88rem;color:#6e9071}.breadcrumb strong{color:#263b30}.top-actions{display:flex;align-items:center;gap:10px}.badge-demo{border:1px solid #e4efe5;border-radius:99px;padding:8px 11px;font-size:.78rem;color:#688b6b;background:#fbfaf8}.icon-button{width:36px;height:36px;border:1px solid #e1ede2;border-radius:10px;background:#fffdfb;color:#2f4c31;display:grid;place-items:center}.icon-button svg{width:18px;height:18px}.content{max-width:1290px;margin:0 auto;padding:34px 38px 60px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#6ca571;margin:0 0 8px}.page-head h1{font:700 clamp(1.8rem,3vw,2.35rem)/1.08 'Outfit',sans-serif;letter-spacing:-.045em;margin:0 0 7px}.page-head p{color:#719574;margin:0;font-size:.94rem}.button{border:0;border-radius:10px;background:#263b30;color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font-weight:700;min-height:43px;white-space:nowrap}.button:hover{background:#345537}.button.secondary{background:white;color:#263e28;border:1px solid #deeadf}.button.secondary:hover{background:#f9f8f4}.button.orange{background:#dca56f;color:#223724}.button.orange:hover{background:#e98b3f}.button.ghost{background:transparent;color:#3e6441}.button svg{width:17px;height:17px}.card{background:#fffdfb;border:1px solid #e5efe6;border-radius:16px;box-shadow:0 5px 28px rgba(32,59,89,.035)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{padding:20px}.metric-label{color:#749877;font-size:.84rem;font-weight:600;margin-bottom:17px}.metric-value{font:700 1.72rem 'Outfit',sans-serif;letter-spacing:-.03em}.metric-foot{color:#6e9271;font-size:.76rem;margin-top:8px}.metric-icon{width:35px;height:35px;border-radius:11px;background:#f6f4ee;color:#528556;display:grid;place-items:center;float:right}.metric-icon svg{width:18px;height:18px}.metric-icon.orange-bg{background:#fff0df;color:#c77b32}.metric-icon.green-bg{background:#e8f5ef;color:#3a9370}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;border-bottom:1px solid #f5f3ec}.section-head h2{margin:0;font:700 1.05rem 'Outfit',sans-serif}.section-head span,.section-head a{font-size:.82rem;color:#639e68}.order-list{padding:2px 23px 10px}.order-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #f5f3ec}.order-row:last-child{border-bottom:0}.avatar{height:38px;width:38px;border-radius:11px;display:grid;place-items:center;background:#f7f5f0;color:#4a794e;font-weight:800;font-size:.83rem}.order-name{font-weight:700;font-size:.9rem}.order-sub{color:#789a7b;font-size:.78rem;margin-top:3px}.order-right{text-align:right}.order-right strong{font-size:.9rem}.status{display:inline-flex;align-items:center;gap:5px;border-radius:99px;background:#eaf6ef;color:#247a50;font-size:.7rem;font-weight:800;padding:5px 8px}.status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status.pending{background:#fff1df;color:#a97124}.slot-preview{padding:10px 23px 21px}.slot-item{display:flex;align-items:center;gap:13px;border-bottom:1px solid #f5f3ec;padding:12px 0}.slot-item:last-child{border-bottom:0}.slot-time{width:65px;font-weight:800;font-size:.83rem}.slot-bar{flex:1}.slot-title{font-size:.84rem;font-weight:700}.slot-desc{font-size:.75rem;color:#83a085;margin-top:3px}.progress{height:5px;background:#f3f1ea;border-radius:6px;margin-top:8px;overflow:hidden}.progress span{display:block;height:100%;background:#dca56f;border-radius:6px}.slot-count{font-size:.75rem;color:#769c79;font-weight:700}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:650px}.data-table th{text-align:left;font-size:.72rem;color:#83a185;letter-spacing:.08em;text-transform:uppercase;font-weight:800;background:#fcfbf9;padding:15px 20px;border-bottom:1px solid #f3f0e9}.data-table td{padding:16px 20px;border-bottom:1px solid #f5f3ed;font-size:.9rem;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fefdfc}.product-cell{display:flex;align-items:center;gap:12px;min-width:215px}.thumb{width:48px;height:48px;border-radius:10px;background:#f4f2ec;object-fit:cover;flex:none}.thumb.blank{display:grid;place-items:center;font:700 1rem 'Outfit',sans-serif;color:#83aa86}.product-cell strong{display:block}.product-cell small{display:block;color:#84a086;margin-top:4px}.text-button{border:0;background:transparent;color:#4a784e;font-weight:700;padding:5px}.text-button:hover{text-decoration:underline}.muted{color:#82a084}.low-stock{color:#c97832;font-weight:700}.empty{padding:48px 20px;text-align:center;color:#749a77}.empty h3{color:#2f4c31;margin:0 0 6px;font:700 1.13rem 'Outfit',sans-serif}.empty p{margin:0}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:15px}.search{background:#fffdfb;border:1px solid #e2eee3;border-radius:10px;padding:10px 12px;min-height:44px;min-width:260px;display:flex;gap:9px;align-items:center}.search svg{width:17px;height:17px;color:#91b094}.search input{border:0;outline:0;width:100%;background:transparent;color:#253d27}.search input::placeholder{color:#a1b9a3}.filter{border:1px solid #e2eee3;background:#fffdfb;border-radius:10px;padding:10px 12px;min-height:44px;color:#446e47}.modal-backdrop{position:fixed;inset:0;background:rgba(18,35,55,.55);z-index:20;display:grid;place-items:center;padding:18px}.modal{background:white;border-radius:18px;width:min(100%,580px);max-height:min(92vh,800px);overflow:auto;box-shadow:0 25px 80px #1b2d1d55}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid #e9f1e9}.modal-head h2{font:700 1.35rem 'Outfit',sans-serif;letter-spacing:-.03em;margin:0}.modal-body{padding:24px 26px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:.83rem;font-weight:800;color:#365738}.field input,.field textarea,.field select{width:100%;border:1px solid #deeadf;border-radius:10px;padding:11px 12px;color:#243b26;background:#fffdfb;outline:0;min-height:44px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#629e67;box-shadow:0 0 0 3px #e6f0e7}.field textarea{min-height:88px;resize:vertical}.help{font-size:.74rem;color:#84a086;margin-top:-3px}.upload{position:relative;border:1px dashed #bcd6be;border-radius:12px;background:#fcfcfa;min-height:106px;display:flex;align-items:center;gap:16px;padding:15px;cursor:pointer}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload img{width:78px;height:78px;object-fit:cover;border-radius:9px}.upload-label{font-size:.85rem;font-weight:700;color:#46734a}.upload-label small{display:block;font-weight:400;color:#87a58a;margin-top:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e9f1e9;padding:17px 26px}.toast{position:fixed;right:22px;bottom:22px;background:#263b30;color:#fffdfb;border-radius:11px;padding:13px 17px;box-shadow:0 14px 35px #1e322044;z-index:40;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;font-size:.88rem}.toast.show{opacity:1;transform:translateY(0)}.mobile-nav{display:none}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.content{padding:26px}.topbar{padding:0 26px}}@media(max-width:700px){.app-shell{display:block}.sidebar{display:none}.topbar{height:62px;padding:0 16px}.badge-demo{display:none}.content{padding:23px 16px 100px}.page-head{display:block}.page-head .button{margin-top:17px}.metrics{gap:10px}.metric{padding:15px}.metric-value{font-size:1.35rem}.metric-icon{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:#263b30;padding:6px 4px max(6px,env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -8px 20px #1c2e1e22}.mobile-nav button{border:0;background:none;color:#b3d0b5;display:grid;place-items:center;gap:2px;padding:5px 2px;font-size:.65rem;min-width:49px}.mobile-nav button.active{color:#dca56f}.mobile-nav svg{width:20px;height:20px}.field-grid{grid-template-columns:1fr}.modal-head,.modal-body,.modal-actions{padding-left:18px;padding-right:18px}.toolbar{flex-wrap:wrap}.search{min-width:0;width:100%}}