@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Prata&display=swap";:root{color:#1c261e;font-synthesis:none;background:#f4f5f1;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.login-page{background:radial-gradient(circle at 10% 10%,#e1eed9,#0000 35%),#f4f5f1;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dfe5dc;border-radius:26px;width:min(430px,100%);padding:36px;box-shadow:0 24px 70px #1f39221f}.admin-logo{align-items:center;gap:10px;display:flex}.admin-logo>span{color:#dd4d73;background:#fce5ec;border-radius:12px;place-items:center;width:38px;height:38px;font-size:1.4rem;display:grid}.admin-logo div{flex-direction:column;display:flex}.admin-logo small{color:#7b857c;font-size:.65rem}.login-copy{margin:50px 0 24px}.login-copy h1{margin:0;font-family:Prata;font-size:2.25rem;font-weight:400}.login-copy p{color:#6f7a71}.login-card label{flex-direction:column;gap:6px;margin:14px 0;font-size:.78rem;font-weight:700;display:flex}.login-card input{border:1px solid #d9e0d7;border-radius:12px;padding:13px}.login-card form>button,.primary-button{color:#fff;background:#2f7d32;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-weight:800;display:flex}.error-message,.error-banner{color:#a72848;background:#fce5ec;border-radius:10px;align-items:center;gap:7px;padding:10px;font-size:.75rem;display:flex}.admin-layout{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#17331d;flex-direction:column;width:245px;padding:25px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .admin-logo{padding:0 8px 32px}.sidebar .admin-logo small{color:#9eb1a0}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button,.logout{color:#b8c7ba;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;padding:12px;font-weight:700;display:flex}.sidebar nav button svg,.logout svg{width:19px}.sidebar nav button.active{color:#fff;background:#ffffff1a}.sidebar nav button i{color:#fff;background:#e9587d;border-radius:50%;place-items:center;min-width:23px;height:23px;margin-left:auto;font-size:.7rem;font-style:normal;display:grid}.logout{margin-top:auto}.admin-content{grid-column:2;padding:0 34px 60px}.topbar{border-bottom:1px solid #dfe5dc;justify-content:space-between;align-items:center;height:78px;display:flex}.topbar div{flex-direction:column;display:flex}.topbar small{color:#7c877e;text-transform:uppercase;letter-spacing:.12em;font-size:.67rem}.topbar strong{font-size:.85rem}.icon-button{background:#fff;border:1px solid #dfe5dc;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.error-banner{margin-top:18px}.error-banner button{background:0 0;border:0;margin-left:auto}.view-heading{justify-content:space-between;align-items:end;gap:20px;padding:38px 0 24px;display:flex}.view-heading span{color:#2f7d32;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:800}.view-heading h1{margin:6px 0 0;font-family:Prata;font-size:2.2rem;font-weight:400}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metrics article{background:#fff;border:1px solid #dfe5dc;border-radius:16px;align-items:center;gap:13px;padding:18px;display:flex}.metric-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.metric-icon svg{width:20px}.metric-icon.pink{color:#db4a70;background:#fce5ec}.metric-icon.green{color:#2f7d32;background:#e4f0dd}.metric-icon.yellow{color:#9d6b00;background:#fff0cf}.metric-icon.blue{color:#3f6b9d;background:#e5eef9}.metrics article div{flex-direction:column;display:flex}.metrics small{color:#7c877e;font-size:.7rem}.metrics strong{font-size:1.35rem}.panel{background:#fff;border:1px solid #dfe5dc;border-radius:18px;margin-top:18px;overflow:hidden}.panel-heading{border-bottom:1px solid #e4e8e1;justify-content:space-between;align-items:center;padding:20px;display:flex}.panel-heading h2{margin:0;font-size:1.05rem}.panel-heading p{color:#7c877e;margin:3px 0 0;font-size:.75rem}.secondary-button{background:#fff;border:1px solid #cad3c7;border-radius:9px;padding:9px 13px;font-size:.75rem;font-weight:700}.primary-button{width:auto;padding:0 18px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.78rem}.data-table th{color:#7a847b;text-transform:uppercase;letter-spacing:.08em;text-align:left;background:#f8f9f6;padding:12px 16px;font-size:.62rem}.data-table td{vertical-align:middle;border-top:1px solid #edf0eb;padding:14px 16px}.data-table td>strong,.data-table td:first-child{white-space:nowrap}.data-table td small{color:#828c84;margin-top:3px;display:block}.status-pill{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:.65rem;font-weight:800;display:inline-flex}.status-NEW,.status-CALL_REQUIRED{color:#a72848;background:#fce5ec}.status-CONFIRMED{color:#28692b;background:#e4f0dd}.status-PREPARING,.status-READY{color:#8b5f00;background:#fff0cf}.status-COMPLETED{color:#315d8e;background:#e5eef9}.status-CANCELLED{color:#687168;background:#ecefec}.row-button{color:#2f7d32;white-space:nowrap;background:0 0;border:0;font-weight:800}.no-data{text-align:center;color:#7b857c;padding:55px!important}.admin-search{background:#fff;border:1px solid #d9e0d7;border-radius:11px;align-items:center;gap:8px;width:290px;height:42px;padding:0 12px;display:flex}.admin-search input{border:0;outline:0;width:100%}.product-cell{align-items:center;gap:10px;min-width:220px;display:flex}.product-edit{color:inherit;text-align:left;background:0 0;border:0;padding:0}.product-cell img{object-fit:cover;border-radius:10px;width:42px;height:42px}.stock-editor{gap:4px;display:flex}.stock-editor input{border:1px solid #d9e0d7;border-radius:8px;width:64px;padding:6px}.stock-editor button{color:#2f7d32;background:#e4f0dd;border:0;border-radius:8px;width:30px}.drawer-backdrop{z-index:100;background:#0f1b116b;justify-content:end;display:flex;position:fixed;inset:0}.order-drawer{background:#fff;width:min(470px,100%);height:100%;padding:34px;overflow-y:auto;box-shadow:-24px 0 60px #14281829}.drawer-close{float:right;background:0 0;border:0}.order-reference{color:#2f7d32;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800}.order-drawer h2{margin:6px 0 22px;font-family:Prata;font-size:2rem;font-weight:400}.phone-card{color:#a72848;background:#fce5ec;border-radius:14px;align-items:center;gap:12px;padding:15px;text-decoration:none;display:flex}.phone-card div{flex-direction:column;display:flex}.phone-card small{font-size:.68rem}.phone-card strong{font-size:1rem}.privacy-proof small{color:#6b746d}.status-select{flex-direction:column;gap:7px;margin:20px 0;font-size:.72rem;font-weight:800;display:flex}.status-select select{background:#fff;border:1px solid #d9e0d7;border-radius:10px;padding:11px}.drawer-section{border-top:1px solid #e4e8e1;padding:22px 0}.drawer-section h3{text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;font-size:.8rem}.drawer-item,.drawer-total{justify-content:space-between;gap:20px;padding:8px 0;font-size:.8rem;display:flex}.drawer-total{border-top:1px solid #e4e8e1;margin-top:10px;padding-top:16px;font-size:1.05rem}.call-reminder{color:#70500d;background:#fff0cf;border-radius:12px;align-items:start;gap:8px;padding:13px;font-size:.75rem;display:flex}.product-form{width:min(620px,100%)}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{flex-direction:column;gap:6px;font-size:.72rem;font-weight:800;display:flex}.form-grid label.wide,.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{resize:vertical;background:#f8f9f6;border:1px solid #d9e0d7;border-radius:9px;width:100%;padding:10px 11px}.image-uploader{flex-direction:column;gap:8px;display:flex}.image-uploader-label{font-size:.72rem;font-weight:800}.image-uploader>small{color:#7c877e;font-size:.68rem;line-height:1.45}.image-upload-error{color:#a72848;align-items:center;gap:6px;margin:0;font-size:.7rem;font-weight:700;display:flex}.image-upload-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.image-preview,.image-add{aspect-ratio:1;border-radius:12px;position:relative;overflow:hidden}.image-preview{cursor:grab;background:#eef1ec;border:2px solid #0000;margin:0;transition:opacity .16s,border-color .16s,transform .16s}.image-preview:active{cursor:grabbing}.image-preview.primary{border-color:#2f7d32}.image-preview.dragging{opacity:.38;transform:scale(.96)}.image-preview.drag-over{border-color:#e9587d;transform:scale(1.03)}.image-preview img{object-fit:cover;width:100%;height:100%}.image-preview>span{color:#fff;background:#2f7d32;border-radius:999px;padding:4px 7px;font-size:.58rem;font-weight:800;position:absolute;bottom:6px;left:6px}.image-preview>span.drag-handle{color:#536256;background:#ffffffeb;padding:5px;top:6px;bottom:auto;left:50%;transform:translate(-50%)}.image-preview button{color:#2f7d32;background:#ffffffeb;border:0;border-radius:8px;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:6px;left:6px}.image-preview button.remove-image{color:#a72848;left:auto;right:6px}.image-add{color:#2f7d32;cursor:pointer;background:#f8f9f6;border:2px dashed #bdc9bb;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:.68rem;font-weight:800;display:flex}.image-add:hover{background:#f0f6ec;border-color:#2f7d32}.image-add.loading{cursor:wait;opacity:.75}.image-add input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-checks{flex-wrap:wrap;gap:18px;margin:18px 0;font-size:.75rem;display:flex}.form-checks input{accent-color:#2f7d32}.form-hint{color:#7c877e;margin:-4px 0 18px;font-size:.75rem}.save-product{width:100%}.danger-button{color:#a72848;background:#fff5f7;border:1px solid #e5afbd;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:12px;font-weight:800;display:flex}.danger-button:hover{background:#fce5ec}.secondary-action-button{color:#28692b;background:#f2f8ef;border:1px solid #a9c5aa;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:12px;font-weight:800;display:flex}.secondary-action-button:hover{background:#e4f0dd}.content-tabs{gap:8px;display:flex}.content-tabs button{color:#5d685f;background:#fff;border:1px solid #cad3c7;border-radius:10px;padding:10px 14px;font-weight:800}.content-tabs button.active{color:#28692b;background:#e4f0dd;border-color:#2f7d32}.content-order-hint{color:#667168;align-items:center;gap:7px;margin:14px 2px 0;font-size:.75rem;display:flex}.content-table th:first-child,.content-table td:first-child{width:52px;padding-right:0}.content-table tbody tr{transition:background-color .14s,opacity .14s}.content-table tbody tr[draggable=true]{cursor:grab}.content-table tbody tr[draggable=true]:active{cursor:grabbing}.content-table tbody tr.dragging{opacity:.38}.content-table tbody tr.drag-over{background:#edf6e9;box-shadow:inset 0 2px #2f7d32}.content-drag-cell{color:#7b897d}.content-drag-cell svg{display:block}.content-cell{flex-direction:column;align-items:start;gap:4px;max-width:620px;display:flex}.content-cell small{text-overflow:ellipsis;white-space:nowrap;max-width:620px;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){.metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.admin-layout{padding-bottom:70px;display:block}.sidebar{z-index:50;flex-direction:row;align-items:center;width:auto;height:66px;padding:8px 14px;position:fixed;top:auto;right:0}.sidebar .admin-logo,.logout{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;width:100%}.sidebar nav button{flex-direction:column;gap:2px;width:auto;padding:6px 12px;font-size:.62rem}.sidebar nav button i{margin:-5px 0 0 28px;position:absolute}.admin-content{padding:0 14px 40px}.view-heading{flex-direction:column;align-items:start}.admin-search{width:100%}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:14px}.panel-heading{align-items:start;gap:12px}.form-grid{grid-template-columns:1fr}.form-grid label.wide,.form-grid .wide{grid-column:auto}.image-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
