:root{--bg0:#070A12;--bg1:#0B1020;--card:#101A33;--card2:#0E1730;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.14);--text:#F3F6FF;--muted:#B8C4E6;--muted2:#90A2D6;--accent:#5EEAD4;--accent2:#60A5FA;--danger:#FB7185;--warn:#FBBF24;--good:#34D399;--shadow:0 18px 50px rgba(0,0,0,.45);--r14:14px;--r12:12px;--r10:10px;--container-max: 3400px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(900px 520px at 20% -10%,rgba(94,234,212,.18),transparent 55%),radial-gradient(900px 520px at 85% 10%,rgba(96,165,250,.14),transparent 58%),linear-gradient(180deg,var(--bg0),var(--bg1))}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--container-max);width:calc(100% - 24px);margin:0 auto;padding:18px}.topbar{position:sticky;top:12px;z-index:10;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r14);background:#101a33b8;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand .dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 6px #5eead41a}.nav{margin-left:auto;display:flex;gap:14px;align-items:center}.nav a{color:var(--muted);font-weight:600}.nav a.active{color:var(--text)}.card{background:#101a33c7;border:1px solid var(--line);border-radius:var(--r14);padding:16px;box-shadow:var(--shadow)}.section{margin-top:14px}.h1{font-size:18px;font-weight:800;margin:0}.h2{font-size:15px;font-weight:800;margin:0}.muted{color:var(--muted);font-size:13px}.small{color:var(--muted2);font-size:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{height:14px}.stickyActions{position:sticky;bottom:16px;top:auto;z-index:40;background:#101a339e;border:1px solid var(--line);border-radius:var(--r14);padding:10px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floatingActions{position:fixed;left:50%;transform:translate(-50%);bottom:16px;z-index:60;width:min(var(--container-max),calc(100% - 24px));background:#101a33b8;border:1px solid var(--line);border-radius:var(--r14);padding:10px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px #00000059}@media (max-width: 760px){.container{width:calc(100% - 14px);padding:12px}.topbar{flex-wrap:wrap;gap:10px;top:8px;padding:12px}.nav{width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap;gap:10px}.card{padding:12px}.btn{padding:10px}.bulkHeaderMid{min-width:unset;width:100%}.bulkHeaderRight{width:100%;justify-content:flex-end}.tablewrap{overflow:auto}.thumb{width:44px;height:44px}}.bulkHeader{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.bulkHeaderLeft{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bulkHeaderMid{flex:1;min-width:520px}.bulkHeaderRight{display:flex;gap:10px;align-items:center;margin-left:auto;flex-wrap:wrap}.detailPage{padding-bottom:110px}.btn{border:1px solid var(--line2);background:#0a0e1c8c;color:var(--text);padding:12px;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .06s ease,border-color .2s ease,background .2s ease}.btn:hover{border-color:#5eead459}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,#5eead438,#60a5fa2e);border-color:#5eead44d}.btn.danger{background:#fb71851f;border-color:#fb71854d}.btn.ghost{background:transparent}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 980px){.fieldgrid{grid-template-columns:1fr}}label{display:grid;gap:7px;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.2px}.input,select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line2);background:#090c18a6;color:var(--text);outline:none;font-size:14px}.input::placeholder,textarea::placeholder{color:#b8c4e68c}.input:focus,select:focus,textarea:focus{border-color:#5eead480;box-shadow:0 0 0 4px #5eead41f}.colchooser{margin-top:6px}.chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line2);border-radius:999px;background:#080c1859}.chip span{font-weight:900;color:var(--text);font-size:13px}.chipBtns{display:flex;gap:6px;margin-left:6px}.iconbtn{border:1px solid var(--line2);background:#101a338c;color:var(--text);border-radius:10px;padding:4px 7px;cursor:pointer;font-weight:900}.iconbtn:disabled{opacity:.45;cursor:not-allowed}.iconbtn.danger{border-color:#fb718559;color:var(--danger)}.switch{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#090c1859}.switch input{width:18px;height:18px;accent-color:var(--accent)}.tablewrap{overflow-x:auto;width:100%}.table{width:100%;min-width:max-content;border-collapse:separate;border-spacing:0}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{color:var(--muted);font-size:12px;font-weight:800;background:#090c1873}.table tbody tr:nth-child(2n) td{background:#ffffff07}.table tbody tr:hover td{background:#ffffff0f}.table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.thumb{width:56px;height:56px;border-radius:14px;border:1px solid var(--line);background:#0003;object-fit:cover}.uploadThumb{width:92px;height:92px;border-radius:10px;border:2px solid var(--line);background:#00000040;object-fit:cover;display:block;transition:border-color .15s}.uploadThumb.isThumb{border-color:var(--accent);box-shadow:0 0 0 3px #5eead42e}.fileRow{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;background:#ffffff0a;border:1px solid var(--line);font-size:13px}.fileRow a{flex:1;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileRow a:hover{color:var(--accent);text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:800}.badge.good{border-color:#34d3994d;background:#34d3991a}.badge.bad{border-color:#fb71854d;background:#fb71851a}.editorShell{border:1px solid var(--line2);border-radius:14px;background:#090c188c;padding:12px}.editorShell :global(.ProseMirror){outline:none;min-height:140px;line-height:1.55;font-size:14px}.editorShell img{max-width:100%;border-radius:12px;border:1px solid var(--line)}.editorWrap{border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:#090c188c}.editorToolbar{display:flex;align-items:center;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line2);background:#ffffff06;flex-wrap:wrap}.editorBody{padding:14px 16px;min-height:160px}.editorBody :global(.ProseMirror){outline:none;min-height:140px;line-height:1.65;font-size:14px}.editorBody :global(.ProseMirror p){margin:0 0 8px}.editorBody :global(.ProseMirror h2){font-size:16px;font-weight:800;margin:12px 0 6px}.editorBody :global(.ProseMirror ul){padding-left:20px;margin:0 0 8px}.editorBody :global(.ProseMirror li){margin-bottom:3px}.editorBody :global(.ProseMirror a){color:var(--accent)}.editorBody img{max-width:100%;border-radius:10px;border:1px solid var(--line);margin:4px 0}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbtn{padding:5px 10px;border-radius:8px;border:1px solid var(--line);background:#090c1873;color:var(--text);font-size:13px;font-weight:800;cursor:pointer;line-height:1.4;display:inline-flex;align-items:center}.toolbtn:hover{border-color:#5eead459}.toolbtn.active{border-color:#5eead48c;background:#5eead41a;color:var(--accent)}.kpiGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 980px){.kpiGrid{grid-template-columns:1fr}}.kpi{padding:12px;border-radius:14px;border:1px solid var(--line);background:#090c1859}.kpi .label{color:var(--muted);font-size:12px;font-weight:800}.kpi .value{font-size:16px;font-weight:900;margin-top:6px}.toast{position:fixed;top:18px;right:18px;z-index:2000;background:#0c1226f5;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:12px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;max-width:520px}.toast.good{border-color:#34d39959}.toast.warn{border-color:#fbbf2459}.toast.info{border-color:#60a5fa59}.dividerV{width:1px;height:44px;background:#ffffff1f;margin:0 6px}.btn.tiny{padding:8px 10px;border-radius:12px;font-weight:900}.modalback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(760px,96vw);max-height:88vh;overflow:auto;background:#0a0e1efa;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.p13nlist{border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}.p13nrow{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid rgba(255,255,255,.08)}.p13nrow:first-child{border-top:none}.link{color:var(--accent);font-weight:900;text-decoration:none}.link:hover{text-decoration:underline}.container{max-width:3400px}.modal.wide{max-width:980px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px}.tab{background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 12px;border-radius:12px;font-weight:800}.tab.active{border-color:#5eead4b3;box-shadow:0 0 0 2px #5eead426 inset}.p13nrow{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;margin-bottom:8px;background:#0000001a}.p13nrow:hover{border-color:#ffffff2e}.drag{width:28px;text-align:center;opacity:.75;cursor:grab;-webkit-user-select:none;user-select:none}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:900px){.grid2{grid-template-columns:1fr}}.actionbar{position:sticky;top:12px;z-index:50}.actionbar .row{align-items:center}.modal .modal-footer{position:sticky;bottom:0;background:#090c18f5;padding-top:12px;margin-top:12px}.modal-body{max-height:70vh;overflow:auto;padding-right:4px}.stack{display:flex;flex-direction:column;gap:14px}.list{display:flex;flex-direction:column;gap:12px}.orderCard{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;background:#0000002e}.orderHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.orderTotal{font-size:18px;font-weight:700;white-space:nowrap}.orderBody{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap}.orderItems{flex:1 1 320px}.orderMeta{flex:1 1 240px;display:flex;flex-direction:column;gap:6px}.metaRow{display:flex;justify-content:space-between;gap:10px}.orderItemRow{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.orderItemRow:last-child{border-bottom:none}.orderActions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:flex-end}.badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.12);color:#ffffffe6}.badge.ordered{background:#008cff1a}.badge.in_production{background:#ffb4001a}.badge.ready_to_ship{background:#00ff8c1a}.badge.completed{background:#8cff8c1a}.badge.cancelled{background:#ff3c3c1a}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.modalCard{width:min(820px,95vw);max-height:90vh;overflow:auto;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#080c16f5;box-shadow:0 18px 60px #0000008c}.modalHeader{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.1);background:#080c16f5;z-index:1}.modalTitle{font-weight:700}.modalBody{padding:14px}@media (max-width: 720px){.orderHead{flex-direction:column;align-items:flex-start}.orderTotal{font-size:16px}}.authWrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px}.authCard{width:min(460px,100%);background:linear-gradient(180deg,#ffffff0d,#ffffff08);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.authTitle{font-size:24px;font-weight:900;margin-bottom:6px}.pill{background:#ffffff0f;border:1px solid var(--line);border-radius:999px;padding:8px 10px;font-size:13px;color:var(--muted);white-space:nowrap}.actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.btn.small{padding:8px 10px;font-size:13px}.iconBtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);cursor:pointer;text-decoration:none;font-size:15px;flex-shrink:0}.iconBtn:hover{border-color:var(--line2);background:#ffffff0f}.iconBtn.primary{border-color:#5eead44d;color:var(--accent)}.iconBtn.primary:hover{border-color:#5eead48c;background:#5eead414}.iconBtn.danger{border-color:#fb71854d;color:var(--danger)}.iconBtn.danger:hover{border-color:#fb71858c;background:#fb718514}.menu{position:relative}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker{display:none}.menuList{position:absolute;right:0;top:44px;background:#0a0e1cfa;border:1px solid var(--line2);border-radius:14px;padding:6px;min-width:170px;box-shadow:0 18px 60px #0000008c;z-index:20}.menuItem{width:100%;text-align:left;padding:10px;border-radius:12px;border:0;background:transparent;color:var(--text);cursor:pointer;font-weight:700}.menuItem:hover{background:#ffffff0f}.menuItem.danger{color:var(--danger)}@media (max-width: 760px){.actions .btn.small{display:none}}.logo{width:34px;height:34px;border-radius:10px;box-shadow:0 10px 26px #00000059}.brandText{font-weight:900;letter-spacing:.2px}.table thead th{position:sticky;top:0;z-index:2;background:#0a0e1cd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted2);border-bottom:1px solid var(--line2)}.table tbody td{vertical-align:middle}.rowActions{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.btn.tiny{padding:7px 10px;font-size:12px}.btn.small{padding:8px 12px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field.grow,.grow{flex:1}.subtle{color:var(--muted);font-size:13px}.h3{font-size:13px;font-weight:800;margin:0}.card.inner{background:#00000026}.row.end{justify-content:flex-end}.page{margin-top:14px}