@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--blue:#2563eb;--navy:#1d293b;--text:#243247;--muted:#7c899a;--border:#e4e9f0;--bg:#f3f5f9}*{box-sizing:border-box}body{margin:0;font:13px/1.6 'DM Sans',Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}h1,h2,h3,p{margin-top:0}h1{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin-bottom:8px;font-weight:600}h2{font-size:16px;letter-spacing:-.2px}h3{font-size:14px}.sidebar{width:248px;background:var(--navy);color:#a6b2c4;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20;overflow:auto}.admin-brand{display:flex;align-items:center;gap:13px;height:92px;padding:22px 25px;border-bottom:1px solid #ffffff0c;flex-shrink:0}.brand-symbol{font-family:Georgia,serif;font-size:30px;background:#e8eddf;color:#2d493c;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;position:relative}.brand-symbol>span{position:absolute;font-size:11px;right:6px;bottom:4px}.admin-brand strong{color:white;display:block;font-size:18px;line-height:1.3;letter-spacing:-.4px}.admin-brand small{font-size:7px;letter-spacing:.18em}.workspace{display:flex;align-items:center;gap:10px;margin:20px 18px 8px;background:#ffffff06;border:1px solid #ffffff0e;border-radius:8px;padding:12px}.workspace-avatar{width:31px;height:31px;border:1px solid #ffffff26;border-radius:7px;display:grid;place-items:center;font-size:10px;color:#dce7d2}.workspace div{flex:1;line-height:1.5}.workspace strong{font-size:11px;color:#dce3ed;font-weight:500;display:block}.workspace small{font-size:9px;color:#8392a9}.sidebar nav{padding:7px 13px 25px}.sidebar nav p{font-size:8px;letter-spacing:.15em;color:#718099;padding:20px 15px 6px;margin:0}.sidebar nav button{background:none;border:0;color:inherit;width:100%;padding:11px 14px;border-radius:7px;display:flex;align-items:center;gap:11px;text-align:left;font-size:11px;margin:3px 0;transition:.2s}.sidebar nav button:hover{background:#ffffff08;color:white}.sidebar nav button.active{background:var(--blue);color:white;box-shadow:0 4px 15px #0001}.sidebar svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav-count{margin-left:auto;background:#ffffff12;border-radius:4px;min-width:20px;text-align:center;font-size:9px;padding:1px 4px}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff0b;padding:15px 23px}.sidebar-bottom>a{display:block;font-size:10px;margin-bottom:13px}.admin-user{display:flex;align-items:center;gap:10px;margin-top:24px}.admin-user>span,.avatar{background:#dce7d2;color:#35543d;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:600}.admin-user strong{color:#dce3ed;display:block;font-size:10px}.admin-user small{font-size:9px;color:#718099}.online-dot{background:#60b991;border-radius:50%;height:6px;width:6px;margin-left:auto}.admin-shell{margin-left:248px}.admin-header{height:77px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:15px}.breadcrumb{font-size:10px;color:var(--muted)}.breadcrumb>span{margin:0 13px;color:#c8ced9}.breadcrumb strong{color:var(--text);font-weight:500}.top-actions{display:flex;align-items:center;gap:22px;font-size:10px}.top-actions>a{border:1px solid var(--border);border-radius:6px;padding:7px 12px}.secure-badge{font-size:9px;color:#648278}.secure-badge:first-letter{color:#4ab58a}.mobile-sidebar{display:none}#admin-main{max-width:1620px;margin:auto;padding:32px 35px 55px;min-height:calc(100dvh - 130px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading p{font-size:11px;color:var(--muted);margin:0}.page-heading-actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--border);background:white;border-radius:7px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:500;white-space:nowrap}.btn.primary{color:white;background:var(--blue);border-color:var(--blue);box-shadow:0 3px 7px #2563eb16}.btn.primary:hover{background:#1d4ed8}.btn.danger{border-color:#f0b8b8;color:#b64343;background:#fff9f9}.btn.subtle{background:#f8fafc}.btn.small{padding:6px 10px;font-size:10px}.btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:25px}.metric{background:white;border:1px solid var(--border);border-radius:11px;padding:20px;box-shadow:0 2px 4px #1d293b03}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#8190a3}.metric-icon{width:30px;height:30px;display:grid;place-items:center;background:#eff4ff;color:#4e7be8;border-radius:8px}.metric-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.metric:nth-child(2) .metric-icon{background:#ebf8f0;color:#37a579}.metric:nth-child(3) .metric-icon{background:#fff7e7;color:#c68c20}.metric:nth-child(4) .metric-icon{background:#f4eeff;color:#9460df}.metric:nth-child(5) .metric-icon{background:#eaf7f8;color:#3a99a2}.metric strong{display:block;font-size:29px;font-weight:600;line-height:1.3;letter-spacing:-.8px;margin:12px 0 5px}.metric small{font-size:9px;color:var(--muted)}.mode-banner{display:flex;align-items:center;gap:12px;border:1px solid #eadfc0;background:#fffbef;color:#8c723a;border-radius:8px;padding:13px 17px;font-size:10px;margin-bottom:25px}.mode-banner strong{color:#785b24}.mode-banner a,.mode-banner button{margin-left:auto;font-size:10px;background:none;border:0;color:#926b1c;white-space:nowrap}.panel{background:white;border:1px solid var(--border);border-radius:11px;margin-bottom:23px;overflow:hidden;box-shadow:0 2px 4px #1d293b02}.panel-heading{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px}.panel-heading h2{margin:0;font-size:13px;font-weight:600}.panel-heading p{font-size:10px;color:var(--muted);margin:3px 0 0}.panel-heading>a,.panel-heading>button{font-size:10px;color:var(--muted);background:none;border:0}.panel-body{padding:25px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-weight:500;color:#8593a6;letter-spacing:.06em;font-size:8px;background:#fbfcfe;padding:13px 22px;border-bottom:1px solid var(--border)}td{padding:17px 22px;border-bottom:1px solid #edf0f5;font-size:10px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}.table-product{display:flex;align-items:center;gap:12px}.table-product img{width:39px;height:47px;object-fit:cover;border-radius:5px;background:#edf0f5}.table-product strong{display:block;font-size:11px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis}.table-product small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.order-ref{font-family:monospace;font-size:10px;color:#4d76c9}.customer-cell strong{display:block;font-weight:500}.customer-cell small{font-size:9px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;background:#eef3f8;font-size:8px;color:#74839b;text-transform:capitalize;white-space:nowrap}.status:before{content:'';height:4px;width:4px;border-radius:50%;background:currentColor}.status.green{color:#358e6b;background:#eaf7ef}.status.amber{color:#b98b27;background:#fff7e5}.status.red{color:#bd6663;background:#fcedeb}.status.purple{color:#8c69b7;background:#f4effb}.row-actions{display:flex;gap:6px}.icon-action{width:27px;height:27px;background:#f6f8fc;border:1px solid var(--border);border-radius:5px;display:grid;place-items:center;color:#6480a8;font-size:13px}.icon-action svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}.overview-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.checklist-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0f2f6;font-size:10px}.checklist-item:last-child{border:0}.check-circle{width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:#9aa6b6;font-size:10px}.check-circle.done{color:#3e9b77;background:#ebf7f1;border-color:#d4ecde}.checklist-item a{margin-left:auto;color:var(--blue);font-size:9px}.stock-row{display:flex;align-items:center;gap:13px;padding:10px 0}.stock-row img{height:40px;width:35px;object-fit:cover;border-radius:5px}.stock-row>div{flex:1;font-size:10px}.stock-row small{display:block;font-size:9px;color:var(--muted)}.stock-row>span{font-size:9px;background:#f7f1e3;color:#a18543;border-radius:5px;padding:3px 8px}.toolbar{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.search-field{position:relative;max-width:350px;flex:1}.search-field input{width:100%;padding:9px 12px 9px 32px;border:1px solid var(--border);border-radius:6px;background:#fbfcfe;font-size:10px}.search-field>span{position:absolute;left:11px;top:10px;color:#9ca9b9;font-size:13px}.toolbar-label{font-size:9px;color:var(--muted);display:flex;gap:8px;align-items:center}.empty-state{padding:58px 25px;text-align:center}.empty-state>span{font-size:27px;color:#b5c3d3}.empty-state h3{margin:12px 0 5px;font-weight:500}.empty-state p{font-size:10px;color:var(--muted);max-width:340px;margin:0 auto 20px}.settings-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.settings-help{align-self:start;border:1px solid var(--border);background:#edf2f9;padding:23px;border-radius:10px;color:#6f829d;font-size:11px}.settings-help h3{color:#45617e;font-size:12px;margin-bottom:10px}.settings-help p{margin-bottom:12px}.settings-help p:last-child{margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:10px;font-weight:500}.form-field.full{grid-column:1/-1}.form-field small{font-size:9px;font-weight:400;color:var(--muted)}.form-field input,.form-field select,.form-field textarea{border:1px solid #dce3ed;background:#fff;border-radius:6px;width:100%;padding:10px 12px;font-size:11px;font-weight:400;min-width:0;line-height:1.5}.form-field textarea{min-height:105px;resize:vertical}.form-field textarea.code{font:10px/1.7 monospace;min-height:200px;background:#fbfcfe}.form-field input[type=color]{height:42px;padding:5px;max-width:100%}.form-divider{grid-column:1/-1;border-top:1px solid var(--border);margin:4px 0}.form-subheading{grid-column:1/-1;margin:4px 0 -7px;font-size:12px}.toggle{display:flex;align-items:center;gap:12px;font-size:11px;cursor:pointer;line-height:1.4}.toggle input{appearance:none;flex-shrink:0;width:32px;height:18px;border-radius:20px;background:#dce3ec;position:relative;cursor:pointer;margin:0}.toggle input:checked{background:var(--blue)}.toggle input:after{content:'';position:absolute;width:12px;height:12px;background:white;border-radius:50%;top:3px;left:3px;transition:.15s;box-shadow:0 1px 3px #0002}.toggle input:checked:after{left:17px}.toggle small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:5px}.form-footer{padding:18px 25px;background:#fbfcfe;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);gap:20px}.upload-field{display:flex;gap:9px;align-items:center}.upload-field input{flex:1}.upload-field .btn{font-size:9px;padding:10px}.logo-preview{height:52px;max-width:160px;object-fit:contain;object-position:left}.form-error{background:#fff0ef;color:#ad514c;padding:12px 16px;font-size:11px;line-height:1.7;margin:0 25px 20px;border-radius:7px}.form-error:empty{display:none}.method-list{padding:0 25px}.method-row{padding:21px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:15px}.method-row:last-child{border:0}.method-logo{width:42px;height:42px;background:#f2f0fa;border-radius:9px;display:grid;place-items:center;font-size:17px;font-weight:600;color:#7e66a4}.method-row:nth-child(2) .method-logo{background:#eaf8ee;color:#32a45a}.method-row:nth-child(3) .method-logo{background:#e9f7f3;color:#329471}.method-row:nth-child(4) .method-logo{background:#f0f1f4;color:#293341}.method-row>div:nth-child(2){flex:1}.method-row strong{display:block;font-size:12px;font-weight:500}.method-row small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.method-row .row-actions{margin-left:10px}.info-callout{background:#eef4fe;color:#6b83a5;border:1px solid #e1eafa;padding:16px;font-size:10px;border-radius:7px;margin-bottom:22px}.admin-footer{display:flex;justify-content:space-between;padding:18px 35px;border-top:1px solid var(--border);font-size:8px;color:#97a3b4}.loading-state{padding:100px;text-align:center;color:#8c9bac}dialog{border:1px solid var(--border);border-radius:12px;width:720px;max-width:calc(100vw - 30px);max-height:90dvh;padding:0;box-shadow:0 20px 100px #13213730;color:var(--text)}dialog::backdrop{background:#17283f70;backdrop-filter:blur(3px)}.editor-heading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--border);padding:20px 25px;z-index:2}.editor-heading h2{margin:0;font-size:17px}.editor-heading button{background:none;border:0;font-size:25px;color:#8190a4}.editor-body{padding:25px}.editor-body .form-grid{gap:18px}.detail-card{background:#f5f7fb;border:1px solid var(--border);border-radius:8px;padding:17px;margin-bottom:20px;font-size:11px}.detail-card h3{font-size:12px;margin-bottom:10px}.detail-card p{margin:0 0 6px}.detail-card .order-item{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid var(--border)}.detail-card .order-item:last-child{border:0}#admin-toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);background:#263e32;color:white;padding:13px 23px;font-size:11px;box-shadow:0 5px 25px #0002;border-radius:7px;z-index:50;display:none;max-width:80vw}#admin-toast.visible{display:block}.form-field [type=checkbox]{width:auto}.image-note{font-size:9px;color:var(--muted);padding-top:5px}
@media(min-width:1550px){#admin-main{padding-inline:50px}.admin-header{padding-inline:50px}.metric{padding:25px}.metric strong{font-size:35px}.metrics{gap:22px}.sidebar{width:265px}.admin-shell{margin-left:265px}}
@media(max-width:1100px){.sidebar{width:220px}.admin-shell{margin-left:220px}#admin-main{padding:25px}.admin-header{padding:0 25px}.metrics{gap:10px}.metric{padding:14px}.metric-top{font-size:8px}.metric strong{font-size:25px}.metric small{font-size:8px}.settings-layout{grid-template-columns:1fr}.settings-help{display:none}.metric-icon{width:25px;height:25px}.overview-bottom{grid-template-columns:1fr 1fr}td,th{padding-inline:15px}.page-heading-actions .btn{padding:9px 12px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s;width:248px}.sidebar.open{transform:translateX(0);box-shadow:15px 0 100px #0004}.admin-shell{margin-left:0}.mobile-sidebar{display:inline-block;border:0;background:none;padding:5px 12px 5px 0;font-size:20px}.admin-header{height:66px;padding-inline:20px}.secure-badge{display:none}.top-actions{gap:12px}.breadcrumb{font-size:9px}.breadcrumb>span{margin:0 8px}#admin-main{padding:25px 18px}.page-heading{align-items:flex-start;gap:15px;flex-wrap:wrap}h1{font-size:25px}.page-heading-actions{gap:7px}.metrics{grid-template-columns:repeat(2,1fr);gap:12px}.metric:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.metric:last-child strong{margin:0;text-align:right}.metric:last-child small{grid-column:1/-1}.metric-top{font-size:10px}.metric strong{font-size:30px}.metric small{font-size:9px}.metric{padding:18px}.overview-bottom{grid-template-columns:1fr;gap:0}.panel-heading{padding:18px}.panel-body{padding:20px}.mode-banner{align-items:flex-start;font-size:9px;padding:12px;gap:10px}.mode-banner>span{max-width:75%}.mode-banner button{font-size:9px}.form-grid{gap:16px;grid-template-columns:1fr}.form-field.full,.form-divider,.form-subheading{grid-column:1}.form-footer{padding:17px 20px}.admin-footer{padding:17px 20px}.admin-footer>span:last-child{display:none}.method-list{padding-inline:18px}.method-row{gap:10px;flex-wrap:wrap}.method-row .status{margin-left:auto}.method-row .row-actions{margin-left:auto}.method-row>div:nth-child(2){min-width:130px}.toolbar{padding:15px;gap:10px}.toolbar-label{font-size:8px}.editor-body{padding:22px}.editor-heading{padding:18px 22px}#admin-toast{left:50%;max-width:90vw}.page-heading p{font-size:10px}.table-product strong{max-width:150px}.editor-body .form-grid{gap:16px}}
.sidebar nav button{font-size:13px}.sidebar nav p{font-size:9px}.workspace strong{font-size:12px}.workspace small{font-size:10px}.breadcrumb,.top-actions{font-size:11px}.page-heading p{font-size:12px}.btn{font-size:12px}.metric-top{font-size:11px}.metric small{font-size:10px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:11px}th{font-size:9px}td{font-size:12px}.table-product strong{font-size:12px}.table-product small,.customer-cell small{font-size:10px}.status{font-size:9px}.form-field{font-size:12px}.form-field input,.form-field select,.form-field textarea{font-size:13px}.toggle{font-size:12px}.toggle small,.form-field small{font-size:10px}.settings-help{font-size:12px}.settings-help h3{font-size:13px}.checklist-item{font-size:11px}.stock-row>div{font-size:11px}.stock-row small{font-size:10px}.method-row strong{font-size:14px}.method-row small{font-size:11px}.mode-banner{font-size:11px}.info-callout{font-size:11px}@media(max-width:800px){.mode-banner{font-size:10px}.page-heading p{font-size:11px}.form-field input,.form-field select,.form-field textarea{font-size:14px}}