:root{--bg-primary: #0b0f19;--bg-secondary: #131b2e;--bg-card: #1e293b;--bg-card-hover: #243249;--border-color: #2e3d56;--border-focus: #6366f1;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-accent: #8b5cf6;--color-success: #10b981;--color-success-hover: #059669;--color-danger: #ef4444;--color-danger-hover: #dc2626;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-neon: 0 0 15px rgba(99, 102, 241, .15);--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;padding:24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(19,27,46,.8) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-neon);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-area{display:flex;align-items:center;gap:16px}.app-logo{width:40px;height:40px;color:var(--color-primary);filter:drop-shadow(0 0 8px rgba(99,102,241,.4))}.title-meta h1{font-size:1.25rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title-meta p{font-size:.85rem;color:var(--text-secondary)}.header-actions{display:flex;gap:12px}.dashboard-grid{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.sidebar-panel{display:flex;flex-direction:column;gap:24px}.main-panel{height:100%}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-md);transition:border-color var(--transition-normal)}.card:hover{border-color:#6366f14d}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:10px}.card-title svg{color:var(--color-primary)}.input-form,.settings-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.col-6{flex:1}.form-group.align-end{justify-content:flex-end}.form-row{display:flex;gap:16px}label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}input[type=text],input[type=number],select{width:100%;background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 14px;font-size:.9rem;border-radius:var(--border-radius-md);transition:all var(--transition-fast);outline:none}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #6366f133;background-color:#0b0f19cc}.checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:10px;background-color:#0b0f1966;padding:14px;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.checkbox-container{display:flex;align-items:center;position:relative;padding-left:28px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-secondary);text-transform:none;letter-spacing:normal;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:1px;left:0;height:18px;width:18px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.checkbox-container:hover input~.checkmark{border-color:var(--color-primary)}.checkbox-container input:checked~.checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);outline:none}.btn-block{width:100%}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--text-muted)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:var(--color-success-hover);box-shadow:0 4px 12px #10b9814d}.btn-accent{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff}.btn-accent:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,#7c3aed 100%);box-shadow:0 4px 15px #8b5cf666}.btn-danger-outline{background-color:transparent;color:var(--color-danger);border:1px solid rgba(239,68,68,.4);padding:6px 12px}.btn-danger-outline:hover{background-color:#ef44441a;border-color:var(--color-danger)}.btn-icon-danger{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.btn-icon-danger:hover{color:var(--color-danger);background-color:#ef44441a}.badge{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px}.table-card{display:flex;flex-direction:column;height:100%}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-header-left{display:flex;align-items:center;gap:12px}.table-header .card-title{margin-bottom:0;border-bottom:none;padding-bottom:0}.table-wrapper{overflow-x:auto;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);max-height:380px;overflow-y:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}th{background-color:#131b2ecc;color:var(--text-secondary);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;position:sticky;top:0;z-index:10}td{padding:10px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background-color:#1e293b66}.editable-cell{background-color:transparent;border:1px transparent;padding:4px 8px;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);outline:none}.editable-cell:hover{background-color:#ffffff0d;border:1px dashed var(--text-muted);cursor:text}.editable-cell:focus{background-color:var(--bg-secondary);border:1px solid var(--color-primary);box-shadow:0 0 4px #6366f14d}.empty-state-row td{padding:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--text-secondary);gap:12px}.empty-state svg{color:var(--text-muted)}.empty-state p{max-width:320px;font-size:.85rem}.preview-card{border-color:#6366f133}.preview-instructions{font-size:.85rem;color:var(--text-secondary);margin-bottom:20px}.preview-scroll-container{overflow-x:auto;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:24px;display:flex;justify-content:center;min-height:300px}.labels-container{display:flex;flex-direction:column;gap:30px;align-items:center}.print-sheet{background-color:#fff;color:#000;box-shadow:0 8px 24px #0000004d;border:1px solid #ddd;box-sizing:border-box;display:grid;align-content:start;justify-content:center;page-break-after:always;position:relative}.labels-container .print-sheet{transform-origin:top center;margin-bottom:10px}.label-item{box-sizing:border-box;border:1px dashed #000;background-color:#fff;color:#000;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;overflow:hidden;position:relative;font-family:Arial,Helvetica,sans-serif}.label-item.layout-vertical{padding:0!important;position:relative;overflow:hidden}.label-vertical-wrapper{position:absolute;top:0;left:0;transform-origin:top left;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;box-sizing:border-box}.label-item.layout-vertical .label-desc{width:100%;margin-bottom:1px}.label-item.layout-vertical .label-barcode-wrapper{margin:1px 0}.print-only .label-item{border:1px transparent}.label-desc{font-weight:700;width:100%;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}.label-barcode-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin:2px 0}.label-barcode-image{max-width:100%;max-height:100%;display:block}.label-meta-row{display:flex;justify-content:space-between;width:100%;font-size:.85em;font-weight:600;border-top:1px solid #eee;padding-top:2px}.label-code{text-align:left}.label-extra{text-align:right;font-weight:700}.print-only{display:none}@media print{.no-print,.no-print *{display:none!important}html,body{background-color:#fff!important;color:#000!important;margin:0!important;padding:0!important;height:auto!important;min-height:100vh!important}.print-only{display:block!important;width:100%!important}.print-sheet{box-shadow:none!important;border:none!important;background-color:#fff!important;page-break-after:always!important;page-break-inside:avoid!important}.label-item{border:1px dashed #000!important;page-break-inside:avoid!important}#print-area:not(.print-with-borders) .label-item{border-color:transparent!important}.blank-label{border:1px dashed transparent!important;background-color:#fff!important}}.labels-container .blank-label{border:1px dashed rgba(0,0,0,.15)!important;background-color:#ffffff0d!important}