@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--color-primary: #00ffff;--color-primary-dark: #00cccc;--color-primary-light: #00e0e0;--color-primary-03: rgba(0, 255, 255, .03);--color-primary-05: rgba(0, 255, 255, .05);--color-primary-08: rgba(0, 255, 255, .08);--color-primary-10: rgba(0, 255, 255, .1);--color-primary-15: rgba(0, 255, 255, .15);--color-primary-20: rgba(0, 255, 255, .2);--color-primary-25: rgba(0, 255, 255, .25);--color-primary-30: rgba(0, 255, 255, .3);--color-primary-35: rgba(0, 255, 255, .35);--color-primary-40: rgba(0, 255, 255, .4);--color-primary-50: rgba(0, 255, 255, .5);--color-primary-70: rgba(0, 255, 255, .7);--color-primary-muted: rgba(0, 200, 200, .6);--color-accent: var(--color-primary);--color-accent-bg: rgba(0, 255, 255, .05);--color-accent-border: rgba(0, 255, 255, .3);--color-accent-glow: rgba(0, 255, 255, .2);--color-danger: #ff6b6b;--color-danger-light: #ff8585;--color-danger-bg: rgba(239, 68, 68, .2);--color-danger-border: rgba(255, 100, 100, .4);--color-danger-glow: rgba(255, 100, 100, .2);--color-success: #4ade80;--color-success-dark: #64c864;--color-success-bg: rgba(74, 222, 128, .2);--color-success-border: rgba(74, 222, 128, .5);--color-success-glow: rgba(74, 222, 128, .3);--color-warning: #ffc800;--color-warning-alt: #f5c842;--color-warning-bg: rgba(245, 158, 11, .2);--color-warning-border: rgba(245, 158, 11, .5);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .2);--color-muted-bg: rgba(156, 163, 175, .3);--color-muted-border: rgba(156, 163, 175, .5);--color-text-primary: #ffffff;--color-text-secondary: rgba(255,255,255,.7);--color-text-muted: rgba(255,255,255,.5);--color-text-dim: rgba(255,255,255,.6);--color-text-hint: #888888;--color-text-disabled: #999999;--color-text-on-primary: #ffffff;--color-text-bright: #ffffff;--color-error: #ef4444;--color-bg-page: #0a0a0f;--color-bg-page-alt: #0f0f1a;--color-bg-primary: var(--color-bg-page);--color-bg-card: rgba(20, 20, 30, .8);--color-bg-card-solid: #1a1a2e;--color-bg-card-hover: rgba(20, 20, 30, .95);--color-bg-input: rgba(255,255,255,.1);--color-bg-input-focus: rgba(255,255,255,.15);--color-bg-sidebar: #16162a;--color-bg-secondary: rgba(20, 20, 30, .5);--color-bg-disabled: rgba(255, 255, 255, .05);--color-section-alt-bg: rgba(0, 40, 40, .3);--color-table-bg: rgba(10, 10, 20, .8);--color-card-bg: rgba(0, 0, 0, .3);--color-input-bg: rgba(0, 0, 0, .4);--color-modal-bg: linear-gradient(135deg, rgba(20,20,30,.98), rgba(10,10,20,.98));--color-table-header-bg: rgba(20, 20, 30, .98);--color-overlay-modal: rgba(0, 0, 0, .7);--color-border: rgba(0, 255, 255, .2);--color-border-hover: rgba(0, 255, 255, .5);--color-border-focus: rgba(0, 255, 255, .5);--color-border-light: rgba(0, 255, 255, .1);--color-border-danger: rgba(255, 100, 100, .3);--color-border-success: rgba(50, 200, 100, .3);--color-border-subtle: rgba(255, 255, 255, .08);--color-admin-border: rgba(255, 100, 100, .2);--color-btn-disabled-bg: rgba(255, 255, 255, .1);--color-btn-disabled-text: rgba(255, 255, 255, .4);--color-shadow: rgba(0, 255, 255, .1);--color-shadow-strong: rgba(0, 255, 255, .3);--color-overlay: rgba(0, 0, 0, .7);--color-overlay-dark: rgba(10, 10, 20, .9);--font-family-base: "Noto Sans SC", sans-serif;--font-family-mono: "Consolas", "Monaco", monospace;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: .95rem;--font-size-md: 1rem;--font-size-lg: 1.2rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--font-size-hero: 3rem;--font-size-section: 2rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-round: 50%;--radius-full: 9999px;--gradient-primary: linear-gradient(135deg, #00ffff, #00cccc);--gradient-card: linear-gradient(135deg, rgba(20,20,30,.8), rgba(20,20,30,.95));--gradient-card-primary: linear-gradient(135deg, rgba(0,255,255,.3), rgba(0,255,255,.05));--gradient-card-primary-hover: linear-gradient(135deg, rgba(0,255,255,.4), rgba(0,255,255,.1));--gradient-card-danger: linear-gradient(135deg, rgba(255,100,100,.2), rgba(255,100,100,.05));--gradient-card-danger-hover: linear-gradient(135deg, rgba(255,100,100,.3), rgba(255,100,100,.1));--gradient-card-success: linear-gradient(135deg, rgba(50,200,100,.2), rgba(50,200,100,.05));--gradient-card-success-hover: linear-gradient(135deg, rgba(50,200,100,.3), rgba(50,200,100,.1));--gradient-line: linear-gradient(90deg, rgba(0,255,255,.03), rgba(0,255,255,.15), rgba(0,255,255,.03));--gradient-btn-primary: linear-gradient(135deg, rgba(0, 255, 255, .3), rgba(0, 200, 200, .4));--gradient-btn-primary-hover: linear-gradient(135deg, rgba(0, 255, 255, .4), rgba(0, 200, 200, .5));--gradient-card-selected: linear-gradient(135deg, rgba(0, 255, 255, .15), rgba(0, 200, 200, .05));--gradient-hero-bg: radial-gradient(ellipse at center top, rgba(0, 100, 100, .2) 0%, transparent 70%);--gradient-modal: linear-gradient(135deg, rgba(20, 20, 30, .98), rgba(10, 10, 20, .98));--gradient-overlay: linear-gradient(rgba(0,255,255,.03), transparent);--ws-page-bg: var(--color-bg-page);--ws-nav-bg: var(--color-bg-page);--ws-nav-border: var(--color-border);--ws-nav-brand-color: var(--color-primary);--ws-nav-text: var(--color-text-secondary);--ws-sidebar-bg: var(--color-bg-sidebar);--ws-sidebar-text: var(--color-text-secondary);--ws-sidebar-hover-bg: var(--color-primary-08);--ws-sidebar-active-bg: var(--color-primary-15);--ws-sidebar-active-text: var(--color-primary);--ws-page-title-color: var(--color-primary);--ws-btn-action-bg: transparent;--ws-btn-action-border: var(--color-border);--ws-btn-action-radius: var(--radius-sm);--ws-btn-action-text: var(--color-primary);--ws-btn-action-hover-border: var(--color-primary);--ws-btn-danger-bg: transparent;--ws-btn-danger-border: var(--color-danger-border);--ws-btn-danger-text: var(--color-danger);--ws-btn-danger-radius: var(--radius-sm);--ws-btn-danger-hover-bg: var(--color-danger-bg);--ws-card-bg: var(--color-bg-card);--ws-card-border: var(--color-border);--ws-card-radius: var(--radius-lg);--ws-table-border: var(--color-border);--ws-table-header-bg: var(--color-bg-card);--ws-table-header-text: var(--color-text-secondary);--ws-table-row-hover-bg: var(--color-primary-05);--ws-modal-overlay: var(--color-overlay);--ws-modal-bg: var(--color-bg-card-solid);--ws-modal-border: var(--color-border);--ws-modal-radius: var(--radius-lg);--ws-modal-title-color: var(--color-primary);--ws-input-bg: var(--color-bg-input);--ws-input-border: var(--color-border);--ws-input-radius: var(--radius-sm);--ws-input-text: var(--color-text-primary);--ws-input-focus-border: var(--color-primary);--ws-input-placeholder: var(--color-text-muted);--ws-toast-success-bg: var(--color-success-bg);--ws-toast-error-bg: var(--color-danger-bg);--ws-toast-warning-bg: var(--color-warning-bg);--ws-toast-text: var(--color-text-primary);--adm-page-bg: var(--color-bg-page);--adm-nav-bg: var(--color-bg-page);--adm-nav-border: var(--color-admin-border);--adm-nav-brand-color: var(--color-primary);--adm-sidebar-bg: var(--color-bg-sidebar);--adm-sidebar-text: var(--color-text-secondary);--adm-sidebar-hover-bg: var(--color-primary-08);--adm-sidebar-active-bg: var(--color-primary-15);--adm-sidebar-active-text: var(--color-primary);--adm-btn-action-bg: transparent;--adm-btn-action-border: var(--color-border);--adm-btn-action-radius: var(--radius-sm);--adm-btn-action-text: var(--color-primary);--adm-btn-danger-bg: transparent;--adm-btn-danger-border: var(--color-danger-border);--adm-btn-danger-radius: var(--radius-sm);--adm-btn-danger-text: var(--color-danger);--adm-btn-danger-hover-bg: var(--color-danger-bg);--dp-page-bg: var(--color-bg-page);--dp-nav-bg: var(--color-bg-page);--dp-nav-brand-color: var(--color-primary);--dp-nav-text: var(--color-text-secondary);--dp-footer-bg: var(--color-bg-page);--dp-footer-text: var(--color-text-muted);--dp-footer-link-color: var(--color-primary);--dp-nav-btn-console-border: var(--color-primary-50);--dp-nav-btn-console-text: var(--color-primary);--dp-nav-btn-console-hover-bg: var(--color-primary-10);--dp-nav-btn-register-bg: var(--gradient-card-success);--dp-nav-btn-register-text: var(--color-success);--dp-nav-btn-register-hover-bg: var(--gradient-card-success-hover);--dp-nav-btn-logout-bg: var(--gradient-card-danger);--dp-nav-btn-logout-text: var(--color-danger);--dp-nav-btn-logout-hover-bg: var(--gradient-card-danger-hover);--dp-nav-btn-admin-bg: var(--gradient-card-success);--dp-nav-btn-admin-text: var(--color-success);--dp-nav-btn-admin-hover-bg: var(--gradient-card-success-hover);--color-level-free: #888888;--color-level-free-border: rgba(136, 136, 136, .3);--color-level-free-icon-bg: rgba(136, 136, 136, .15);--gradient-level-free: linear-gradient(135deg, rgba(50, 50, 60, .6), rgba(30, 30, 40, .8));--color-level-gold: #f5c842;--color-level-gold-border: rgba(245, 200, 66, .3);--color-level-gold-icon-bg: rgba(245, 200, 66, .15);--gradient-level-gold: linear-gradient(135deg, rgba(60, 50, 20, .6), rgba(40, 35, 15, .8));--color-level-platinum: #7eb8f7;--color-level-platinum-border: rgba(126, 184, 247, .3);--color-level-platinum-icon-bg: rgba(126, 184, 247, .15);--gradient-level-platinum: linear-gradient(135deg, rgba(20, 40, 70, .6), rgba(15, 30, 55, .8));--color-level-supreme: #e8c547;--color-level-supreme-border: rgba(232, 197, 71, .4);--color-level-supreme-icon-bg: rgba(232, 197, 71, .15);--gradient-level-supreme: linear-gradient(135deg, rgba(25, 20, 5, .95), rgba(8, 6, 2, .98))}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:var(--color-bg-page);font-family:var(--font-family-base);color:var(--color-text-primary)}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--color-primary-03) 1px,transparent 1px),linear-gradient(90deg,var(--color-primary-03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.navbar{background:var(--ws-nav-bg);border-bottom:1px solid var(--ws-nav-border);padding:15px 30px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:100}.navbar-brand{font-family:var(--font-family-mono);font-size:1.3rem;color:var(--ws-nav-brand-color);text-shadow:0 0 10px var(--color-shadow)}.navbar-user{display:flex;align-items:center;gap:8px}.user-info{color:var(--ws-nav-text);font-size:var(--font-size-base)}.user-info span{color:var(--ws-nav-brand-color)}.logout-btn{padding:var(--spacing-sm) 15px;background:transparent;border:1px solid rgba(255,100,100,.5);border-radius:var(--radius-sm);color:var(--color-danger);cursor:pointer;transition:all .3s;font-family:var(--font-family-base)}.logout-btn:hover{background:#ff64641a;box-shadow:0 0 10px #ff646433}.main-content{display:flex;margin-top:60px;min-height:calc(100vh - 60px);position:relative;z-index:1}.sidebar{width:220px;background:var(--ws-sidebar-bg);border-right:1px solid var(--ws-card-border);padding:20px 0;position:fixed;top:60px;bottom:0;left:0;overflow-y:auto;z-index:2}.menu-item{padding:15px 25px;color:var(--ws-sidebar-text);cursor:pointer;transition:all .3s;border-left:3px solid transparent;display:flex;align-items:center;gap:10px;text-decoration:none}.menu-item:hover{background:var(--ws-sidebar-hover-bg);color:var(--ws-sidebar-active-text)}.menu-item.active{background:var(--ws-sidebar-active-bg);color:var(--ws-sidebar-active-text);border-left-color:var(--ws-sidebar-active-text)}.menu-item.disabled{opacity:.5;cursor:not-allowed}.menu-item.disabled:hover{background:transparent;color:var(--ws-sidebar-text)}.menu-item .icon{width:20px;text-align:center}.content{flex:1;margin-left:220px;padding:30px 30px 80px}.page-title{font-size:var(--font-size-xl);color:var(--ws-page-title-color);margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--ws-card-border)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.toolbar-left,.toolbar-right{display:flex;gap:10px;align-items:center}.btn{padding:10px 20px;border:1px solid var(--ws-btn-action-border);border-radius:var(--ws-btn-action-radius);background:var(--ws-btn-action-bg);color:var(--ws-btn-action-text);font-size:var(--font-size-base);cursor:pointer;transition:all .3s;font-family:var(--font-family-base)}.btn:hover{background:var(--gradient-card-primary-hover);border-color:var(--ws-btn-action-hover-border);box-shadow:0 0 15px var(--color-shadow-strong)}.btn-danger{border-color:var(--ws-btn-danger-border);background:var(--ws-btn-danger-bg);color:var(--ws-btn-danger-text);border-radius:var(--ws-btn-danger-radius)}.btn-danger:hover{background:var(--ws-btn-danger-hover-bg);box-shadow:0 0 15px var(--color-danger-glow)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-admin{border-color:#4ade8080;background:var(--gradient-card-success, linear-gradient(135deg, rgba(34, 197, 94, .2), rgba(22, 163, 74, .25)));color:var(--color-success, #4ade80)}.btn-admin:hover{background:var(--gradient-card-success-hover, linear-gradient(135deg, rgba(34, 197, 94, .3), rgba(22, 163, 74, .35)));box-shadow:0 0 15px #4ade8040}.table-container{background:var(--ws-card-bg);border:1px solid var(--ws-table-border);border-radius:var(--ws-card-radius);overflow:hidden}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--ws-table-border);white-space:nowrap}th{background:var(--ws-table-header-bg);color:var(--ws-table-header-text);font-weight:600;font-size:var(--font-size-sm);position:sticky;top:0}td{font-size:var(--font-size-sm);color:var(--color-text-secondary)}tr:hover td{background:var(--ws-table-row-hover-bg)}.action-btns{display:flex;gap:5px}.action-btn{padding:5px 10px;border:1px solid var(--ws-btn-action-border);border-radius:var(--radius-xs);background:transparent;color:var(--ws-btn-action-text);font-size:var(--font-size-xs);cursor:pointer;transition:all .3s;font-family:var(--font-family-base)}.action-btn:hover{color:var(--ws-btn-action-text);border-color:var(--ws-btn-action-hover-border)}.action-btn:disabled{opacity:.65;cursor:not-allowed}.action-btn.edit{color:var(--color-warning-alt);border-color:#ffc10780}.action-btn.edit:hover{color:#ffca2c;border-color:var(--color-warning-alt);background:#ffc1071a}.action-btn.copy{color:#17a2b8;border-color:#17a2b880}.action-btn.copy:hover{color:#1fc8e3;border-color:#17a2b8;background:#17a2b81a}.action-btn.delete{color:var(--color-danger);border-color:#ff6b6b80}.action-btn.delete:hover{color:var(--color-danger-light);border-color:var(--color-danger);background:#ff6b6b1a}.checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--ws-modal-overlay);z-index:1000;align-items:center;justify-content:center;padding:20px}.modal.active{display:flex}.modal-content{background:var(--ws-modal-bg);border:1px solid var(--ws-modal-border);border-radius:var(--ws-modal-radius);width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-header{padding:20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-family:var(--font-family-mono);font-size:var(--font-size-lg);color:var(--ws-modal-title-color)}.modal-close{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-xl);cursor:pointer;transition:color .3s}.modal-close:hover{color:var(--color-danger)}.modal-body{padding:20px}.import-upload{display:flex;gap:20px;align-items:flex-start}.import-upload-text{flex:1;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.import-upload-title{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600;margin-bottom:4px}.import-upload-text ul{margin:8px 0 0;padding-left:18px}.import-upload-text li{margin-bottom:4px}.import-upload-action{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.import-result{display:flex;flex-direction:column;gap:16px}.import-result-summary{display:flex;gap:16px}.import-result-item{flex:1;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:6px}.import-result-item .label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.import-result-item .value{font-size:var(--font-size-xl);font-family:var(--font-family-mono)}.import-result-item.success .value{color:var(--color-success)}.import-result-item.fail .value{color:var(--color-danger)}.import-result-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:#ffffff08;border:1px dashed var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.import-result-hint .btn{flex-shrink:0}.import-result-actions{display:flex;justify-content:flex-end;gap:8px}.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:1000;padding:10px 24px;background:var(--color-bg-card-solid);border-top:2px solid var(--color-border);box-shadow:0 -4px 20px var(--color-shadow-strong);display:flex;align-items:center;justify-content:space-between;gap:12px}.cookie-bar-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.cookie-bar-actions{flex-shrink:0;display:flex;align-items:center;gap:8px}.btn-small{padding:6px 12px;font-size:var(--font-size-sm)}.btn-primary{background:transparent;border-color:var(--color-border);color:var(--color-text-primary)}.btn-primary:hover{background:#ffffff0f}.btn-secondary{background:transparent;border-color:transparent;color:var(--color-text-secondary);opacity:.8}.btn-link{background:transparent;border-color:transparent;color:var(--color-text-secondary);text-decoration:underline}.modal:has(.cookie-modal){background:var(--color-overlay-modal)}.cookie-modal{background:var(--color-modal-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.cookie-modal .modal-header h2{color:var(--color-text-primary)}.cookie-modal .modal-body{padding-bottom:10px}.cookie-settings-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.cookie-settings-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.cookie-settings-main .title{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:2px}.cookie-settings-main .desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cookie-settings-toggle{flex-shrink:0}.badge-on{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--color-success-bg);color:var(--color-success);font-size:var(--font-size-xs)}.cookie-bar .btn,.cookie-modal .modal-footer .btn{background:var(--gradient-btn-primary);border:1px solid var(--color-primary-50);border-radius:var(--radius-sm);color:#fff}.cookie-bar .btn:hover,.cookie-modal .modal-footer .btn:hover{background:var(--gradient-btn-primary-hover);box-shadow:0 0 12px var(--color-shadow-strong)}.cookie-bar .btn-secondary,.cookie-bar .btn-link,.cookie-modal .modal-footer .btn-secondary{background:transparent;border-color:transparent;color:var(--color-text-secondary);box-shadow:none}.cookie-bar .btn-secondary:hover,.cookie-bar .btn-link:hover,.cookie-modal .modal-footer .btn-secondary:hover{color:var(--color-text-primary);background:transparent;box-shadow:none}.switch{position:relative;display:inline-block;width:36px;height:18px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border-subtle);transition:.2s;border-radius:999px}.switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;top:2px;background-color:#fff;transition:.2s;border-radius:50%}.switch input:checked+.slider{background-color:var(--color-primary)}.switch input:checked+.slider:before{transform:translate(18px)}@media(max-width:640px){.cookie-bar{flex-direction:column;align-items:flex-start;padding:10px 12px 12px}.cookie-bar-text{font-size:var(--font-size-xs)}.cookie-bar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:6px}.cookie-bar-actions .btn-small{padding:6px 10px;font-size:var(--font-size-xs)}.cookie-modal{max-width:100%;margin:10px}.cookie-settings-item{flex-direction:column;align-items:flex-start}.cookie-settings-toggle{align-self:flex-end}}.modal-footer{padding:15px 20px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-section{grid-column:1 / -1;color:var(--color-primary);font-size:var(--font-size-base);padding:10px 0 5px;border-bottom:1px solid var(--color-border);margin-top:10px}.form-section:first-child{margin-top:0}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-group label .required{color:var(--color-danger)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;background:var(--ws-input-bg);border:1px solid var(--ws-input-border);border-radius:var(--ws-input-radius);color:var(--ws-input-text);font-size:var(--font-size-base);font-family:var(--font-family-base);-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ws-input-focus-border);box-shadow:0 0 10px var(--color-shadow)}.form-group textarea{min-height:80px;resize:vertical}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--ws-input-placeholder)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ws-input-placeholder)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--ws-input-bg) inset!important;-webkit-text-fill-color:var(--ws-input-text)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--ws-card-bg);border:1px solid var(--ws-card-border);border-radius:var(--ws-card-radius);padding:25px;text-align:center}.stat-card .value{font-family:var(--font-family-mono);font-size:var(--font-size-2xl);color:var(--ws-page-title-color);margin-bottom:10px}.stat-card .label{color:var(--color-text-muted);font-size:var(--font-size-base)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:25px;cursor:pointer;transition:all .3s}.feature-card:hover{border-color:var(--color-border-hover);box-shadow:0 0 20px var(--color-shadow);transform:translateY(-2px)}.feature-card h3{color:var(--color-primary);margin-bottom:10px;font-size:1.1rem}.feature-card p{color:var(--color-text-muted);font-size:var(--font-size-base);line-height:1.6}.feature-card .status{margin-top:15px;padding:5px 10px;background:#ffc80033;border:1px solid rgba(255,200,0,.5);border-radius:var(--radius-xs);color:var(--color-warning);font-size:var(--font-size-xs);display:inline-block}.feature-card .status.ready{background:#00ff6433;border-color:#00ff6480;color:var(--color-success)}.user-panel{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:25px;margin-bottom:30px}.user-panel h3{color:var(--color-primary);margin-bottom:20px}.user-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.user-detail-item{padding:12px 14px;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.user-detail-item .label{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:5px}.user-detail-item .value{color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-base);word-break:break-all}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:15px 30px;border-radius:var(--radius-md);z-index:2000;animation:toastSlideUp .3s ease;font-size:var(--font-size-base)}.toast.success{background:var(--ws-toast-success-bg);border:1px solid var(--color-success-border);color:var(--ws-toast-text)}.toast.error{background:var(--ws-toast-error-bg);border:1px solid var(--color-danger-border);color:var(--ws-toast-text)}.toast.warning{background:var(--ws-toast-warning-bg);border:1px solid var(--color-warning-border);color:var(--ws-toast-text)}.toast.info{background:#3b82f6cc;border:1px solid rgba(59,130,246,.9);color:var(--color-text-primary)}@keyframes toastSlideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.loading,.empty-state{text-align:center;padding:50px;color:var(--color-text-muted)}.confirm-modal .modal-content{max-width:400px;text-align:center}.confirm-modal .modal-body{padding:30px}.confirm-modal .confirm-icon{font-size:var(--font-size-4xl);margin-bottom:15px}.confirm-modal .confirm-text{color:var(--color-text-secondary);margin-bottom:20px}.confirm-modal .confirm-btns{display:flex;justify-content:center;gap:15px}.hint-yellow{color:var(--color-warning);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.selection-count{color:var(--color-text-hint);font-size:var(--font-size-sm)}@media(max-width:768px){.sidebar{display:block;transform:translate(-100%);transition:transform .3s ease;z-index:99}.sidebar.mobile-open{transform:translate(0)}.content{margin-left:0;padding:15px 15px 60px}.navbar{padding:12px 15px}.navbar-brand{font-size:1rem}.page-title{font-size:var(--font-size-lg);margin-bottom:15px;padding-bottom:10px}.toolbar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;max-width:100%}.toolbar-left,.toolbar-right{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-start;gap:10px}.toolbar-left .btn,.toolbar-right .btn{flex:0 0 auto;min-width:5rem;text-align:center;white-space:nowrap}.btn{padding:10px 15px;font-size:var(--font-size-sm)}.table-container{border-radius:var(--radius-md)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}th,td{padding:10px 12px;font-size:var(--font-size-xs)}.action-btns{gap:4px}.action-btn{padding:5px 8px;font-size:.7rem}.form-grid{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.modal{align-items:flex-end;padding:0}.modal-content{max-width:100%!important;width:100%!important;max-height:90vh;border-radius:15px 15px 0 0;animation:modalSlideUp .3s ease}.modal-header{padding:15px;position:sticky;top:0;background:var(--ws-modal-header-bg, var(--ws-modal-bg));z-index:10}.modal-header h2{font-size:1.05rem}.modal-body{padding:15px}.modal-footer{padding:12px 15px;position:sticky;bottom:0;background:var(--ws-modal-header-bg, var(--ws-modal-bg));z-index:10}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stat-card{padding:15px}.stat-card .value{font-size:var(--font-size-xl)}.stat-card .label{font-size:var(--font-size-xs)}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-card{padding:15px}.user-panel{padding:15px;margin-bottom:20px}.user-detail{grid-template-columns:1fr;gap:8px}.confirm-modal .modal-content{max-width:100%!important;border-radius:15px 15px 0 0}.preview-modal-content{max-width:100%!important;width:100%!important}.preview-info-grid{grid-template-columns:repeat(2,1fr);gap:10px}.preview-table{min-width:800px}.preview-summary{gap:15px}.shipment-modal-content,.sku-modal-content{max-width:100%!important}.sku-item{flex-wrap:wrap;gap:8px}.consignee-info,.plan-selector,.radio-group{flex-direction:column;gap:10px}.sidebar-overlay{display:block;position:fixed;inset:0;background:var(--color-overlay);z-index:98}.toast{left:15px;right:15px;bottom:20px;transform:none;text-align:center;font-size:var(--font-size-base)}.site-footer{padding:8px 0}.footer-copyright{font-size:11px}}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.content{padding:10px 10px 60px}.page-title{font-size:1.1rem}.stats-grid{grid-template-columns:1fr}.toolbar-left .btn,.toolbar-right .btn{font-size:var(--font-size-xs);padding:var(--spacing-sm) 12px;min-width:4.5rem}th,td{padding:var(--spacing-sm) 10px;font-size:var(--font-size-xs)}.preview-info-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:var(--color-shadow-strong);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.radio-group{display:flex;gap:20px;flex-wrap:wrap}.radio-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 15px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s}.radio-item:hover{border-color:var(--color-primary-40)}.radio-item.selected{background:var(--color-primary-10);border-color:var(--color-primary)}.radio-item input[type=radio]{accent-color:var(--color-primary);width:16px;height:16px}.radio-item label{color:var(--color-text-secondary);cursor:pointer}.declaration-type-group .radio-item input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.searchable-select{position:relative}.searchable-select input{width:100%;padding:10px 12px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base)}.searchable-select input:focus{outline:none;border-color:var(--color-primary)}.searchable-select .dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-card-solid);border:1px solid var(--color-shadow-strong);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);max-height:200px;overflow-y:auto;z-index:100}.searchable-select .dropdown.active{display:block}.searchable-select .dropdown-item{padding:10px 12px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.searchable-select .dropdown-item:hover{background:var(--color-primary-10);color:var(--color-primary)}.shipment-selector-btn{width:100%;padding:10px 12px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:all .3s;font-family:var(--font-family-base)}.shipment-selector-btn:hover{border-color:var(--color-primary-40)}.shipment-selector-btn.has-value{color:var(--color-text-primary);border-color:var(--color-primary)}.shipment-modal-content{max-width:600px}.shipment-search-box{margin-bottom:15px}.shipment-search-box input{width:100%;padding:10px 15px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base)}.shipment-search-box input:focus{outline:none;border-color:var(--color-primary)}.shipment-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.shipment-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:all .2s}.shipment-item:last-child{border-bottom:none}.shipment-item:hover{background:var(--color-primary-05)}.shipment-item.selected{background:var(--color-primary-10)}.shipment-item input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px}.shipment-info{flex:1}.shipment-id-text{color:var(--color-text-primary);font-size:var(--font-size-base)}.shipment-desc{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:2px}.shipment-summary{margin-top:15px;padding:10px 15px;background:var(--color-primary-05);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-base)}.shipment-summary strong{color:var(--color-primary)}.preview-modal-content{max-width:95%;width:1400px}.preview-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.preview-info-item{display:flex;flex-direction:column;gap:5px}.preview-info-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.preview-info-value{color:var(--color-text-primary);font-size:var(--font-size-base)}.preview-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.preview-table th,.preview-table td{padding:10px 8px;text-align:left;border:1px solid var(--ws-table-border)}.preview-table th{background:var(--ws-table-header-bg);color:var(--ws-table-header-text);font-weight:500;white-space:nowrap}.preview-table td{color:var(--color-text-secondary)}.preview-table tbody tr:hover{background:var(--ws-table-row-hover-bg)}.editable-input{width:100%;min-width:80px;padding:6px 8px;background:var(--color-bg-input);border:1px solid var(--color-shadow-strong);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm)}.editable-input:focus{outline:none;border-color:var(--color-primary)}.preview-summary{margin-top:15px;padding:15px;background:var(--color-primary-05);border-radius:var(--radius-sm);display:flex;gap:30px;flex-wrap:wrap}.summary-item{display:flex;gap:var(--spacing-sm)}.summary-label{color:var(--color-text-muted)}.summary-value{color:var(--color-primary);font-weight:500}.confirm-message{color:#fffc;text-align:center;margin-bottom:20px}.confirm-buttons{display:flex;justify-content:center;gap:15px}.action-btn.generate{color:var(--color-success);border-color:var(--color-border-success)}.action-btn.generate:hover{color:#00ff80;border-color:var(--color-success);background:#00ff641a}.generation-count{display:inline-block;padding:2px 8px;background:var(--color-primary-10);border:1px solid var(--color-shadow-strong);border-radius:10px;color:var(--color-primary);font-size:var(--font-size-xs)}.shipment-card{margin-bottom:20px;padding:20px;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.shipment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--color-primary-15)}.shipment-title{color:var(--color-primary);font-size:var(--font-size-md)}.consignee-info{display:flex;gap:30px;margin-bottom:15px;padding:10px;background:var(--color-primary-05);border-radius:var(--radius-sm)}.consignee-item{display:flex;gap:var(--spacing-sm)}.consignee-label{color:var(--color-text-muted)}.consignee-value{color:var(--color-text-primary)}.plan-selector{display:flex;gap:20px;margin-bottom:15px}.plan-radio{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:10px 20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all .3s}.plan-radio:hover{border-color:var(--color-primary-40)}.plan-radio.selected{background:var(--color-primary-10);border-color:var(--color-primary)}.plan-radio input{accent-color:var(--color-primary);width:16px;height:16px}.plan-radio label{color:var(--color-text-secondary);cursor:pointer}.plan-content{display:none}.plan-content.active{display:block}.seal-upload-area{border:2px dashed var(--color-shadow-strong);border-radius:var(--radius-md);padding:30px 20px;text-align:center;cursor:pointer;transition:all .3s;background:#0003}.seal-upload-area:hover{border-color:var(--color-border-hover);background:var(--color-primary-05)}.seal-upload-area.dragover{border-color:var(--color-primary);background:var(--color-primary-10)}.seal-upload-icon{font-size:var(--font-size-2xl);margin-bottom:10px}.seal-upload-text{color:#fffc;margin-bottom:10px}.seal-upload-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.6}.seal-status{margin-top:10px;padding:var(--spacing-sm) 12px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.seal-status.uploaded{background:#00ff641a;border:1px solid var(--color-border-success);color:var(--color-success)}.seal-status.not-uploaded{background:#ffc8001a;border:1px solid rgba(255,200,0,.3);color:var(--color-warning)}.delete-seal-btn{padding:var(--spacing-xs) 10px;background:transparent;border:1px solid rgba(255,100,100,.5);border-radius:var(--radius-sm);color:var(--color-danger);font-size:var(--font-size-xs);cursor:pointer;transition:all .3s}.delete-seal-btn:hover{background:#ff64641a}.form-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:5px}.hint-yellow{color:var(--color-warning);font-size:var(--font-size-xs);margin-top:5px}.sku-modal-content{max-width:800px}.sku-search-box{margin-bottom:15px}.sku-search-box input{width:100%;padding:10px 15px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base)}.sku-search-box input:focus{outline:none;border-color:var(--color-primary)}.sku-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.sku-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:all .2s}.sku-item:last-child{border-bottom:none}.sku-item:hover{background:var(--color-primary-05)}.sku-item.selected{background:var(--color-primary-10)}.sku-item input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px}.sku-info{flex:1}.sku-name{color:var(--color-primary);font-size:var(--font-size-base);font-weight:500}.sku-desc{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:2px}.sku-box-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.sku-box-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sku-box-input{width:80px;padding:var(--spacing-sm);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);text-align:center;font-family:var(--font-family-base)}.sku-box-input:focus{outline:none;border-color:var(--color-primary)}.sku-box-input:disabled{opacity:.5;cursor:not-allowed}.selected-sku-summary{margin-top:15px;padding:10px 15px;background:var(--color-primary-05);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-base)}.selected-sku-summary strong{color:var(--color-primary)}.sku-selector-btn{width:100%;padding:10px 12px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:all .3s}.sku-selector-btn:hover{border-color:var(--color-primary-40)}.sku-selector-btn.has-value{color:var(--color-text-primary)}.modal-body .form-group{margin-bottom:15px}.modal-body .form-group:last-child{margin-bottom:0}.no-results{padding:20px;text-align:center;color:var(--color-text-muted)}