:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[hidden]{display:none!important}*{box-sizing:border-box}body{color:#e2e8f0;background:#0f172a;flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;display:flex}header{z-index:10;background:#0b1220;border-bottom:1px solid #1e293b;position:sticky;top:0;box-shadow:0 4px 14px #00000059}.appbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1150px;min-height:48px;margin:0 auto;padding:10px 16px;display:flex}.brand{letter-spacing:.04em;color:#f8fafc;font-size:17px;font-weight:700}.brand:before{content:"◆";color:#f59e0b;vertical-align:1px;margin-right:8px;font-size:13px}#userbar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}#userchip{color:#94a3b8;font-size:12px}#userbar nav{background:#111c31;border:1px solid #1e293b;border-radius:10px;gap:4px;padding:3px;display:flex}button.navbtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:background-color .15s,color .15s;display:inline-flex}.navicon{fill:currentColor;flex:none;width:15px;height:15px}button.primary .navicon{width:14px;height:14px}.user-identity{color:#94a3b8;align-items:center;gap:6px;font-size:12px;display:inline-flex}.user-identity .navicon{opacity:.75}button.navbtn:hover{color:#e2e8f0}button.navbtn.active{color:#0f172a;background:#f59e0b;font-weight:700}button .brand{align-items:center;gap:8px;display:inline-flex}.brand.has-logo:before{content:none}#brandLogo{object-fit:contain;border-radius:4px;width:20px;height:20px}.btn-quiet{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;transition:color .15s;display:inline-flex}.btn-quiet:hover{color:#e2e8f0}.toasts{z-index:60;pointer-events:none;flex-direction:column;gap:8px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{pointer-events:auto;color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.45;animation:.18s ease-out toast-in;display:flex;box-shadow:0 10px 24px #00000073}.toast:before{content:"";background:#94a3b8;border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.toast-ok{border-color:#14532d}.toast-ok:before{background:#4ade80}.toast-error{color:#fecaca;border-color:#7f1d1d}.toast-error:before{background:#f87171}.toast-info:before{background:#38bdf8}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.panel-lead{color:#94a3b8;margin:-4px 0 18px;font-size:12px}.panel-group{text-transform:uppercase;letter-spacing:.06em;color:#64748b;border-bottom:1px solid #1e293b;margin:18px 0 10px;padding-bottom:6px;font-size:11px}.field-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field-head label{margin-bottom:4px}.field-counter{color:#64748b;font-variant-numeric:tabular-nums;font-size:11px}.field-counter.limit{color:#fbbf24}.form-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.form-actions .secondary{margin-right:auto}button.primary.compact{width:auto;box-shadow:none;border-radius:8px;margin-top:0;padding:8px 14px;font-size:13px;font-weight:600}#settingsLocale{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:6px;width:100%;padding:8px 10px;font-size:13px}#settingsLocale:focus{border-color:#f59e0b;outline:none}.field-hint{color:#64748b;margin:6px 0 0;font-size:11px}.logo-preview{align-items:center;gap:12px;margin-top:10px;display:flex}#settingsLogoPreview{object-fit:contain;background:#0f172a;border:1px solid #334155;border-radius:8px;max-width:64px;max-height:64px;padding:4px}.btn-ghost{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;transition:color .15s;display:inline-flex}button.btn-ghost:hover{color:#f87171}.login-panel{justify-self:center;max-width:380px;margin:60px auto 0}#loginError{color:#f87171;min-height:18px;margin-top:10px;font-size:13px;font-weight:600}.panel-wide{width:100%}.panel-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel-toolbar input{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:6px;flex:0 380px;margin-left:auto;padding:8px 10px;font-size:13px}.panel-toolbar input:focus{border-color:#f59e0b;outline:none}.panel-toolbar .primary{align-items:center;gap:7px;width:auto;margin-top:0;padding:8px 14px;font-size:13px;display:inline-flex}.panel-pagination{align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.pagination-label{color:#94a3b8;white-space:nowrap;margin-right:10px}.pagination-dots{color:#475569;padding:0 2px}button.pagebtn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;min-width:26px;padding:4px 8px;font-size:12px;transition:background-color .15s,color .15s}button.pagebtn:hover:not(:disabled){color:#e2e8f0;border-color:#334155}button.pagebtn.active{color:#0f172a;background:#f59e0b;border-color:#f59e0b;font-weight:700}button.pagebtn:disabled{opacity:.35;cursor:not-allowed}.page-size{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:6px;margin-left:auto;padding:5px 8px;font-size:12px}.page-size:focus{border-color:#f59e0b;outline:none}.table-scroll{overflow-x:auto}#panelTable,#dashTable{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}#dashTable{min-width:460px}#panelTable th,#panelTable td,#dashTable th,#dashTable td{text-align:left;border-bottom:1px solid #334155;padding:8px 10px}#panelTable th,#dashTable th{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:11px}#panelTable td.cell-num,#panelTable th.cell-num,#dashTable td.cell-num,#dashTable th.cell-num{text-align:right;font-variant-numeric:tabular-nums}#panelTable th:last-child,#panelTable td:last-child,#dashTable th:last-child,#dashTable td:last-child{text-align:right}.icon-action{cursor:pointer;font:inherit;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:2px 3px;font-size:12px;font-weight:600;display:inline-flex}.icon-action+.icon-action{margin-left:8px}.icon-action svg{fill:currentColor;flex:none;width:13px;height:13px}.icon-action:hover,.icon-action:focus-visible{background:#94a3b824}.icon-action.edit{color:#fbbf24}.icon-action.delete{color:#f87171}#panelStatus{min-height:18px;margin-top:12px;font-size:12px;font-weight:600}#panelStatus.error{color:#f87171}#panelStatus.ok{color:#94a3b8}#dashStatus.error{color:#f87171}#dashTable .btn-quiet{color:#fbbf24;padding:2px 8px;font-size:12px}#dashTable .btn-quiet:hover{background:#94a3b824;border-radius:4px}.pill{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.pill.sm{padding:1px 6px;font-size:10px}.cell-sku .pill{vertical-align:1px;margin-left:6px}.pill.printed{color:#fbbf24;background:#3b2f12}.remark{color:#94a3b8;margin-top:12px;font-size:12px}#printInfo{min-height:6px}main{flex:1;grid-template-columns:1fr;align-items:start;gap:24px;width:100%;max-width:1150px;margin:0 auto;padding:24px 16px;display:grid}#viewEntry{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=800px){#viewEntry{grid-template-columns:1fr}}section.panel{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;box-shadow:0 10px 30px #0006}section.panel h2{color:#e2e8f0;border-bottom:1px solid #334155;margin:0 0 14px;padding-bottom:8px;font-size:16px;font-weight:600}.dash-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.dash-card{background:#0f172a;border:1px solid #334155;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.dash-card-primary{background:linear-gradient(#1c2413 0%,#0f172a 100%);border-color:#b45309}.dash-label{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:600}.dash-value{color:#fff;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.dash-card-primary .dash-value{color:#f59e0b}.dash-hint{color:#64748b;font-size:11px}.dash-foot{color:#cbd5e1;border:1px solid #334155;border-left:3px solid #f59e0b;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:12px}#viewDashboard h3{color:#e2e8f0;margin:0 0 8px;font-size:13px;font-weight:600}@media (width<=900px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{margin-bottom:12px}.field label{color:#94a3b8;margin-bottom:4px;font-size:11px;display:block}.field input[type=text],.field input[type=number],.field input[type=password]{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:6px;width:100%;padding:8px 10px;font-size:13px}.field input[type=text]:focus,.field input[type=number]:focus,.field input[type=password]:focus{border-color:#f59e0b;outline:none}.field input[readonly]{opacity:.75;cursor:not-allowed}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-row .field{margin-bottom:12px}button{cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{color:#e2e8f0;background:#334155;padding:8px 12px;font-size:12px}button.secondary:hover{background:#475569}button.primary{color:#020618;background:#f59e0b;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:12px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 6px 14px #0006}button.primary:hover{background:#fbbf24}.sku-row{gap:8px;display:flex}.sku-row input{flex:1}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.checklabel{color:#94a3b8;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.checklabel:has(input:disabled){opacity:.45;cursor:not-allowed}.print-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.registry-status{color:#94a3b8;margin-top:12px;font-size:12px}#status{min-height:18px;margin-top:10px;font-size:13px;font-weight:600}#status.error{color:#f87171}#status.ok{color:#4ade80}.preview-box{background:#0f172a;border:1px solid #1e293b;border-radius:10px;justify-content:center;padding:16px;display:flex;overflow-x:auto}#labelCanvas{border:1px solid #9ca3af;border-radius:4px;width:180px;max-width:100%;height:auto;box-shadow:0 4px 14px #00000080}.preview-note{color:#94a3b8;text-align:center;margin-top:14px;font-size:11px}.app-footer{text-align:center;color:#64748b;z-index:10;background:#0b1220eb;border-top:1px solid #1e293b;padding:8px 16px;font-size:11px;position:fixed;inset:auto 0 0}.app-footer a{color:#94a3b8;text-decoration:none}.app-footer a:hover{color:#f59e0b}body{padding-bottom:40px}@page{size:30mm 70mm;margin:0}@media print{html,body{width:30mm;height:70mm;margin:0;padding:0;overflow:hidden}body *{visibility:hidden}#labelCanvas,#labelCanvas *{visibility:visible}#labelCanvas{width:30mm;height:70mm;position:absolute;top:0;left:0}}