:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app{min-height:100vh}.sidebar{color:#fff;z-index:50;background:#15803d;flex-direction:column;width:255px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 24px #0000001f}.logo{border-bottom:1px solid #fff3;padding:22px}.logo h1{margin:0;font-size:25px}.logo p{color:#dcfce7;margin:5px 0 0;font-size:14px}.nav{flex:1;padding:14px;overflow:auto}.nav-btn{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:5px;padding:12px 14px;font-weight:700;display:flex}.nav-btn:hover{background:#ffffff1f}.nav-btn.active{color:#15803d;background:#fff}.admin-box{border-top:1px solid #fff3;padding:16px}.admin-card{background:#ffffff1a;border-radius:12px;padding:12px}.admin-card p{margin:0}.admin-card small{color:#dcfce7}.logout{color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:9px;width:100%;margin-top:12px;padding:10px;font-weight:700}.content{min-height:100vh;margin-left:255px}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000a}.topbar h2{margin:0;font-size:25px}.topbar p{color:#6b7280;margin:3px 0 0;font-size:14px}.top-actions{align-items:center;gap:12px;display:flex}.pill{color:#4b5563;background:#f3f4f6;border-radius:9px;padding:10px 14px;font-weight:700}.main{padding:24px}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-head h3{margin:0;font-size:25px}.page-head p{color:#6b7280;margin:5px 0 0}.primary{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:10px;padding:12px 18px;font-weight:800}.primary:hover{background:#15803d}.secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:9px 13px;font-weight:700}.danger{color:#b91c1c;cursor:pointer;background:#fee2e2;border:0;border-radius:9px;padding:9px 13px;font-weight:700}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px #0000000d}.stat-top{justify-content:space-between;align-items:flex-start;display:flex}.stat-label{color:#6b7280;font-size:14px;font-weight:700}.stat-value{margin-top:8px;font-size:32px;font-weight:900}.stat-icon{background:#dcfce7;border-radius:12px;padding:10px;font-size:25px}.grid-2{grid-template-columns:2fr 1fr;gap:20px;margin-top:20px;display:grid}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px #0000000d}.card h3{margin:0}.muted{color:#6b7280}.table-wrap{margin-top:15px;overflow:auto}.table{border-collapse:collapse;width:100%;min-width:760px}.table th,.table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:13px}.table th{color:#6b7280;font-size:13px}.badge{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-block}.active{color:#15803d;background:#dcfce7}.draft{color:#a16207;background:#fef3c7}.out{color:#b91c1c;background:#fee2e2}.filters{grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin-bottom:18px;display:grid}.input,.select{border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:11px 12px;color:#111827!important;caret-color:#111827!important;-webkit-text-fill-color:#111827!important;opacity:1!important;background:#fff!important}.input:focus,.select:focus{border-color:#16a34a;box-shadow:0 0 0 3px #dcfce7}.textarea{resize:vertical;min-height:100px}input,textarea,select{color:#111827!important;caret-color:#111827!important;-webkit-text-fill-color:#111827!important;opacity:1!important;background:#fff!important}input::placeholder,textarea::placeholder{color:#9ca3af!important;opacity:1!important}select,option{color:#111827!important;background:#fff!important}.product-cell{align-items:center;gap:12px;display:flex}.thumb{background:#f0fdf4;border:1px solid #dcfce7;border-radius:10px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%}.image-preview{background:#f9fafb;border:1px dashed #9ca3af;border-radius:12px;justify-content:center;align-items:center;height:190px;margin-top:10px;display:flex;overflow:hidden}.image-preview img{object-fit:contain;width:100%;height:100%}.file-input{background:#fff;padding:9px}.actions{gap:8px;display:flex}.empty{text-align:center;color:#6b7280;padding:42px}.summary-list{gap:12px;margin-top:18px;display:grid}.summary-item{border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.value-box{background:#f0fdf4;border-radius:12px;margin-top:16px;padding:16px}.value-box strong{color:#166534;font-size:29px}.placeholder{text-align:center;background:#fff;border-radius:16px;padding:50px;box-shadow:0 2px 10px #0000000d}.placeholder .big{font-size:60px}.placeholder h3{margin:10px 0;font-size:25px}.overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(800px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 70px #0000004d}.modal-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-head h3{margin:0;font-size:22px}.close{cursor:pointer;background:#f3f4f6;border:0;border-radius:9px;padding:8px 12px;font-size:18px}.form{padding:22px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field label{margin-bottom:6px;font-size:13px;font-weight:800;display:block}.field.full{grid-column:1/-1}.field-help{margin-top:6px}.error{color:#b91c1c;background:#fef2f2;border-radius:9px;margin-top:14px;padding:11px}.api-banner{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.success-banner{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-weight:700}.loading-box{text-align:center;color:#6b7280;background:#fff;border-radius:14px;padding:34px;box-shadow:0 2px 10px #0000000d}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.calculation-box{color:#166534;background:#f0fdf4;border-radius:8px;margin-top:8px;padding:9px 11px;font-size:13px;font-weight:700}.mobile-menu,.backdrop{display:none}@media (width<=1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters .search{grid-column:1/-1}}@media (width<=760px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.content{margin-left:0}.mobile-menu{display:inline-block}.backdrop{z-index:40;background:#00000073;display:block;position:fixed;inset:0}.topbar,.main{padding:14px}.stats{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.filters{grid-template-columns:1fr}.filters .search{grid-column:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.pill{display:none}}.invoice-modal{width:min(1100px,96vw);max-height:94vh;overflow-y:auto}.invoice-sheet{color:#111827;background:#fff;border-radius:16px;padding:32px}.invoice-title{text-align:center;border-bottom:2px solid #15803d;margin-bottom:24px;padding-bottom:20px}.invoice-title h1{color:#15803d;margin:0;font-size:34px}.invoice-title p{margin:4px 0}.invoice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.invoice-grid>div{border:1px solid #e5e7eb;border-radius:12px;padding:16px}.invoice-grid p{margin:6px 0}.invoice-totals{width:min(420px,100%);margin-top:24px;margin-left:auto}.invoice-totals p{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:24px;margin:0;padding:9px 0;display:flex}.invoice-grand-total{color:#15803d;border-top:2px solid #15803d;font-size:20px}.invoice-footer{text-align:center;border-top:1px solid #d1d5db;margin-top:30px;padding-top:18px}.invoice-footer p{margin:4px 0}@media (width<=700px){.invoice-grid{grid-template-columns:1fr}.invoice-sheet{padding:18px}}@media print{body *{visibility:hidden!important}#printable-invoice,#printable-invoice *{visibility:visible!important}#printable-invoice{color:#000;width:100%;box-shadow:none;background:#fff;border-radius:0;padding:18mm 14mm;position:absolute;inset:0}.no-print,.modal-header,.sidebar,.topbar{display:none!important}.invoice-title h1,.invoice-grand-total{color:#000}table{border-collapse:collapse;width:100%}th,td{border:1px solid #000;padding:7px;font-size:12px}@page{size:A4;margin:8mm}}.order-detail-modal{width:min(980px,96vw)}.order-detail-subtitle{margin:5px 0 0}.order-detail-body{gap:18px;padding:22px;display:grid}.order-detail-top{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;display:grid}.order-detail-top>div{gap:7px;display:grid}.order-detail-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.order-detail-total{color:#15803d;font-size:20px}.order-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.order-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.order-detail-card h4{margin:0 0 12px;font-size:16px}.order-detail-card p{margin:6px 0;line-height:1.5}.order-items-table{margin-top:0}.order-items-table table{border-collapse:collapse;width:100%;min-width:620px}.order-items-table th,.order-items-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:11px}.order-items-table th{color:#6b7280;font-size:12px}.order-payment-list{gap:10px;display:grid}.order-payment-row{background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.filters-row{grid-template-columns:minmax(240px,2fr) minmax(170px,1fr) auto;gap:12px;margin-bottom:18px;display:grid}.filters-row input,.filters-row select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:9px;width:100%;padding:11px 12px}.status{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-block}.status.active{color:#15803d;background:#dcfce7}.status.inactive{color:#a16207;background:#fef3c7}@media (width<=760px){.order-detail-top,.order-detail-grid,.filters-row{grid-template-columns:1fr}.order-detail-body{padding:14px}}.nav-btn{color:#fff;letter-spacing:.01em;background:#ffffff0e;border:1px solid #ffffff1a;min-height:46px;margin-bottom:7px;padding:12px 14px;font-size:15px;font-weight:800;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff08}.nav-btn:hover{background:#ffffff29;border-color:#ffffff42;transform:translate(3px)}.nav-btn.active{color:#0f7a36;background:#fff;border-color:#fff;box-shadow:0 8px 22px #00000024,inset 4px 0 #facc15}.nav-btn.active span:first-child{transform:scale(1.08)}.nav-btn span{transition:transform .18s}.topbar-title-block{background:linear-gradient(90deg,#f0fdf4 0%,#fff 100%);border-left:5px solid #16a34a;border-radius:10px;flex-direction:column;gap:4px;padding:9px 14px;display:flex}.topbar-title{color:#14532d;letter-spacing:-.02em;font-weight:900;line-height:1.05;margin:0!important;font-size:27px!important}.topbar-subtitle{font-weight:700;color:#3f6650!important;margin:0!important;font-size:14px!important}.top-actions .pill{color:#166534;background:#f0fdf4;border:1px solid #dcfce7;font-weight:800}.top-actions .secondary{color:#166534;background:#fff;border-color:#d1fae5;box-shadow:0 3px 12px #16653414}@media (width<=760px){.topbar-title-block{border-left-width:4px;padding:7px 10px}.topbar-title{font-size:21px!important}.topbar-subtitle{font-size:12px!important}.nav-btn{min-height:44px;font-size:14px}}