@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";.layout{display:flex;min-height:100vh;background:var(--bg-page)}.layout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b4b66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;animation:fadeIn .2s ease}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--bg-sidebar);display:flex;flex-direction:column;z-index:100;transition:width .3s var(--ease-out);overflow:hidden}.layout--collapsed .sidebar{width:var(--sidebar-collapsed)}.sidebar-header{padding:20px 16px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo{display:flex;align-items:center;gap:12px;overflow:hidden}.sidebar-logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #2b7de94d}.sidebar-logo-text{display:flex;flex-direction:column;white-space:nowrap}.sidebar-logo-brand{font-family:var(--font-display);font-size:16px;font-weight:800;color:#fff;letter-spacing:2px;line-height:1}.sidebar-logo-sub{font-size:11px;color:var(--text-sidebar);margin-top:3px}.sidebar-toggle{width:28px;height:28px;border-radius:var(--radius-sm);background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:var(--text-sidebar);transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{background:#ffffff1f;color:#fff}.layout--collapsed .sidebar-toggle{margin:0 auto}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-md);color:var(--text-sidebar);font-size:14px;font-weight:500;transition:all .2s;position:relative;white-space:nowrap}.sidebar-nav-item:hover{background:var(--bg-sidebar-hover);color:#fff}.sidebar-nav-item.active{background:var(--bg-sidebar-active);color:var(--primary-light)}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--primary)}.sidebar-nav-indicator{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:2px;background:var(--primary);transition:height .25s var(--ease-out)}.sidebar-nav-item.active .sidebar-nav-indicator{height:20px}.layout--collapsed .sidebar-nav-item{justify-content:center;padding:12px}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.sidebar-user{display:flex;align-items:center;gap:10px;overflow:hidden}.sidebar-avatar{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;white-space:nowrap}.sidebar-user-name{font-size:13px;font-weight:600;color:#fff}.sidebar-user-role{font-size:11px;color:var(--text-sidebar)}.sidebar-logout{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-sidebar);transition:all .2s}.sidebar-logout:hover{background:#ef444426;color:var(--danger)}.layout-main{flex:1;margin-left:var(--sidebar-width);transition:margin-left .3s var(--ease-out);display:flex;flex-direction:column;min-height:100vh}.layout--collapsed .layout-main{margin-left:var(--sidebar-collapsed)}.topbar{height:var(--header-height);background:var(--bg-white);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-sm)}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-menu-btn{display:none;width:36px;height:36px;border-radius:var(--radius-sm);align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.topbar-menu-btn:hover{background:var(--bg-hover)}.topbar-title{font-size:18px;font-weight:700;font-family:var(--font-display);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-search{display:flex;align-items:center;gap:8px;background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-full);padding:8px 16px;transition:all .2s;width:220px}.topbar-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);width:280px}.topbar-search-icon{color:var(--text-muted);flex-shrink:0}.topbar-search-input{border:none;background:none;outline:none;color:var(--text-primary);font-size:13px;width:100%}.topbar-search-input::placeholder{color:var(--text-muted)}.topbar-icon-btn{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative;transition:all .2s}.topbar-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-white)}.topbar-divider{width:1px;height:24px;background:var(--border)}.topbar-date{font-size:13px;color:var(--text-secondary);font-weight:500}.layout-content{flex:1;padding:24px}.topbar-notif-wrap{position:relative}.notif-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:320px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-float);z-index:200;animation:fadeIn .15s ease}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-light)}.notif-title{font-size:14px;font-weight:700;color:var(--text-primary)}.notif-count{font-size:11px;color:var(--primary);font-weight:600}.notif-list{max-height:300px;overflow-y:auto}.notif-item{padding:12px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s}.notif-item:hover{background:var(--bg-hover)}.notif-item:last-child{border-bottom:none}.notif-item--unread{background:var(--primary-bg)}.notif-text{display:block;font-size:13px;color:var(--text-primary);line-height:1.4}.notif-time{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b4b66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center}.logout-confirm{background:var(--bg-white);border-radius:var(--radius-lg);padding:28px 32px;box-shadow:var(--shadow-float);text-align:center;min-width:320px;animation:fadeIn .2s ease}.logout-confirm-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.logout-confirm-text{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.logout-confirm-actions{display:flex;gap:12px;justify-content:center}.logout-confirm-btn{padding:10px 28px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all .2s}.logout-confirm-btn--cancel{background:var(--bg-page);color:var(--text-secondary);border:1px solid var(--border)}.logout-confirm-btn--cancel:hover{background:var(--bg-hover)}.logout-confirm-btn--confirm{background:var(--danger);color:#fff}.logout-confirm-btn--confirm:hover{opacity:.9}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .3s var(--ease-out)}.sidebar--mobile-open{transform:translate(0)}.layout-main{margin-left:0!important}.topbar-menu-btn{display:flex}.sidebar-toggle,.topbar-search{display:none}}@media (max-width: 640px){.layout-content{padding:16px}.topbar{padding:0 16px}.topbar-date{display:none}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.login-card{width:400px;background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:36px}.login-logo{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#2b7de9,#5b9ef4);color:#fff;font-size:22px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;letter-spacing:-1px}.login-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.login-subtitle{font-size:14px;color:#999;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{padding:10px 14px;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:13px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:13px;font-weight:600;color:#555}.login-input{height:44px;padding:0 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1a1a1a;background:#f8fafc;transition:all .2s;outline:none}.login-input:focus{border-color:#2b7de9;background:#fff;box-shadow:0 0 0 3px #2b7de91a}.login-input::placeholder{color:#a0aec0}.login-btn{height:46px;background:linear-gradient(135deg,#2b7de9,#5b9ef4);color:#fff;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;margin-top:8px}.login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2b7de959}.login-btn:active{transform:translateY(0)}.login-btn--loading{opacity:.7;cursor:not-allowed}.dashboard{display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);border:1px solid var(--border-light);position:relative;overflow:hidden;animation:slideUp .4s var(--ease-out) var(--delay) both;transition:transform .25s var(--ease-out),box-shadow .25s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stat-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.stat-icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.stat-more{color:var(--text-muted);padding:4px;border-radius:6px;transition:all .2s}.stat-more:hover{background:var(--bg-hover);color:var(--text-secondary)}.stat-card-body{display:flex;flex-direction:column}.stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.stat-value{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text-primary);line-height:1.2;margin:4px 0 8px}.stat-change-row{display:flex;align-items:center;gap:6px}.stat-change{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:600;padding:2px 6px;border-radius:6px}.stat-change--up{color:#16a34a;background:var(--success-bg)}.stat-change--down{color:#dc2626;background:var(--danger-bg)}.stat-vs{font-size:11px;color:var(--text-muted)}.stat-sparkline{position:absolute;bottom:0;right:0;width:120px;height:40px;opacity:.5}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.chart-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);overflow:hidden}.chart-card--wide{grid-column:1 / -1}.chart-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 0}.chart-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary)}.chart-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.chart-actions{display:flex;align-items:center;gap:8px}.chart-period-tabs{display:flex;background:var(--bg-page);border-radius:var(--radius-sm);padding:3px}.chart-period-tab{font-size:12px;font-weight:500;padding:5px 12px;border-radius:6px;color:var(--text-secondary);transition:all .2s}.chart-period-tab.active{background:var(--bg-white);color:var(--primary);box-shadow:var(--shadow-sm)}.chart-period-tab:hover:not(.active){color:var(--text-primary)}.chart-refresh-btn{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.chart-refresh-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.chart-body{padding:16px 12px 12px}.chart-body--pie{display:flex;flex-direction:column;align-items:center;padding-bottom:0}.chart-tooltip{background:var(--text-primary);border-radius:var(--radius-sm);padding:10px 14px;box-shadow:var(--shadow-float);min-width:140px}.chart-tooltip-label{font-size:11px;color:#ffffff80;margin-bottom:6px}.chart-tooltip-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffffd9;padding:2px 0}.chart-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip-value{margin-left:auto;font-weight:600;color:#fff}.pie-legend{display:flex;flex-direction:column;gap:8px;padding:0 20px 16px;width:100%}.pie-legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.pie-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.pie-legend-name{color:var(--text-secondary)}.pie-legend-value{margin-left:auto;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.tables-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-light)}.table-title{font-family:var(--font-display);font-size:15px;font-weight:700}.table-link{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--primary);font-weight:500;transition:opacity .2s}.table-link:hover{opacity:.7}.data-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-page);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-light);white-space:nowrap;color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-hover)}.order-id{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:var(--bg-page);padding:2px 8px;border-radius:4px}.cell-product{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis}.cell-amount{font-family:var(--font-display);font-weight:700;color:var(--text-primary)}.cell-time{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.type-tag{display:inline-flex;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--secondary-dark);background:var(--secondary-bg)}@media (max-width: 1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.tables-grid{grid-template-columns:1fr}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:24px}}.img-upload{border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;overflow:hidden;position:relative}.img-upload:hover,.img-upload--dragover{border-color:var(--primary);background:var(--primary-bg)}.img-upload--has-image{border-style:solid;border-color:var(--border-light)}.img-upload--has-image:hover{border-color:var(--primary)}.img-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--text-muted)}.img-upload-text{font-size:13px;font-weight:600;color:var(--text-secondary)}.img-upload-hint{font-size:11px;color:var(--text-muted)}.img-upload-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--primary);font-size:13px}.img-upload-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.img-upload-preview{width:100%;height:100%;position:relative}.img-upload-img{width:100%;height:100%;object-fit:cover}.img-upload-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;opacity:0;transition:opacity .2s}.img-upload-preview:hover .img-upload-remove{opacity:1}.multi-upload{display:flex;flex-wrap:wrap;gap:10px}.multi-upload-item{width:88px;height:88px;border-radius:var(--radius-sm);overflow:hidden;position:relative;border:1px solid var(--border-light)}.multi-upload-img{width:100%;height:100%;object-fit:cover}.multi-upload-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;opacity:0;transition:opacity .2s}.multi-upload-item:hover .multi-upload-remove{opacity:1}.multi-upload-add{width:88px;height:88px;border:2px dashed var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s}.multi-upload-add:hover{border-color:var(--primary);color:var(--primary)}.multi-upload-add--loading{color:var(--primary);cursor:wait}.products-page{display:flex;flex-direction:column;gap:16px}.page-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;width:300px;transition:all .2s}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{flex:1;border:none;background:none;outline:none;font-size:13px;color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted)}.search-clear{color:var(--text-muted);display:flex;align-items:center;padding:2px;border-radius:4px;transition:all .15s}.search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap}.toolbar-btn--outline{background:var(--bg-white);border:1px solid var(--border);color:var(--text-secondary)}.toolbar-btn--outline:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-hover)}.toolbar-btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #2b7de940}.toolbar-btn--primary:hover{box-shadow:0 6px 16px #2b7de959;transform:translateY(-1px)}.sales-type-tabs{display:flex;gap:0;border-bottom:2px solid var(--border)}.sales-type-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s}.sales-type-tab:hover{color:var(--primary)}.sales-type-tab.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--border);transition:all .2s}.category-tab:hover{border-color:var(--primary);color:var(--primary)}.category-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #2b7de933}.category-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:700;background:#0000000f}.category-tab.active .category-count{background:#ffffff40;color:#fff}.bulk-actions{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--info-bg);border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.15)}.bulk-count{font-size:13px;font-weight:600;color:var(--info);margin-right:4px}.bulk-btn{font-size:12px;font-weight:500;padding:5px 12px;border-radius:6px;color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--border);transition:all .15s}.bulk-btn:hover{border-color:var(--text-muted)}.bulk-btn--danger{color:var(--danger)}.bulk-btn--danger:hover{border-color:var(--danger);background:var(--danger-bg)}.table-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);overflow:hidden}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:14px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-page);white-space:nowrap;border-bottom:1px solid var(--border)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border-light);white-space:nowrap;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover td{background:var(--bg-hover)}.product-row{animation:fadeRow .3s ease var(--delay) both}@keyframes fadeRow{0%{opacity:0}to{opacity:1}}.th-check{width:48px}.th-sortable{display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:color .15s}.th-sortable:hover{color:var(--primary)}.checkbox-wrap{position:relative;display:inline-flex;cursor:pointer}.checkbox-wrap input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:18px;height:18px;border:2px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .15s;color:transparent}.checkbox-wrap input:checked+.checkbox-custom{background:var(--primary);border-color:var(--primary);color:#fff}.product-info{display:flex;align-items:center;gap:12px}.product-thumb{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--bg-page);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary)}.product-name-wrap{display:flex;flex-direction:column}.product-name{font-weight:600;color:var(--text-primary);max-width:220px;overflow:hidden;text-overflow:ellipsis}.model-code{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:var(--bg-page);padding:2px 8px;border-radius:4px}.category-badge{font-size:12px;font-weight:500;padding:3px 10px;border-radius:var(--radius-full);color:var(--secondary-dark);background:var(--secondary-bg)}.cell-amount{font-family:var(--font-display);font-weight:700}.cell-sales{font-family:var(--font-display);font-weight:600;color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.stock-num{font-family:var(--font-display);font-weight:600}.stock-num--low{color:var(--warning)}.stock-num--zero{color:var(--danger);font-weight:700}.status-tag{display:inline-flex;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.status-tag--success{color:#16a34a;background:var(--success-bg)}.status-tag--warning{color:#d97706;background:var(--warning-bg)}.status-tag--info{color:#2563eb;background:var(--info-bg)}.status-tag--danger{color:#dc2626;background:var(--danger-bg)}.action-btns{display:flex;gap:4px}.action-btn{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn--danger:hover{background:var(--danger-bg);color:var(--danger)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border-light)}.pagination-info{font-size:13px;color:var(--text-muted)}.pagination-controls{display:flex;gap:4px}.page-btn{min-width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-white);transition:all .15s}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b4b73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;animation:modalIn .3s var(--ease-spring)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:700}.modal-close{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-light)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group--full{grid-column:1 / -1}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.required{color:var(--danger)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary);background:var(--bg-white);transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.form-textarea{resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.image-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.image-upload-area:hover{border-color:var(--primary);background:var(--primary-bg)}.upload-icon{color:var(--text-muted)}.upload-text{font-size:13px;font-weight:600;color:var(--text-secondary)}.upload-hint{font-size:11px;color:var(--text-muted)}@media (max-width: 768px){.page-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{flex-wrap:wrap}.search-box{width:100%}.form-grid{grid-template-columns:1fr}.modal{max-width:100%;margin:12px}}.scene-checkboxes{display:flex;flex-wrap:wrap;gap:10px}.scene-checkbox{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .15s;font-size:13px}.scene-checkbox:hover{border-color:#2b7de9}.scene-checkbox--checked{background:#edf4fe;border-color:#2b7de9;color:#2b7de9}.scene-checkbox input[type=checkbox]{accent-color:#2B7DE9}.scene-checkbox__label{white-space:nowrap}.orders-page{display:flex;flex-direction:column;gap:16px}.order-type-tabs{display:flex;gap:8px;flex-wrap:wrap}.order-type-tab{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--border);cursor:pointer;transition:all .2s}.order-type-tab:hover{border-color:var(--primary);color:var(--primary)}.order-type-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.order-type-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.status-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--border-light);padding-bottom:0}.status-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.status-tab:hover{color:var(--text-primary)}.status-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.status-tab-count{font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px;background:var(--bg-hover);color:var(--text-muted)}.status-tab.active .status-tab-count{background:var(--primary-bg);color:var(--primary)}.customer-info{display:flex;flex-direction:column}.customer-name{font-weight:600;color:var(--text-primary)}.customer-phone{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.order-products{display:flex;flex-direction:column;gap:2px}.order-product-name{font-size:13px;color:var(--text-primary);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-payment{font-size:12px;color:var(--text-secondary)}.action-btn--ship{color:var(--info)!important}.action-btn--ship:hover{background:var(--info-bg)!important}.order-detail-row td{padding:0!important;background:var(--bg-page)!important}.order-detail{padding:20px 24px;display:flex;flex-direction:column;gap:20px;animation:expandIn .25s var(--ease-out)}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:13px;color:var(--text-primary)}.timeline{display:flex;flex-direction:column;gap:0;padding-left:4px}.timeline-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:22px;bottom:-4px;width:2px;background:var(--border)}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--border);flex-shrink:0;margin-top:2px}.timeline-dot--active{background:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.timeline-text{font-size:13px;color:var(--text-secondary)}.product-detail-list{display:flex;flex-direction:column;gap:8px}.product-detail-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-white);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:background .15s}.product-detail-card:hover{background:#fafbfc}.product-detail-card__main{display:flex;flex-direction:column;gap:4px}.product-detail-card__name{font-size:14px;font-weight:600;color:var(--text-primary)}.product-detail-card__meta{font-size:12px;color:var(--text-muted)}.product-detail-card__subtotal{font-size:15px;font-weight:700;color:var(--text-primary);font-family:DIN Alternate,Helvetica Neue,Arial,sans-serif}.product-detail-total{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 4px;border-top:2px solid var(--border);margin-top:4px}.product-detail-total__label{font-size:14px;font-weight:600;color:var(--text-secondary)}.product-detail-total__value{font-size:18px;font-weight:800;color:var(--primary);font-family:DIN Alternate,Helvetica Neue,Arial,sans-serif}.action-btn--refund{color:var(--text-secondary)}.action-btn--refund:hover{color:#e53e3e;background:#fee2e2}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:28px;box-shadow:0 20px 60px #00000026}.toolbar-btn--danger{background:#e53e3e;color:#fff;border-color:#e53e3e}.toolbar-btn--danger:hover{background:#c53030}.toolbar-btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.toolbar-btn--primary:hover{background:var(--primary-dark)}.rentals-page{display:flex;flex-direction:column;gap:16px}.rentals-layout{display:flex;gap:20px;align-items:flex-start}.rentals-list{flex:1;min-width:0}.scene-tag{display:inline-flex;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--primary-dark);background:var(--primary-bg)}.cell-duration{font-family:var(--font-display);font-weight:600}.cell-product{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rental-row{cursor:pointer;transition:background .15s}.rental-row--selected td{background:var(--primary-bg)!important}.action-btn--approve{color:var(--success)!important}.action-btn--approve:hover{background:var(--success-bg)!important}.rental-detail-panel{width:380px;flex-shrink:0;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);position:sticky;top:calc(var(--header-height) + 24px);animation:slideInRight .3s var(--ease-out)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.detail-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.detail-panel-title{font-family:var(--font-display);font-size:15px;font-weight:700}.detail-panel-body{padding:20px;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 200px);overflow-y:auto}.detail-panel-status{display:flex;align-items:center;gap:12px}.status-tag--lg{padding:5px 14px;font-size:13px}.detail-panel-id{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.detail-section{display:flex;flex-direction:column;gap:10px}.detail-title{font-size:13px;font-weight:700;color:var(--text-primary);padding-bottom:6px;border-bottom:1px solid var(--border-light)}.detail-kv{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.detail-kv--highlight{background:var(--primary-bg);margin:4px -12px;padding:8px 12px;border-radius:var(--radius-sm)}.kv-label{font-size:12px;color:var(--text-muted);flex-shrink:0}.kv-value{font-size:13px;font-weight:500;color:var(--text-primary);text-align:right}.kv-value--amount{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--primary)}.detail-notes{font-size:13px;color:var(--text-secondary);line-height:1.6;background:var(--bg-page);padding:12px;border-radius:var(--radius-sm)}.detail-apply-time{font-size:11px;color:var(--text-muted)}.detail-panel-actions{display:flex;gap:10px;padding-top:4px}.toolbar-btn--reject{color:var(--danger)!important;border-color:#ef44444d!important}.toolbar-btn--reject:hover{background:var(--danger-bg)!important;border-color:var(--danger)!important}.status-tag--muted{color:var(--text-muted);background:var(--bg-hover)}@media (max-width: 1024px){.rentals-layout{flex-direction:column}.rental-detail-panel{width:100%;position:static}}.content-page{display:flex;flex-direction:column;gap:20px}.content-nav{display:flex;gap:8px;background:var(--bg-card);padding:8px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light)}.content-nav-item{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s}.content-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.content-nav-item.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #2b7de940}.config-section{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);overflow:hidden}.config-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.config-title{font-family:var(--font-display);font-size:16px;font-weight:700}.config-desc{font-size:12px;color:var(--text-muted);margin-top:3px}.config-footer{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-light);background:var(--bg-page)}.banner-list{padding:12px;display:flex;flex-direction:column;gap:8px}.banner-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-page);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all .2s}.banner-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #2b7de914}.banner-item--disabled{opacity:.5}.banner-drag{color:var(--text-muted);cursor:grab;padding:4px}.banner-sort{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.banner-preview{width:120px;height:56px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.banner-preview-img{width:100%;height:100%;object-fit:cover}.banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-bg),var(--secondary-bg));display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.banner-info{flex:1;min-width:0}.banner-title{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.banner-meta{display:flex;align-items:center;gap:12px}.banner-filename{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.banner-link-label{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--info)}.banner-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.banner-sort-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.banner-sort-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.banner-sort-btn:disabled{opacity:.3;cursor:not-allowed}.banner-toggle{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.banner-toggle:hover{background:var(--bg-hover)}.banner-toggle--on{color:var(--success)}.banner-toggle--on:hover{background:var(--success-bg)}.scenes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 24px}.scene-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-page);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all .2s}.scene-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #2b7de914}.scene-card--disabled{opacity:.5}.scene-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm);color:var(--primary)}.scene-info{flex:1}.scene-title{display:block;font-size:15px;font-weight:700;color:var(--text-primary)}.scene-subtitle{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.scene-actions{display:flex;gap:4px}.hot-robots-list{padding:12px;display:flex;flex-direction:column;gap:8px}.hot-robot-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-page);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all .2s}.hot-robot-item:hover{border-color:var(--primary)}.hot-robot-item--disabled{opacity:.5}.hot-robot-thumb{width:52px;height:52px;border-radius:var(--radius-md);background:var(--gradient-card);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;border:1px solid var(--border-light)}.hot-robot-info{flex:1}.hot-robot-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.hot-robot-prices{display:flex;gap:16px}.hot-robot-price,.hot-robot-rental{font-size:12px;color:var(--text-muted)}.hot-robot-price{font-weight:600;color:var(--primary)}.widget-config{display:flex;gap:32px;padding:24px}.widget-preview{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px}.widget-card{width:320px;padding:24px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;color:#fff;overflow:hidden;position:relative;box-shadow:0 8px 24px #00000026}.widget-card:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:#ffffff1a;border-radius:50%}.widget-card-content{position:relative;z-index:1}.widget-card-title{font-family:var(--font-display);font-size:20px;font-weight:800;margin-bottom:4px}.widget-card-desc{font-size:12px;opacity:.85;margin-bottom:14px}.widget-card-btn{display:inline-flex;padding:8px 20px;border-radius:var(--radius-full);background:#fff;color:var(--text-primary);font-size:13px;font-weight:700;box-shadow:0 2px 8px #0000001a}.widget-card-robot{opacity:.3;position:relative;z-index:1}.widget-preview-label{font-size:11px;color:var(--text-muted);font-weight:500}.widget-form{flex:1;display:flex;flex-direction:column;gap:16px;max-width:400px}.color-picker-row{display:flex;align-items:center;gap:10px}.color-picker{width:40px;height:40px;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:2px}.switch{position:relative;display:inline-flex;cursor:pointer}.switch input{position:absolute;opacity:0}.switch-slider{width:44px;height:24px;border-radius:12px;background:var(--border);transition:all .2s;position:relative}.switch-slider:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-spring)}.switch input:checked+.switch-slider{background:var(--primary)}.switch input:checked+.switch-slider:before{transform:translate(20px)}@media (max-width: 768px){.content-nav{flex-wrap:wrap}.widget-config{flex-direction:column}.widget-card{width:100%}.scenes-grid{grid-template-columns:1fr}}.cat-page{display:flex;flex-direction:column;gap:20px}.cat-header{display:flex;justify-content:space-between;align-items:center}.cat-title{font-size:20px;font-weight:700;color:var(--text-primary)}.cat-add-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.cat-add-btn:hover{background:var(--primary-dark)}.cat-table-wrap{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.cat-table{width:100%;border-collapse:collapse}.cat-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.cat-table td{padding:14px 16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-light);vertical-align:middle}.cat-table tr:last-child td{border-bottom:none}.cat-table tr:hover td{background:var(--bg-hover)}.cat-icon-cell{width:60px}.cat-icon{width:40px;height:40px;border-radius:var(--radius);object-fit:cover}.cat-icon-placeholder{width:40px;height:40px;border-radius:var(--radius);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.cat-toggle{position:relative;width:44px;height:24px;background:var(--border);border:none;border-radius:12px;cursor:pointer;transition:background .2s;padding:0}.cat-toggle.active{background:var(--primary)}.cat-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.cat-toggle.active:after{transform:translate(20px)}.cat-actions{display:flex;gap:8px}.cat-action-btn{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-white);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.cat-action-btn:hover{border-color:var(--primary);color:var(--primary)}.cat-action-btn.danger:hover{border-color:var(--danger, #e53e3e);color:var(--danger, #e53e3e)}.cat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.cat-modal{background:var(--bg-white);border-radius:var(--radius-lg);padding:28px;width:440px;max-width:90vw;box-shadow:0 20px 60px #00000026}.cat-modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:24px}.cat-form-group{margin-bottom:20px}.cat-form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.cat-form-label .required{color:var(--primary);margin-left:2px}.cat-form-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text-primary);transition:border-color .2s;box-sizing:border-box}.cat-form-input:focus{outline:none;border-color:var(--primary)}.cat-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.cat-modal-btn{padding:10px 24px;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid var(--border)}.cat-modal-btn.cancel{background:var(--bg-white);color:var(--text-secondary)}.cat-modal-btn.cancel:hover{background:var(--bg-secondary)}.cat-modal-btn.confirm{background:var(--primary);color:#fff;border-color:var(--primary)}.cat-modal-btn.confirm:hover{background:var(--primary-dark)}.cat-modal-btn:disabled{opacity:.6;cursor:not-allowed}.cat-confirm-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:4px}.cat-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary);font-size:14px}.cat-toast{position:fixed;top:24px;right:24px;padding:12px 20px;border-radius:var(--radius);font-size:14px;color:#fff;z-index:2000;animation:catToastIn .3s ease}.cat-toast.success{background:#22c55e}.cat-toast.error{background:#e53e3e}@keyframes catToastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cases-page{display:flex;flex-direction:column;gap:16px}.cases-type-tabs{display:flex;gap:8px}.cases-type-tab{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--border);cursor:pointer;transition:all .2s}.cases-type-tab:hover{border-color:var(--primary);color:var(--primary)}.cases-type-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.case-card{background:var(--bg-white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-light);transition:all .2s}.case-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.case-card--disabled{opacity:.6}.case-card__cover{position:relative;height:180px;background:var(--bg-page);overflow:hidden}.case-card__img{width:100%;height:100%;object-fit:cover}.case-card__type-tag{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:12px;color:#fff;font-size:11px;font-weight:600}.case-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.case-card__body{padding:14px 16px}.case-card__title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.case-card__desc{font-size:12px;color:var(--text-muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.case-card__actions{display:flex;gap:8px}.cases-empty{grid-column:1 / -1;text-align:center;padding:60px 0;color:var(--text-muted);font-size:14px}.action-btn--success{color:#52c41a!important}.action-btn--warning{color:#faad14!important}:root{--primary: #2B7DE9;--primary-light: #93bbf5;--primary-dark: #1a5bbf;--primary-bg: rgba(43, 125, 233, .08);--primary-bg-hover: rgba(43, 125, 233, .14);--secondary: #8b5cf6;--secondary-light: #c4b5fd;--secondary-dark: #7c3aed;--secondary-bg: rgba(139, 92, 246, .08);--success: #22c55e;--success-bg: rgba(34, 197, 94, .08);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .08);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .08);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .08);--bg-page: #f8f9fc;--bg-white: #ffffff;--bg-card: #ffffff;--bg-hover: #f3f4f8;--bg-active: #eef0f5;--bg-sidebar: #1e1b4b;--bg-sidebar-hover: rgba(255, 255, 255, .08);--bg-sidebar-active: rgba(43, 125, 233, .15);--text-primary: #1e1b4b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-white: #ffffff;--text-sidebar: rgba(255, 255, 255, .7);--text-sidebar-active: #ffffff;--border: #e5e7ee;--border-light: #f0f1f5;--border-focus: var(--primary);--shadow-sm: 0 1px 3px rgba(30, 27, 75, .04);--shadow-md: 0 4px 16px rgba(30, 27, 75, .06);--shadow-lg: 0 8px 32px rgba(30, 27, 75, .08);--shadow-card: 0 1px 4px rgba(30, 27, 75, .04), 0 4px 12px rgba(30, 27, 75, .03);--shadow-float: 0 12px 40px rgba(30, 27, 75, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--gradient-primary: linear-gradient(135deg, #2B7DE9, #5B9EF4);--gradient-secondary: linear-gradient(135deg, #8b5cf6, #a78bfa);--gradient-warm: linear-gradient(135deg, #2B7DE9, #5B9EF4);--gradient-cool: linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-success: linear-gradient(135deg, #22c55e, #4ade80);--gradient-card: linear-gradient(135deg, rgba(43,125,233,.03), rgba(139,92,246,.03));--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px;--font-display: "Plus Jakarta Sans", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", "Plus Jakarta Sans", sans-serif;--font-mono: "DM Mono", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.filter-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px 20px;animation:slideDown .2s var(--ease-out)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.filter-item{display:flex;flex-direction:column;gap:4px;min-width:140px}.filter-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.form-select--sm,.form-input--sm{padding:7px 10px;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-primary)}.form-input--sm:focus,.form-select--sm:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.toolbar-btn--sm{padding:7px 12px!important;font-size:12px!important}.toolbar-btn--active{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--primary-bg)!important}