@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--brand:#0077b6;--brand-dark:#005f92;--brand-light:#0077b61a;--brand-border:#0077b64d;--admin-bg:#ebf5fb;--admin-nav:#2e86c1;--bg:#f4f6f8;--surface:#fff;--border:#e2e6ea;--border2:#cdd3da;--text:#1a202c;--text2:#4a5568;--text3:#8492a6;--success:#2f855a;--success-bg:#f0fff4;--success-bd:#9ae6b4;--warning:#92400e;--warning-bg:#fffbeb;--warning-bd:#fcd34d;--danger:#c53030;--danger-bg:#fff5f5;--danger-bd:#fc8181;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--font:"Inter",-apple-system,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#f4f6f8;background:var(--bg);color:#1a202c;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;line-height:1.6}.shell{flex-direction:column;min-height:100vh}.nav,.shell{display:flex}.nav{align-items:center;background:#0077b6;background:var(--brand);box-shadow:0 2px 8px #00000026;height:56px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav.admin-nav{background:#2e86c1;background:var(--admin-nav)}.nav-logo{color:#fff;font-size:18px;font-weight:700;gap:10px;letter-spacing:-.02em;text-decoration:none}.nav-logo,.nav-logo-mark{align-items:center;display:flex}.nav-logo-mark{background:#fff3;border-radius:8px;height:32px;justify-content:center;width:32px}.nav-links{align-items:center;display:flex;gap:4px}.nav-link{background:none;border:none;border-radius:8px;border-radius:var(--radius);color:#ffffffd9;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;text-decoration:none;transition:background .12s}.nav-link.active,.nav-link:hover{background:#ffffff2e;color:#fff}.nav-group-badge{background:#fff3;border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 10px}.page{flex:1 1;margin:0 auto;max-width:1140px;padding:28px 24px;width:100%}.page-hdr{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#1a202c;color:var(--text);font-size:22px;font-weight:700;letter-spacing:-.02em}.page-sub{color:#4a5568;color:var(--text2);font-size:13px;margin-top:2px}.card{background:#fff;background:var(--surface);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow);padding:20px}.card-sm{padding:14px 16px}.btn,.card-sm{border-radius:8px;border-radius:var(--radius)}.btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #cdd3da;border:1px solid var(--border2);color:#1a202c;color:var(--text);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .12s;white-space:nowrap}.btn:hover{background:#f4f6f8;background:var(--bg)}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn-primary{background:#0077b6;background:var(--brand);border-color:#0077b6;border-color:var(--brand);color:#fff}.btn-primary:hover{background:#005f92;background:var(--brand-dark);border-color:#005f92;border-color:var(--brand-dark)}.btn-success{background:#2f855a;background:var(--success);border-color:#2f855a;border-color:var(--success);color:#fff}.btn-danger{background:#fff5f5;background:var(--danger-bg);border-color:#fc8181;border-color:var(--danger-bd);color:#c53030;color:var(--danger)}.btn-sm{font-size:12px;padding:5px 10px}.btn-lg{font-size:14px;font-weight:600;padding:11px 22px}.btn-full{width:100%}.field{margin-bottom:14px}.label{color:#4a5568;color:var(--text2);display:block;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.input,.select,.textarea{background:#fff;background:var(--surface);border:1px solid #cdd3da;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius);color:#1a202c;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#0077b6;border-color:var(--brand);box-shadow:0 0 0 3px #0077b61a;box-shadow:0 0 0 3px var(--brand-light);outline:none}.textarea{min-height:80px;resize:vertical}.input-error{border-color:#c53030!important;border-color:var(--danger)!important}.toggle-label{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:10px}.toggle-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 9px}.badge-pending{background:#fffbeb;background:var(--warning-bg);border:1px solid #fcd34d;border:1px solid var(--warning-bd);color:#92400e;color:var(--warning)}.badge-inprocess{background:#ede7f6;border:1px solid #ce93d8;color:#6a1b9a}.badge-mqc{background:#f3e8ff;border:1px solid #c4b5fd;color:#7c3aed}.badge-ready{background:#ebf5fb;border:1px solid #aed6f1;color:#2e86c1}.badge-fulfilled{background:#f0fff4;background:var(--success-bg);border:1px solid #9ae6b4;border:1px solid var(--success-bd);color:#2f855a;color:var(--success)}.badge-cancelled{background:#fff5f5;background:var(--danger-bg);border:1px solid #fc8181;border:1px solid var(--danger-bd);color:#c53030;color:var(--danger)}.grid2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.grid3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.grid4{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.sidebar{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 320px}.steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.step{background:#f4f6f8;background:var(--bg);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:20px;color:#8492a6;color:var(--text3);font-size:12px;font-weight:500;padding:4px 14px}.step.active{background:#0077b6;background:var(--brand);border-color:#0077b6;border-color:var(--brand);color:#fff}.step.done{background:#f0fff4;background:var(--success-bg);border-color:#9ae6b4;border-color:var(--success-bd);color:#2f855a;color:var(--success)}.qty{gap:8px}.qty,.qty-btn{align-items:center;display:flex}.qty-btn{background:#f4f6f8;background:var(--bg);border:1px solid #cdd3da;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius);color:#1a202c;color:var(--text);cursor:pointer;font-size:16px;height:30px;justify-content:center;transition:background .12s;width:30px}.qty-btn:hover{background:#e2e6ea;background:var(--border)}.qty-input{text-align:center;width:54px!important}.sum-row{color:#4a5568;color:var(--text2);font-size:13px;margin-bottom:7px}.sum-row,.sum-total{display:flex;justify-content:space-between}.sum-total{color:#1a202c;color:var(--text);font-size:16px;font-weight:700;margin-top:10px}.divider{border:none;border-top:1px solid #e2e6ea;border-top:1px solid var(--border);margin:14px 0}.filebrowser{border:1px solid #cdd3da;border:1px solid var(--border2);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden}.filelist{max-height:240px;overflow-y:auto}.filerow{align-items:center;border-bottom:1px solid #e2e6ea;border-bottom:1px solid var(--border);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;transition:background .1s}.filerow:last-child{border-bottom:none}.filerow:hover{background:#f4f6f8;background:var(--bg)}.filerow.selected{background:#0077b61a;background:var(--brand-light)}.fileicon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:28px;justify-content:center;width:28px}.fileicon-img{background:#0077b61a;background:var(--brand-light);color:#0077b6;color:var(--brand)}.fileicon-dir{background:#fffbeb;background:var(--warning-bg);color:#92400e;color:var(--warning)}.photoslot{background:#f4f6f8;background:var(--bg);border:2px dashed #cdd3da;border:2px dashed var(--border2);border-radius:8px;border-radius:var(--radius);color:#8492a6;color:var(--text3);cursor:pointer;font-size:12px;padding:18px;text-align:center;transition:all .15s}.photoslot:hover{background:#0077b61a;background:var(--brand-light);border-color:#0077b6;border-color:var(--brand)}.photoslot.has-photo{background:#f0fff4;background:var(--success-bg);border-color:#9ae6b4;border-color:var(--success-bd);border-style:solid}.pcard{cursor:pointer;transition:border-color .15s,box-shadow .15s}.pcard:hover{border-color:#0077b6;border-color:var(--brand);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md)}.pcard-thumb{align-items:center;background:#f4f6f8;background:var(--bg);border-radius:8px;border-radius:var(--radius);display:flex;height:150px;justify-content:center;margin-bottom:12px;overflow:hidden}.pcard-thumb img{height:100%;object-fit:contain;width:100%}.login-wrap{align-items:center;background:linear-gradient(135deg,#0077b6,#005f92);background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark) 100%);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);max-width:380px;padding:40px;text-align:center;width:100%}.login-logo{color:#0077b6;color:var(--brand);font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.login-sub{color:#4a5568;color:var(--text2);font-size:13px;margin-bottom:28px}.pin-input{font-size:28px;font-weight:700;letter-spacing:.3em;padding:14px;text-align:center}.toasts{bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:999}.toast{animation:tIn .2s ease;background:#1a202c;background:var(--text);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;font-size:13px;font-weight:500;max-width:320px;padding:12px 18px}.toast-success{background:#2f855a;background:var(--success)}.toast-error{background:#c53030;background:var(--danger)}@keyframes tIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin .6s linear infinite;border:2px solid #cdd3da;border-top-color:#0077b6;border:2px solid var(--border2);border-radius:50%;border-top-color:var(--brand);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.tbl{border-collapse:collapse;width:100%}.tbl th{background:#f4f6f8;background:var(--bg);color:#8492a6;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 16px;text-align:left;text-transform:uppercase}.tbl td,.tbl th{border-bottom:1px solid #e2e6ea;border-bottom:1px solid var(--border)}.tbl td{font-size:13px;padding:13px 16px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{cursor:pointer;transition:background .1s}.tbl tbody tr:hover{background:#f4f6f8;background:var(--bg)}.empty{color:#8492a6;color:var(--text3);padding:60px 20px;text-align:center}.empty-icon{font-size:44px;margin-bottom:12px}.empty-title{color:#4a5568;color:var(--text2);font-size:16px;font-weight:600;margin-bottom:6px}.alert{border-radius:8px;border-radius:var(--radius);font-size:13px;margin-bottom:14px;padding:12px 14px}.alert-info{background:#0077b61a;background:var(--brand-light);border:1px solid #0077b64d;border:1px solid var(--brand-border);color:#005f92;color:var(--brand-dark)}.alert-warn{background:#fffbeb;background:var(--warning-bg);border:1px solid #fcd34d;border:1px solid var(--warning-bd);color:#92400e;color:var(--warning)}.img-upload{background:#f4f6f8;background:var(--bg);border:2px dashed #cdd3da;border:2px dashed var(--border2);border-radius:8px;border-radius:var(--radius);cursor:pointer;padding:20px;text-align:center;transition:all .15s}.img-upload:hover{background:#0077b61a;background:var(--brand-light);border-color:#0077b6;border-color:var(--brand)}.img-preview{background:#f4f6f8;background:var(--bg);border-radius:8px;border-radius:var(--radius);height:auto;margin-bottom:8px;max-height:300px;object-fit:contain;width:100%}.admin-tabs{border-bottom:1px solid #e2e6ea;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding-bottom:12px}.admin-tab{background:none;border:1px solid #0000;border-radius:8px;border-radius:var(--radius);color:#4a5568;color:var(--text2);cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .12s}.admin-tab:hover{background:#f4f6f8;background:var(--bg);color:#1a202c;color:var(--text)}.admin-tab.active{background:#0077b6;background:var(--brand);border-color:#0077b6;border-color:var(--brand);color:#fff}.admin-layout{minHeight:100vh;background:#ebf5fb;background:var(--admin-bg);display:flex}.admin-sidebar{background:#1a2940;display:flex;flex-direction:column;height:100vh;min-width:220px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:220px}.admin-sidebar-logo{border-bottom:1px solid #ffffff14;padding:20px 18px 12px}.admin-sidebar-logo-text{color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px}.admin-sidebar-logo-sub{color:#fff6;margin-top:2px}.admin-sidebar-logo-sub,.admin-sidebar-section{font-size:10px;letter-spacing:1px;text-transform:uppercase}.admin-sidebar-section{color:#ffffff4d;font-weight:700;padding:16px 10px 4px}.admin-nav-item{align-items:center;background:none;border:none;border-radius:6px;color:#ffffffa6;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin:1px 6px;padding:9px 18px;text-align:left;transition:all .12s;width:100%;width:calc(100% - 12px)}.admin-nav-item:hover{background:#ffffff14;color:#fff}.admin-nav-item.active{background:#0077b6;background:var(--brand);color:#fff}.admin-nav-item.future{color:#ffffff40;cursor:default;font-style:italic}.admin-nav-item.future:hover{background:none;color:#ffffff40}.admin-content{flex:1 1;min-width:0;overflow-y:auto;padding:28px 32px}.admin-content-header{margin-bottom:24px}.admin-content-title{color:#2e86c1;color:var(--admin-nav);font-size:22px;font-weight:700}.admin-content-sub{color:#4a5568;color:var(--text2);font-size:13px;margin-top:2px}@media (max-width:768px){.sidebar{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.page{padding:16px}.nav{padding:0 16px}}.badge-prod{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.badge-ship{background:#ede9fe;border:1px solid #c4b5fd;color:#5b21b6}.logo-preview{background:#f4f6f8;background:var(--bg);border:1px solid #e2e6ea;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:block;margin-bottom:8px;max-height:60px;max-width:160px;object-fit:contain;padding:4px;width:auto}.rich-content{color:#1a202c;color:var(--text);font-size:14px;line-height:1.8}.rich-content h1{font-size:22px;font-weight:700;margin:20px 0 10px}.rich-content h2{font-size:18px;font-weight:600;margin:18px 0 8px}.rich-content h3{font-size:15px;font-weight:600;margin:14px 0 6px}.rich-content p{margin-bottom:10px}.rich-content ol,.rich-content ul{margin-bottom:10px;padding-left:24px}.rich-content li{margin-bottom:4px}.rich-content strong{font-weight:600}.rich-content em{font-style:italic}.rich-content u{text-decoration:underline}.ql-toolbar{background:#f4f6f8;background:var(--bg)}.ql-container,.ql-toolbar{border-color:#cdd3da!important;border-color:var(--border2)!important}.ql-container{font-family:Inter,-apple-system,sans-serif!important;font-family:var(--font)!important}.ql-editor{font-size:13px;min-height:200px}
/*# sourceMappingURL=main.4a3bb088.css.map*/