@charset "UTF-8";:root{--primary: #ff9900;--primary-dark: #e68900;--primary-light: #ffb84d;--accent: #2f2f4c;--accent-light: #3d3d63;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--bg: #f5f6fa;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--text-light: #94a3b8;--sidebar-width: 260px;--sidebar-collapsed-width: 76px;--topbar-height: 64px;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--accent-light)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn-outline:hover:not(:disabled){background:var(--bg)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:16px}.btn-icon{padding:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-header h3,.card-header h4{margin:0}.card-body{padding:20px}.card-footer{padding:12px 20px;border-top:1px solid var(--border);background:var(--bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:6px}.form-label span.required{color:var(--danger);margin-left:2px}.form-control{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s;outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff99001a}.form-control.is-invalid{border-color:var(--danger)}.form-control::placeholder{color:var(--text-light)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:80px}.form-error{font-size:12px;color:var(--danger);margin-top:4px}.form-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}thead th{padding:10px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);border-bottom:1px solid var(--border)}tbody td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ff990008}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.03em}.badge-primary{background:#ff990026;color:#b36b00}.badge-success{background:#22c55e26;color:#15803d}.badge-warning{background:#f59e0b26;color:#b45309}.badge-danger{background:#ef444426;color:#b91c1c}.badge-info{background:#3b82f626;color:#1d4ed8}.badge-muted{background:var(--bg);color:var(--text-muted)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:6px}.stat-card .stat-label{font-size:13px;color:var(--text-muted);font-weight:600}.stat-card .stat-value{font-size:26px;font-weight:800;color:var(--text);margin:0}.stat-card .stat-change{font-size:12px}.stat-card .stat-change.positive{color:var(--success)}.stat-card .stat-change.negative{color:var(--danger)}.stat-card .stat-sub{font-size:12px;color:var(--text-light)}.stat-card .stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#fff3e0;color:var(--primary);margin-bottom:2px}.stat-card .stat-value-sm{font-size:14px;color:var(--text-light);font-weight:600}.progress{height:8px;background:var(--bg);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--success);border-radius:999px;transition:width .3s ease}.progress.warn>div{background:var(--warning)}.progress.danger>div{background:var(--danger)}.lock-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#ef444414;border:1px solid rgba(239,68,68,.3);color:#b91c1c;padding:12px 16px;border-radius:var(--radius-lg);font-size:13px;margin-bottom:16px}.lock-banner.warn{background:#f59e0b1a;border-color:#f59e0b59;color:#b45309}.lock-banner .upgrade-link{color:var(--primary);font-weight:700;cursor:pointer;white-space:nowrap}.chart-box{position:relative;height:240px}.csv-drop{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:32px 16px;text-align:center;cursor:pointer;transition:all .15s ease}.csv-drop:hover,.csv-drop.dragging{border-color:var(--primary);background:#ff99000d}.csv-drop .dz-icon{font-size:32px}.disabled-block{opacity:.5;pointer-events:none}.export-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.export-tile{border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:center;background:var(--surface)}.export-tile .export-tile-label{font-size:12px;color:var(--text-muted);margin-top:6px}.tpl-tile{border:2px solid var(--border);border-radius:var(--radius);padding:14px;text-align:center;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.tpl-tile:hover{border-color:var(--primary)}.tpl-tile.selected{border-color:var(--primary);background:#ff99000f}.tpl-tile .tpl-thumb{border:1px solid var(--border);border-radius:3px;max-width:80px;max-height:80px}.tpl-tile .tpl-name{font-size:13px;font-weight:600}.label-tile{position:relative;border:1px dashed var(--border);border-radius:var(--radius);padding:10px;text-align:center;background:#fff}.label-tile .label-tile-name{font-size:11px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-tile .label-tile-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);margin-top:4px}.label-tile .label-tile-qty{position:absolute;top:4px;right:6px;font-size:10px;font-weight:700;color:var(--primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.w-full{width:100%}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2{color:var(--text)}.page-header .page-actions{display:flex;gap:8px}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,#1a1a2e 100%);padding:24px}.auth-card{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg)}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo .logo-icon{width:56px;height:56px;background:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:28px;color:#fff;font-weight:700}.auth-logo h1{font-size:1.5rem;color:var(--accent)}.auth-logo p{color:var(--text-muted);font-size:13px;margin-top:4px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 16px;border-radius:var(--radius);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:10px;min-width:280px;max-width:380px;font-size:14px;animation:slideIn .2s ease}.toast.toast-success{background:#f0fdf4;border-left:4px solid var(--success);color:#15803d}.toast.toast-error{background:#fef2f2;border-left:4px solid var(--danger);color:#b91c1c}.toast.toast-warning{background:#fffbeb;border-left:4px solid var(--warning);color:#b45309}.toast.toast-info{background:#eff6ff;border-left:4px solid var(--info);color:#1d4ed8}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sidebar{width:var(--sidebar-width);height:100vh;background:linear-gradient(185deg,#34344f,#2a2a42 55%,#232338);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.06);transition:width .2s ease;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff38}.sidebar-logo{padding:22px 18px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-logo .logo-box{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,#ffb84d 100%);border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:16px;letter-spacing:-.5px;flex-shrink:0;box-shadow:0 5px 14px #ff990061}.sidebar-logo .logo-text h3{color:#fff;font-size:16px;margin:0;font-weight:700;letter-spacing:-.2px}.sidebar-logo .logo-text span{color:#ffffff73;font-size:11px}.sidebar-nav{flex:1;padding:14px 12px}.sidebar-nav .nav-section-label{font-size:10px;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.1em;padding:16px 10px 6px;display:block}.nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:8px 11px;border-radius:10px;color:#ffffffa8;cursor:pointer;transition:background .18s ease,color .18s ease;text-decoration:none;font-size:14px;font-weight:500;margin-bottom:3px}.nav-item .nav-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0f;line-height:1;flex-shrink:0;transition:background .18s ease,box-shadow .18s ease}.nav-item .nav-icon svg{width:17px;height:17px;display:block}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item:hover .nav-icon{background:#ffffff21}.nav-item.active{background:linear-gradient(90deg,#ff990038,#ff99000d);color:#fff;font-weight:600}.nav-item.active .nav-icon{background:var(--primary);box-shadow:0 3px 9px #ff990073}.nav-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--primary)}.sidebar-footer{padding:14px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-footer .sidebar-upgrade{display:flex;align-items:center;gap:11px;padding:11px;margin-bottom:10px;border-radius:12px;text-decoration:none;background:linear-gradient(120deg,#ff990038,#ff990014);border:1px solid rgba(255,153,0,.3);transition:filter .15s,transform .15s}.sidebar-footer .sidebar-upgrade:hover{filter:brightness(1.08);transform:translateY(-1px)}.sidebar-footer .sidebar-upgrade .up-ico{display:flex;align-items:center;color:#fff;flex-shrink:0}.sidebar-footer .sidebar-upgrade .up-ico svg{width:19px;height:19px}.sidebar-footer .sidebar-upgrade .up-text{display:flex;flex-direction:column;line-height:1.35;overflow:hidden}.sidebar-footer .sidebar-upgrade .up-text strong{color:#fff;font-size:12.5px;font-weight:700}.sidebar-footer .sidebar-upgrade .up-text span{color:#ffffffa6;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .user-info{display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;background:#ffffff0d;text-decoration:none;cursor:pointer;transition:background .18s ease}.sidebar-footer .user-info:hover{background:#ffffff1a}.sidebar-footer .user-info:hover .user-go{color:#fff;transform:translate(2px)}.sidebar-footer .user-info .user-go{color:#fff6;flex-shrink:0;transition:color .18s ease,transform .18s ease}.sidebar-footer .user-info .avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--primary),#ffb84d);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0;box-shadow:0 3px 9px #ff990052}.sidebar-footer .user-info .user-details{flex:1;overflow:hidden}.sidebar-footer .user-info .user-details .name{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .user-info .user-details .plan{display:inline-block;margin-top:3px;color:var(--primary);font-size:10px;font-weight:700;background:#ff990029;padding:1px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em}.sidebar-footer .user-info .logout-btn{background:#ffffff0f;border:none;cursor:pointer;color:#fff9;font-size:15px;width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease}.sidebar-footer .user-info .logout-btn:hover{background:#ef44442e;color:#fca5a5}.main-content{margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left .2s ease}.sidebar-collapse-btn{margin-left:auto;width:30px;height:30px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#ffffffb3;border-radius:9px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.sidebar-collapse-btn svg{transition:transform .22s ease}.sidebar-collapse-btn:hover{background:#ff99002e;border-color:#ff990059;color:#fff}.sidebar-collapse-btn.is-collapsed svg{transform:rotate(180deg)}@media(min-width:769px){.app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.app-shell.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.app-shell.sidebar-collapsed .sidebar-logo{flex-direction:column;gap:12px;padding:16px 12px}.app-shell.sidebar-collapsed .sidebar-logo .logo-text{display:none}.app-shell.sidebar-collapsed .sidebar-collapse-btn{margin-left:0;width:100%}.app-shell.sidebar-collapsed .sidebar-nav{padding:14px 12px}.app-shell.sidebar-collapsed .nav-section-label{display:none}.app-shell.sidebar-collapsed .nav-item{justify-content:center;padding:8px;gap:0}.app-shell.sidebar-collapsed .nav-item .nav-label{display:none}.app-shell.sidebar-collapsed .nav-item.active:before{display:none}.app-shell.sidebar-collapsed .sidebar-footer{padding:12px}.app-shell.sidebar-collapsed .sidebar-upgrade{justify-content:center;padding:10px}.app-shell.sidebar-collapsed .sidebar-upgrade .up-text{display:none}}.topbar{height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50;box-shadow:var(--shadow)}.topbar-title{font-size:18px;font-weight:700;color:var(--text)}.topbar-actions{position:relative;display:flex;align-items:center;gap:12px}.acct-trigger{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:12px;padding:5px 8px 5px 5px;cursor:pointer;transition:background .15s,border-color .15s}.acct-trigger:hover,.acct-trigger.open{background:var(--bg);border-color:var(--border)}.acct-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#ffb84d);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0;box-shadow:0 3px 9px #ff99004d}.acct-avatar.lg{width:44px;height:44px;font-size:18px;border-radius:12px}.acct-meta{display:flex;flex-direction:column;line-height:1.25;text-align:left}.acct-name{font-size:13.5px;font-weight:700;color:var(--text)}.acct-role{font-size:11.5px;color:var(--text-muted)}.acct-chevron{color:var(--text-muted);transition:transform .18s}.acct-trigger.open .acct-chevron{transform:rotate(180deg)}.acct-backdrop{position:fixed;inset:0;z-index:60}.acct-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:61;width:272px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden;animation:acctIn .14s ease}@keyframes acctIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.acct-menu-head{display:flex;align-items:center;gap:12px;padding:16px}.acct-head-info{min-width:0}.acct-head-name{font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-head-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-menu-org{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 16px;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:12.5px;color:var(--text-muted)}.acct-menu-org>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-plan{flex:none;background:#ff990026;color:#b36b00;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;text-transform:uppercase}.acct-menu-list{padding:6px}.acct-menu-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:none;background:transparent;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--text);cursor:pointer;text-align:left;transition:background .12s}.acct-menu-item:hover{background:var(--bg)}.acct-mi-ico{width:18px;height:18px;flex-shrink:0;color:var(--text-muted)}.acct-menu-sep{height:1px;background:var(--border);margin:0 6px}.acct-menu-item.danger{color:var(--danger);margin:6px;width:calc(100% - 12px)}.acct-menu-item.danger .acct-mi-ico{color:var(--danger)}.acct-menu-item.danger:hover{background:#ef444414}@media(max-width:640px){.acct-meta{display:none}}.content-area{flex:1;padding:16px}.search-box{position:relative}.search-box .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box input{padding-left:32px}.pagination{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:16px}.pagination .page-btn{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:13px;background:var(--surface);color:var(--text)}.pagination .page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination .page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;padding:60px 24px}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.3;display:block}.empty-state h3{color:var(--text);margin-bottom:8px}.empty-state p{color:var(--text-muted);margin-bottom:24px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:60px}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px}.modal .modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal .modal-header h3{margin:0}.modal .modal-body{padding:24px}.modal .modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;background:var(--bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.plan-free{color:var(--text-muted)}.plan-basic{color:var(--info)}.plan-pro{color:var(--primary)}.plan-business{color:#7c3aed}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:40px;text-align:center;cursor:pointer;transition:all .2s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--primary);background:#ff99000d}.drop-zone .drop-icon{font-size:40px;margin-bottom:12px;display:block}.drop-zone p{color:var(--text-muted)}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.lbl-cols{display:grid;grid-template-columns:60fr 40fr;gap:12px;align-items:stretch;min-width:0}.lbl-cols>*{min-width:0}.lbl-cols>.lbl-panel{display:flex;flex-direction:column}.lbl-cols>.lbl-panel>.lbl-panel-body{flex:1;display:flex;flex-direction:column}.lbl-cols .lbl-pager{margin-top:auto;padding-top:12px}@media(max-width:1340px){.lbl-cols{grid-template-columns:minmax(0,1fr)}}.lbl-stack{display:flex;flex-direction:column;gap:12px;min-width:0;--tpl-card-h: 198px;--tpl-gap: 12px}.lbl-panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.lbl-panel-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 16px;border-bottom:1px solid var(--border);background:#fcfcfd}.lbl-panel-head h3{font-size:15px;font-weight:700;color:#111827;margin:0 0 1px}.lbl-panel-head p{margin:0}.lbl-panel-head .lbl-search{flex:0 1 262px;min-width:150px;height:34px}.lbl-head-text{flex:0 1 auto;min-width:0}.lbl-count{flex:none;padding:3px 9px;border-radius:99px;background:#eef2f7;color:#475569;font-size:11.5px;font-weight:700;white-space:nowrap}.lbl-step{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:12px;font-weight:700}.lbl-step.is-data{background:#0ea5e9}.lbl-step.is-lib{background:#64748b}.lbl-panel.is-library .lbl-panel-head{background:#f6f7fb}.lbl-panel-body{padding:16px}.lbl-search{display:flex;align-items:center;gap:7px;flex:1;min-width:180px;padding:0 10px;height:34px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#94a3b8}.lbl-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #f9731621}.lbl-search input{flex:1;min-width:0;border:none;outline:none;font-size:13px;color:#1f2937;background:none}.lbl-search button{border:none;background:none;cursor:pointer;color:#94a3b8;font-size:13px;padding:0 2px}.lbl-search button:hover{color:var(--danger)}.lbl-link{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px;padding:9px 11px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;font-size:12.5px;color:#1e40af;line-height:1.5}.lbl-link b{color:#1e3a8a}.lbl-link .lbl-link-text{flex:1;min-width:160px}.lbl-link.is-wait{background:#fffbeb;border-color:#fde68a;color:#92400e}.lbl-link.is-wait b{color:#78350f}.lbl-link .lbl-link-x{border:none;background:none;cursor:pointer;color:inherit;opacity:.55;font-size:13px;padding:0 2px;line-height:1}.lbl-link .lbl-link-x:hover{opacity:1;color:var(--danger)}.modal-header .lbl-link-x{border:none;background:none;cursor:pointer;color:#94a3b8;font-size:15px;padding:0 2px;line-height:1}.modal-header .lbl-link-x:hover{color:var(--danger)}.lib{display:flex;flex-direction:column;gap:12px;min-width:0}.lib-cats{position:relative}.lib-cats-strip{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:2px 2px 6px;scrollbar-width:none}.lib-cats-strip::-webkit-scrollbar{display:none}.lib-cats.is-open .lib-cats-strip{flex-wrap:wrap;overflow:visible}.lib-cat{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:10px 15px;min-width:148px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;text-align:left;color:#334155;transition:border-color .15s,background .15s,box-shadow .15s}.lib-cat .ic{flex:none;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;font-size:14px;line-height:1;color:#64748b}.lib-cat .tx{display:flex;flex-direction:column;min-width:0}.lib-cat b{font-size:13px;font-weight:700;color:#1f2937;white-space:nowrap}.lib-cat i{font-style:normal;font-size:11.5px;color:#94a3b8;margin-top:1px}.lib-cat:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a12}.lib-cat.active{border-color:var(--primary);background:#fff7ed;box-shadow:0 0 0 3px #f9731621}.lib-cat.active b{color:var(--primary)}.lib-cat.active i{color:#c2652a}.lib-cat.active .ic{background:#f9731626;color:var(--primary)}.lib-cat.is-more{min-width:0}.lib-cat.is-more b{color:#64748b}.lib-cats-nav{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;color:#475569;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 3px 10px #0f172a21}.lib-cats-nav:hover{border-color:var(--primary);color:var(--primary)}.lib-cats-nav.prev{left:2px}.lib-cats-nav.next{right:2px}@media(max-width:700px){.lib-cats-nav{display:none}}.lib-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff}.lib-bar-search{display:flex;align-items:center;gap:9px;flex:1 1 260px;min-width:180px;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#94a3b8}.lib-bar-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #f9731621}.lib-bar-search input{flex:1;min-width:0;border:none;outline:none;background:none;font-size:13.5px;color:#1f2937}.lib-bar-search .x{border:none;background:none;cursor:pointer;color:#94a3b8;font-size:13px;padding:0 2px}.lib-bar-search .x:hover{color:var(--danger)}.lib-bar-btn{display:flex;align-items:center;gap:7px;flex:none;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.lib-bar-btn:hover{border-color:var(--primary);color:var(--primary)}.lib-bar-btn.on{border-color:var(--primary);color:var(--primary);background:#fff7ed}.lib-bar-btn .n{min-width:17px;height:17px;padding:0 4px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:10.5px;font-weight:700}.lib-bar-btn .cv{opacity:.6}.lib-bar-btn.is-select{padding-right:8px}.lib-bar-btn.is-select select{border:none;outline:none;background:none;cursor:pointer;font-size:13px;font-weight:700;color:#1f2937;padding:0 2px}.lib-drop{position:relative;flex:none}.lib-drop-back{position:fixed;inset:0;z-index:40}.lib-drop-panel{position:absolute;z-index:41;top:calc(100% + 6px);right:0;width:268px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 16px 40px #0f172a29}.lib-drop-row{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.lib-drop-row>span{font-size:12px;font-weight:700;color:#475569}.lib-drop-row select{height:36px;padding:0 9px;font-size:13px;color:#1f2937;border:1px solid var(--border);border-radius:9px;background:#fff;cursor:pointer}.lib-drop-row select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f9731621}.lib-drop-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.lib-view{display:flex;flex:none;gap:2px;padding:3px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}.lib-view button{width:32px;height:30px;border:none;border-radius:7px;background:none;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer}.lib-view button:hover{color:#475569}.lib-view button.on{background:var(--primary);color:#fff}.lib-reset{border:none;background:none;padding:0;cursor:pointer;font-size:12.5px;color:#64748b;text-decoration:underline}.lib-reset:hover{color:var(--danger)}.lib-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--border);background:#fff}.lib-filters select{height:32px;padding:0 8px;font-size:12.5px;color:#334155;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}.lib-filters select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f9731621}.lib-filters .lib-reset{height:32px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#64748b;text-decoration:none}.lib-filters .lib-reset:hover{border-color:var(--danger);color:var(--danger)}.lib-filters-end{display:flex;align-items:center;gap:8px;margin-left:auto}.lib-grid{display:grid;grid-template-columns:1fr;gap:14px;transition:opacity .15s}.lib-grid.is-busy{opacity:.45;pointer-events:none}@media(min-width:720px){.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:980px){.lib-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1290px){.lib-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1560px){.lib-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1860px){.lib-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.lib-list{display:flex;flex-direction:column;gap:8px;transition:opacity .15s}.lib-list.is-busy{opacity:.45;pointer-events:none}.lib-card{position:relative;display:flex;flex-direction:column;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.lib-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0f172a17;transform:translateY(-2px)}.lib-star{position:absolute;top:8px;right:8px;z-index:2;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:#cbd5e1;cursor:pointer;transition:color .15s,background .15s}.lib-star:hover{background:#fff7ed;color:var(--primary)}.lib-star.on{color:#f59e0b}.lib-thumb{display:flex;align-items:center;justify-content:center;height:128px;margin-bottom:10px;overflow:hidden;border-radius:10px;background:#f8fafc;box-shadow:inset 0 0 0 1px #eef2f7}.lib-thumb .tpl-art{filter:drop-shadow(0 2px 6px rgba(15,23,42,.16))}.lib-info{flex:1;min-width:0;display:flex;flex-direction:column}.lib-name{font-size:13px;font-weight:700;color:#111827;line-height:1.4;padding-right:22px;margin-bottom:3px}.lib-desc{margin:0 0 8px;font-size:11.5px;line-height:1.45;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lib-meta{display:flex;flex-wrap:wrap;gap:4px;margin:auto 0 10px}.lib-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;background:#f1f5f9;color:#475569;font-size:10.5px;font-weight:600;white-space:nowrap}.lib-chip.is-code{background:#eef2ff;color:#4338ca}.lib-use{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:34px;border-radius:9px;border:1px solid rgba(249,115,22,.5);background:#fff;color:var(--primary);font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.lib-use:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.lib-use:disabled{opacity:.55;cursor:not-allowed}.lib-list .lib-card{flex-direction:row;align-items:center;gap:14px;padding:10px 14px}.lib-list .lib-card:hover{transform:none}.lib-list .lib-card .lib-thumb{flex:none;width:116px;height:70px;margin:0}.lib-list .lib-card .lib-info{flex-direction:row;align-items:center;gap:14px}.lib-list .lib-card .lib-name{flex:0 1 260px;margin:0;padding-right:0}.lib-list .lib-card .lib-desc{flex:1 1 220px;margin:0;-webkit-line-clamp:1}.lib-list .lib-card .lib-meta{flex:none;margin:0}.lib-list .lib-card .lib-use{flex:none;width:128px;margin-right:26px}.lib-list .lib-card .lib-star{top:50%;right:10px;transform:translateY(-50%)}@media(max-width:900px){.lib-list .lib-card,.lib-list .lib-info{flex-wrap:wrap}}.lib-msg{margin:20px 0}.lib-empty{padding:44px 20px;text-align:center;color:#cbd5e1;border:1px solid var(--border);border-radius:12px;background:#fff}.lib-empty h3{margin:12px 0 4px;font-size:16px;color:#334155}.lib-empty p{margin:0 0 16px}.lib-more{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 0 6px;font-size:12.5px;color:#94a3b8}.lib-more-dots{display:inline-flex;gap:4px}.lib-more-dots i{width:6px;height:6px;border-radius:50%;background:var(--primary);opacity:.35;animation:lib-bounce 1s infinite ease-in-out}.lib-more-dots i:nth-child(2){animation-delay:.15s}.lib-more-dots i:nth-child(3){animation-delay:.3s}@keyframes lib-bounce{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-5px);opacity:1}}.lib-foot{margin:6px 0 0;text-align:center}.lib-modal{max-width:560px}.lib-modal .modal-body{padding:16px 22px 18px}.lib-modal-art{display:flex;align-items:center;justify-content:center;height:270px;overflow:hidden;border-radius:11px;background:linear-gradient(155deg,#f7f9fc,#e9eef6);box-shadow:inset 0 0 0 1px #e8edf5}.lib-modal-art .tpl-art{filter:drop-shadow(0 3px 8px rgba(15,23,42,.22))}.lib-modal-desc{margin:14px 0 0;font-size:13.5px;line-height:1.55;color:#334155}.lib-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:16px 0 0}.lib-facts dt{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#94a3b8}.lib-facts dd{margin:2px 0 0;font-size:13px;color:#1f2937}.lib-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.lib-tag{padding:3px 9px;border-radius:99px;background:#f1f5f9;color:#64748b;font-size:11.5px}.lib-modal-note{margin:16px 0 0;padding:10px 12px;border-radius:9px;background:#f0f9ff;border:1px solid #bae6fd;font-size:12.5px;line-height:1.55;color:#075985}.lbl-srcfilter{margin-left:auto;display:inline-flex;flex:none;gap:2px;padding:3px;background:#f1f3f7;border-radius:9px}.lbl-srcfilter button{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center;border:none;border-radius:7px;background:transparent;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.lbl-srcfilter button:hover:not(:disabled):not(.active){background:#e6eaf2;color:#334155}.lbl-srcfilter button.active{background:#fff;color:var(--primary);box-shadow:0 1px 2px #0f172a1f}.lbl-srcfilter button:disabled{opacity:.3;cursor:not-allowed}.lbl-sizefilter{flex:none;height:34px;max-width:132px;border:1px solid transparent;border-radius:9px;background:#f1f3f7;padding:0 6px;font-size:12.5px;font-weight:600;color:#64748b;cursor:pointer}.lbl-sizefilter:hover{color:#334155}.lbl-sizefilter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f9731621}.lbl-sizefilter.on{background:#fff7ed;border-color:var(--primary);color:var(--primary)}@media(max-width:1520px){.lbl-sizefilter{max-width:104px;padding:0 4px}.lbl-panel-head .lbl-search{flex:0 1 150px;min-width:128px}}.lbl-link-btn{border:none;background:none;padding:0 0 0 4px;cursor:pointer;color:var(--primary);font-size:inherit;font-weight:600;text-decoration:underline}.lbl-none{margin:0;padding:26px 16px;text-align:center;border:1px dashed var(--border);border-radius:10px;background:#fafbfc;color:#64748b;font-size:13px;line-height:1.6}.lbl-datastat{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;padding:8px 10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;font-size:12.5px;color:#166534}.lbl-datastat>svg{flex:none}.lbl-datastat .n{flex:none}.lbl-datastat .n b{color:#14532d;font-weight:700}.lbl-datastat .src{flex:1;min-width:60px;color:#4d7c5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.lbl-datastat .btn{flex:none}.lbl-datastat .lbl-datastat-x{flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#4d7c5a;cursor:pointer}.lbl-datastat .lbl-datastat-x:hover{background:#fef2f2;border-color:var(--danger);color:var(--danger)}.lbl-pick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.lbl-pick .hint{font-size:11.5px;color:#94a3b8}.lbl-qty{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;font-size:12.5px;color:#475569}.lbl-qty label{flex:none;font-weight:600}.lbl-qty select{flex:1 1 180px;min-width:0;height:32px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:0 8px;font-size:12.5px;color:#1f2937;cursor:pointer}.lbl-qty select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f9731621}.lbl-qty .sum{flex:none;color:#64748b}.lbl-qty .sum b{color:#334155}.lbl-qty-warn{margin:-4px 0 10px;padding:7px 10px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:12px;color:#92400e}.lbl-qty-warn.is-stop{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.lbl-rows .data-table th.qty,.lbl-rows .data-table td.qty{width:62px;text-align:right;font-variant-numeric:tabular-nums}.lbl-rows .data-table td.qty.zero{color:#cbd5e1}.lbl-rows{border:1px solid var(--border);border-radius:8px;overflow:hidden}.lbl-rows thead th{background:#f8fafc}.lbl-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#64748b;flex:none}.lbl-pager .lbl-pager-info{white-space:nowrap}.lbl-pager .lbl-pager-nav{display:flex;align-items:center;gap:3px;margin-left:auto}.lbl-pager .gap{width:16px;text-align:center;color:#94a3b8;letter-spacing:1px}.lbl-pager button{min-width:26px;height:26px;flex:none;padding:0 5px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:7px;background:#fff;font-size:14px;line-height:1;color:#475569;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.lbl-pager button.num{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.lbl-pager button:hover:not(:disabled){background:#fff7ed;border-color:var(--primary);color:var(--primary)}.lbl-pager button.num.active{background:var(--primary);border-color:var(--primary);color:#fff;cursor:default}.lbl-pager button.num.active:hover{background:var(--primary);border-color:var(--primary);color:#fff}.lbl-pager button:disabled{opacity:.35;cursor:not-allowed}.lbl-tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--tpl-gap)}.lbl-tpl-card{position:relative;height:var(--tpl-card-h);display:flex;flex-direction:column;padding:10px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.lbl-tpl-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0f172a17;transform:translateY(-2px)}.lbl-tpl-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px #f973162e}.lbl-tpl-card.selected .tpl-thumb{background:linear-gradient(155deg,#fffaf3,#ffe9d1)}.lbl-tpl-card .tpl-thumb{position:relative;flex:1;min-height:60px;margin-bottom:8px;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,#f7f9fc,#e9eef6);box-shadow:inset 0 0 0 1px #e8edf5;transition:background .18s}.lbl-tpl-card .tpl-thumb .tpl-art{filter:drop-shadow(0 2px 5px rgba(15,23,42,.2));transform:scale(var(--art-scale, 1));transform-origin:center}.lbl-tpl-card .tpl-check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;box-shadow:0 1px 3px #0f172a4d}.lbl-tpl-card .tpl-name{font-size:12.5px;font-weight:600;color:#111827;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.lbl-tpl-card .tpl-foot{display:flex;align-items:center;gap:2px;margin-top:auto}.lbl-tpl-card .tpl-size{flex:1;min-width:0;margin-right:2px;font-size:10.5px;color:#64748b;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lbl-tpl-card .tpl-ico{flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:#fff;color:#64748b;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.lbl-tpl-card .tpl-ico:hover{background:#fff7ed;border-color:var(--primary);color:var(--primary)}.lbl-tpl-card .tpl-ico.is-danger:hover{background:#fef2f2;border-color:var(--danger);color:var(--danger)}.lbl-tpl-card .tpl-plan-badge{position:absolute;top:8px;right:8px;background:#7c3aed;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px}.lbl-tpl-card .tpl-action{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin-top:auto;padding:6px 10px;border:1px solid var(--border);border-radius:7px;background:#fff;font-size:12px;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.lbl-tpl-card .tpl-action:hover:not(:disabled){background:#fff7ed;border-color:var(--primary);color:var(--primary)}.lbl-tpl-card .tpl-action:disabled{opacity:.55;cursor:not-allowed}.lbl-tpl-card .tpl-action.primary{background:var(--primary);border-color:var(--primary);color:#fff}.lbl-tpl-card .tpl-action.primary:hover:not(:disabled){filter:brightness(1.06);background:var(--primary);color:#fff}.lbl-tpl-card.is-system{cursor:default}.lbl-tpl-card.is-system:hover{transform:none;box-shadow:none;border-color:var(--border)}.lbl-source-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--border)}.lbl-source-tab{padding:8px 10px;font-size:12.5px;font-weight:500;color:#6b7280;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.lbl-source-tab.active{color:var(--primary);border-color:var(--primary)}.lbl-preview-bg{background-color:#e5e7eb;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;padding:24px;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;min-height:200px;align-content:flex-start}.lbl-print-host{height:0;overflow:hidden}.lbl-head-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}.lbl-panel-head.has-actions{flex-wrap:nowrap}.lbl-panel-head.has-actions h3{white-space:nowrap}.lbl-panel-head.has-actions .lbl-head-actions{flex-wrap:nowrap}.lbl-panel-head.has-actions .btn{padding-left:12px;padding-right:12px}@media(max-width:1340px){.lbl-panel-head.has-actions,.lbl-panel-head.has-actions .lbl-head-actions{flex-wrap:wrap}.lbl-panel-head.has-actions .btn{padding-left:18px;padding-right:18px}}.lbl-zoom-head{min-width:0}.lbl-zoom-meta{display:flex;flex-wrap:wrap;align-items:baseline;margin-top:3px;font-size:12.5px;color:#64748b;line-height:1.7}.lbl-zoom-meta b{color:#334155;font-weight:600}.lbl-zoom-meta em{font-style:normal;color:#94a3b8;margin-left:5px}.lbl-zoom-meta>span{display:inline-flex;align-items:baseline;min-width:0}.lbl-zoom-meta>span+span:before{content:"\b7";margin:0 8px;color:#cbd5e1}.lbl-zoom-meta .src{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbl-print-modal{max-width:520px}.lbl-print-modal .modal-body{padding:18px 22px 22px}.lbl-set-group{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#94a3b8}.lbl-set-group:not(:first-child){margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.lbl-set-grid{display:flex;gap:12px;flex-wrap:wrap}.lbl-set{display:flex;flex-direction:column;gap:5px;flex:1 1 150px;min-width:0}.lbl-set>span{font-size:12.5px;color:#475569;font-weight:600}.lbl-set select,.lbl-set input{height:38px;padding:0 10px;font-size:13.5px;color:#1f2937;border:1px solid var(--border);border-radius:9px;background:#fff}.lbl-set select:focus,.lbl-set input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f9731621}.lbl-set-note{margin:10px 0 0;font-size:11.5px;color:#94a3b8;line-height:1.55}.lbl-set-check{display:flex;align-items:flex-start;gap:9px;margin-top:16px;cursor:pointer}.lbl-set-check input{margin-top:2px;flex:none}.lbl-set-check span{font-size:13px;color:#334155}.lbl-set-check em{display:block;font-style:normal;font-size:11.5px;color:#94a3b8;margin-top:2px}.lbl-set-total{margin-top:18px;padding:11px 13px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0;font-size:13px;color:#166534}.lbl-set-total b{font-size:17px;color:#14532d;margin:0 3px}.lbl-set-total .dim{display:block;font-size:11.5px;color:#4d7c5a;margin-top:2px}.lbl-zoom-modal{max-width:min(940px,94vw)}.lbl-zoom-stage{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:22px;border-radius:10px;background:linear-gradient(155deg,#f7f9fc,#e9eef6);box-shadow:inset 0 0 0 1px #e8edf5}.lbl-zoom-art{position:relative;overflow:hidden;box-shadow:0 6px 20px #0f172a38}.lbl-zoom-art .lbl-item{box-shadow:none!important}.lbl-zoom-note{margin:12px 0 0;text-align:center}.lbl-preview-modal{max-width:min(1100px,94vw)}.lbl-preview-modal .modal-body{padding:16px}.lbl-preview-modal .lbl-preview-bg{max-height:62vh;overflow:auto;margin:0}.lbl-result-panel{display:flex;flex-direction:column}.lbl-result-panel .lbl-preview-bg{max-height:62vh;min-height:220px;overflow:auto;margin:16px;border-radius:8px}.lbl-result-actions{display:flex;gap:10px;padding:0 16px 16px;justify-content:flex-end}.lbl-result-actions .btn{min-width:150px;justify-content:center}@media(max-height:700px){.lbl-result-panel .lbl-preview-bg{max-height:420px}}.lbl-empty{width:100%;text-align:center;color:#9ca3af;padding:40px 0;font-size:14px}.lbl-pro-gate{width:100%;text-align:center;padding:40px;color:#7c3aed}.lbl-pro-gate .lbl-pro-icon{font-size:32px;margin-bottom:8px}.lbl-pro-gate .lbl-pro-title{font-weight:700;font-size:16px;margin-bottom:8px;color:#111827}.lbl-pro-gate .lbl-pro-desc{font-size:13px;color:#6b7280;margin-bottom:16px}.lbl-item{background:#fff;box-shadow:0 2px 8px #0000002e;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:6px;box-sizing:border-box;font-family:Arial,sans-serif}.lbl-item .lbl-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbl-price-40x30{width:151px;height:113px;font-size:9px}.lbl-mini-35x22{width:132px;height:83px;font-size:8px;padding:4px}.lbl-retail-50x30{width:189px;height:113px;font-size:9px}.lbl-qr-50x50{width:189px;height:189px;font-size:9px}.lbl-product-80x50{width:302px;height:189px;display:grid;grid-template-columns:1fr 1fr;padding:8px;gap:8px;font-size:10px;align-items:stretch}.lbl-full-120x80{width:454px;height:302px;padding:10px;font-size:10px;align-items:stretch}.lbl-shipping-100x150{width:378px;height:567px;padding:12px;font-size:11px}.lbl-transparency-100x35{width:378px;height:132px;padding:8px;font-size:10px;align-items:stretch}.lbl-bc{display:block;max-width:100%}.lbl-qr{display:block}@media print{@page{margin:3mm}body.lbl-printing>*:not(#lblPreviewPrint){display:none!important}body.lbl-printing #lblPreviewPrint{display:block!important;position:static!important;width:auto;margin:0!important;max-height:none!important;min-height:0!important;overflow:visible!important;background:#fff!important;background-image:none!important;padding:0!important;gap:0!important;font-size:0;line-height:0}body.lbl-printing #lblPreviewPrint{width:calc(var(--print-cols, 1) * (var(--label-w, 0px) + var(--print-gap, 0mm)))!important}body.lbl-printing #lblPreviewPrint .lbl-item{display:inline-block!important;vertical-align:top;margin:0 var(--print-gap, 0mm) var(--print-gap, 0mm) 0!important}body.lbl-printing #lblPreviewPrint.cut-line .lbl-item{border:.2mm solid #9aa4b2!important;border-radius:var(--cut-radius, 0)!important}body.lbl-printing #lblPreviewPrint,body.lbl-printing #lblPreviewPrint *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;text-rendering:geometricPrecision}body.lbl-printing #lblPreviewPrint .lbl-item{box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap}.tabs .tab{padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;color:var(--text-light);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.tabs .tab:hover{color:var(--text)}.tabs .tab.active{color:var(--primary);border-bottom-color:var(--primary)}.bc-icon{text-align:center;font-size:18px;color:var(--text-muted)}.cat-manager{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border)}.cat-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:4px 6px 4px 12px;font-size:13px}.cat-chip button{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:13px;line-height:1;width:18px;height:18px;border-radius:50%}.cat-chip button:hover{color:var(--danger);background:#ef44441f}.modal{max-height:92vh;display:flex;flex-direction:column}.modal .modal-body{overflow-y:auto}.modal .modal-close{background:none;border:none;font-size:22px;line-height:1;color:var(--text-muted);cursor:pointer;padding:0 4px}.modal .modal-close:hover{color:var(--text)}.barcode-preview-box{background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:14px;min-height:120px}