@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;800&display=swap";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "Menlo", monospace;--text-xs: .7rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.35rem;--text-3xl: 1.6rem;--primary: #2563EB;--primary-hover: #1D4ED8;--primary-soft: rgba(37,99,235,.08);--primary-text: #2563EB;--bg: #F8FAFC;--bg-card: #FFFFFF;--bg-muted: #F1F5F9;--bg-hover: #F8FAFC;--bg-active: #EFF6FF;--bg-input: #FFFFFF;--text: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--text-muted: #CBD5E1;--border: #E2E8F0;--border-light: #F1F5F9;--border-focus: #2563EB;--danger: #EF4444;--danger-hover: #DC2626;--success: #10B981;--warning: #F59E0B;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-card: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-glow: 0 0 0 3px rgba(37,99,235,.15);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--sidebar-w: 240px;--sidebar-collapsed-w: 64px;--header-h: 48px;--content-max-w: 1440px;--content-padding: 24px;--transition: .15s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #08080E;--bg-card: #12121A;--bg-muted: #16161F;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(37,99,235,.12);--bg-input: #1A1A24;--text: #F1F5F9;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-muted: #334155;--border: #1E1E2A;--border-light: #181822;--border-focus: #3B82F6;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-card: 0 1px 3px rgba(0,0,0,.25);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.4);--shadow-glow: 0 0 0 3px rgba(59,130,246,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);font-size:var(--text-base);color:var(--text);background:var(--bg);line-height:1.5;overflow-x:hidden}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-layout{display:flex;min-height:100vh}.layout-main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;transition:margin-left var(--transition);overflow-x:hidden;min-width:0}.sidebar.collapsed+.layout-main{margin-left:var(--sidebar-collapsed-w)}.main-content{flex:1;padding:var(--content-padding);padding-top:12px;max-width:var(--content-max-w);width:100%}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:width var(--transition)}.sidebar.collapsed{width:var(--sidebar-collapsed-w)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 14px;gap:8px;border-bottom:1px solid var(--border-light);min-height:56px;overflow:visible}.sidebar-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;min-width:0;overflow:hidden;padding:2px 0}.sidebar-logo{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),#3B82F6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.sidebar-logo-img{max-width:140px;max-height:38px;width:auto;height:auto;object-fit:contain;flex-shrink:0}.sidebar-brand-text{font-size:var(--text-md);font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapse-btn{width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;opacity:.5}.sidebar-header:hover .sidebar-collapse-btn{opacity:1}.sidebar-collapse-btn:hover{background:var(--bg-hover);color:var(--text);opacity:1}.sidebar-collapse-btn svg{width:14px;height:14px}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 12px}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-full)}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:var(--text-muted)}.sidebar-section{margin-bottom:4px}.sidebar-section-label{font-size:.6rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:8px 8px 4px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none!important;font-size:var(--text-sm);font-weight:450;transition:all var(--transition);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item:hover{background:var(--bg-hover);color:var(--text)}.sidebar-item.active{background:var(--primary-soft);color:var(--primary-text);font-weight:500}.sidebar-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--primary)}.sidebar-item svg{width:18px;height:18px;flex-shrink:0}.sidebar.collapsed .sidebar-header{padding:18px 8px 14px;justify-content:center;position:relative;overflow:visible}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar.collapsed .sidebar-section-label{display:none}.sidebar.collapsed .sidebar-collapse-btn{position:absolute;right:-12px;top:16px;width:24px;height:24px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 2px 8px #0000001a;border-radius:50%;z-index:10;opacity:1}.sidebar.collapsed .sidebar-collapse-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 12px #3b82f64d}.sidebar.collapsed .sidebar-nav{padding:8px 6px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:7px}.sidebar.collapsed .sidebar-item svg{width:20px;height:20px}.sidebar.collapsed .sidebar-item.active:before{left:0;width:3px}.sidebar-sep{height:1px;background:var(--border-light);margin:4px 8px}.sidebar-support{padding:6px 12px}.sidebar-support-btn{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,transparent),transparent);color:var(--text);font-family:var(--font);cursor:pointer;width:100%;text-align:left;transition:all .2s ease}.sidebar-support-btn:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,transparent),color-mix(in srgb,var(--primary) 4%,transparent));border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.sidebar-support-btn svg{width:20px;height:20px;color:var(--primary);flex-shrink:0;transition:transform .2s ease}.sidebar-support-btn:hover svg{transform:scale(1.1)}.sidebar-support-text{flex:1;min-width:0}.sidebar-support-label{display:block;font-size:.8rem;font-weight:600;color:var(--text);line-height:1.3}.sidebar-support-desc{display:block;font-size:.65rem;color:var(--text-muted);line-height:1.2;margin-top:1px}.sidebar.collapsed .sidebar-support{padding:6px 8px}.sidebar.collapsed .sidebar-support-btn{justify-content:center;padding:9px;border-radius:10px}.sidebar.collapsed .sidebar-support-text{display:none}.sidebar-footer{border-top:1px solid var(--border-light);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-footer-btn{display:flex;align-items:center;gap:10px;padding:7px 8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font);cursor:pointer;transition:all var(--transition);width:100%;text-align:left}.sidebar-footer-btn:hover{background:var(--bg-hover);color:var(--text)}.sidebar-footer-btn svg{width:16px;height:16px;flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);position:relative}.sidebar-user:hover{background:var(--bg-hover)}.sidebar-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),#3B82F6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0;border:none;cursor:pointer;letter-spacing:.02em}.sidebar-user-info{flex:1;min-width:0;cursor:pointer}.sidebar-user-name{font-size:var(--text-sm);font-weight:500;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.6rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-user-dropdown{position:absolute;bottom:100%;left:8px;right:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:4px;z-index:200;animation:dropIn .12s ease}.sidebar-user-dropdown button{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font);cursor:pointer;width:100%;text-align:left;transition:all var(--transition)}.sidebar-user-dropdown button:hover{background:var(--bg-hover);color:var(--text)}.sidebar-user-dropdown button.danger:hover{background:#ef444414;color:#ef4444}.sidebar-dd-divider{height:1px;background:var(--border-light);margin:4px 8px}.sidebar.collapsed .sidebar-footer{padding:8px 6px;align-items:center}.sidebar.collapsed .sidebar-footer-btn span,.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-footer-btn{justify-content:center;padding:7px}.sidebar.collapsed .sidebar-user{justify-content:center;padding:6px}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);height:var(--header-h);background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.topbar-mobile-btn{display:none;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;align-items:center;justify-content:center}.topbar-mobile-btn:hover{background:var(--bg-hover)}.topbar-search{display:flex;align-items:center;gap:6px;flex:1;max-width:300px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;cursor:text;-webkit-user-select:none;user-select:none;transition:border-color .15s}.topbar-search:hover{border-color:var(--text-muted)}.topbar-search-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-tertiary)}.topbar-search-icon svg{width:13px;height:13px}.topbar-search-placeholder{flex:1;font-size:.8rem;color:var(--text-tertiary);font-family:var(--font);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.topbar-search-hint{font-size:.55rem;color:var(--text-muted);padding:1px 5px;border:1px solid var(--border-light);border-radius:4px;line-height:1.4;pointer-events:none}.topbar-right{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.topbar-icon-btn{width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.topbar-icon-btn:hover{background:var(--bg-hover);color:var(--text)}.topbar-icon-btn svg{width:16px;height:16px}.topbar-company-img{width:20px;height:20px;border-radius:var(--radius-sm);object-fit:cover}.topbar-company-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text);cursor:pointer;transition:all .2s ease;max-width:180px;overflow:hidden}.topbar-company-btn:hover{background:var(--bg-hover);border-color:var(--border-focus)}.topbar-company-logo{width:26px;height:26px;border-radius:7px;object-fit:cover;flex-shrink:0}.topbar-company-placeholder{width:26px;height:26px;border-radius:7px;background:var(--bg-muted);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.topbar-company-name{font-size:.78rem;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-avatar{width:30px;height:30px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),#3B82F6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;letter-spacing:.02em;transition:all var(--transition)}.topbar-avatar:hover{opacity:.85}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 30px #0000001a;z-index:200;padding:6px;animation:dropIn .12s ease;overflow:hidden}.search-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font);cursor:pointer;width:100%;text-align:left;transition:all .15s ease}.search-dropdown-item:hover,.search-dropdown-item.selected{background:var(--bg-hover);color:var(--text)}.search-dd-icon{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--bg-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-tertiary)}.search-dd-label{flex:1}.search-dd-path{font-size:.6rem;color:var(--text-muted)}.search-dropdown-empty{padding:12px;text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.header-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 40px #0000001f;z-index:200;padding:8px;min-width:230px;animation:dropIn .15s ease}.dd-user-card{display:flex;align-items:center;gap:12px;padding:10px 12px 12px;border-bottom:1px solid var(--border-light);margin-bottom:4px}.dd-user-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.dd-user-info{flex:1;min-width:0}.dd-user-info strong{display:block;color:var(--text);font-size:.8125rem;font-weight:600;line-height:1.3}.dd-user-info small{display:block;color:var(--text-tertiary);font-size:.7rem;line-height:1.3;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-section{padding:4px 4px 2px}.dd-section-title{display:flex;align-items:center;gap:6px;padding:6px 8px 8px;font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.dd-section-title svg{width:12px;height:12px;color:var(--text-muted)}.dd-lang-list{display:flex;flex-direction:column;gap:1px}.dd-lang-btn{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;border-radius:10px;cursor:pointer;font-size:.78rem;font-family:var(--font);background:transparent;color:var(--text);transition:all .15s ease;width:100%;text-align:left}.dd-lang-btn:hover{background:var(--bg-hover)}.dd-lang-btn.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.dd-lang-flag{font-size:1.1rem;line-height:1;width:20px;text-align:center}.dd-lang-name{flex:1}.dd-lang-check{color:var(--primary);flex-shrink:0}.dd-logout{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;border-radius:10px;cursor:pointer;font-size:var(--text-sm);font-family:var(--font);background:transparent;color:var(--danger);width:100%;text-align:left;transition:all .15s ease;margin-top:2px}.dd-logout:hover{background:#ef444414}.dd-logout svg{width:15px;height:15px}.dd-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font);cursor:pointer;width:100%;text-align:left;transition:all .15s ease}.dd-item:hover{background:var(--bg-hover);color:var(--text)}.dd-divider{height:1px;background:var(--border-light);margin:4px 8px}.header-dropdown a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none!important;transition:all .15s ease}.header-dropdown a:hover{background:var(--bg-hover);color:var(--text)}.header-dropdown a svg{width:15px;height:15px}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-header-left{display:flex;align-items:center;gap:16px;min-width:0}.page-header-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-header-icon svg{width:24px;height:24px;color:#fff}.page-header-left h1{font-size:1.35rem;font-weight:650;color:var(--text);letter-spacing:-.02em;margin:0;line-height:1.2}.page-header-left p{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px}.page-header-actions,.premium-header-actions,.premium-page-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:var(--text-sm);font-family:var(--font);font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap;line-height:1;text-decoration:none!important}.btn:hover{background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:15px;height:15px;flex-shrink:0}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--bg-muted);color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:var(--danger-hover)}.btn-sm{padding:5px 10px;font-size:var(--text-xs)}.btn-sm svg{width:13px;height:13px}.btn-lg{padding:10px 20px;font-size:var(--text-base)}.btn-block{width:100%}.btn-white{background:#ffffff1f;color:#fff;border-color:#fff3}.btn-white:hover{background:#fff3;border-color:#ffffff4d}.btn-icon{width:30px;height:30px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition)}.btn-icon:hover{background:var(--bg-hover);color:var(--text)}.btn-icon svg{width:16px;height:16px}.btn-loading{pointer-events:none}.card{background:var(--bg-card);border:1px solid #E5E7EB;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.card+.card{margin-top:16px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-header h3{font-size:var(--text-md);font-weight:600;color:var(--text);margin:0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card)}table{width:100%;border-collapse:collapse}table th{padding:12px 16px;font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-align:left;background:#f8fafc;border-bottom:1px solid var(--border);white-space:nowrap}table td{padding:12px 16px;font-size:var(--text-sm);border-bottom:1px solid var(--border-light);vertical-align:middle}table tr:last-child td{border-bottom:none}table tbody tr{transition:background var(--transition)}table tbody tr:hover{background:#f9fafb}[data-theme=dark] table th{background:var(--bg-muted)}[data-theme=dark] table tbody tr:hover{background:#ffffff05}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-group label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);letter-spacing:.01em}input[type=text],input[type=email],input[type=number],input[type=password],input[type=date],input[type=tel],input[type=url],input:not([type]),select,textarea,form input[type=text],form input[type=email],form input[type=number],form input[type=password],form input[type=date],form input[type=tel],form input[type=url],form input:not([type]),form select,form textarea,.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=date],.form-group input:not([type]),.form-group select,.form-group textarea,.premium-form-group input[type=text],.premium-form-group input[type=email],.premium-form-group input[type=number],.premium-form-group input[type=password],.premium-form-group input[type=date],.premium-form-group input:not([type]),.premium-form-group select,.premium-form-group textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text);font-size:var(--text-base);font-family:var(--font);outline:none;transition:border-color var(--transition),box-shadow var(--transition);line-height:1.5}input:focus,select:focus,textarea:focus,form input:focus,form select:focus,form textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.premium-form-group input:focus,.premium-form-group select:focus,.premium-form-group textarea:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}input::placeholder,select::placeholder,textarea::placeholder,form input::placeholder,form textarea::placeholder,.form-group input::placeholder,.premium-form-group input::placeholder{color:var(--text-muted)}textarea,form textarea,.form-group textarea,.premium-form-group textarea{min-height:80px;resize:vertical;padding:10px 14px}select,form select,.form-group select,.premium-form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-control{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text);font-size:var(--text-base);font-family:var(--font);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.form-control:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text);font-size:var(--text-base);font-family:var(--font);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.form-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.form-card-header h3{font-size:var(--text-md);font-weight:600;margin:0}.form-card-body{padding:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid #E5E7EB;border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #0000000d}.stat-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:20px;height:20px}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:4px}.stat-value{font-size:1.25rem;font-weight:650;color:var(--text)}.stat-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:500;border:1px solid var(--border);white-space:nowrap}.badge-paid{background:#10b9811a;color:#059669;border-color:#10b98133}.badge-pending{background:#f59e0b1a;color:#d97706;border-color:#f59e0b33}.badge-draft{background:#6b72801a;color:#6b7280;border-color:#6b728033}.badge-cancelled,.badge-overdue{background:#ef44441a;color:#ef4444;border-color:#ef444433}.badge-sent{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.badge-partial{background:#8b5cf61a;color:#7c3aed;border-color:#8b5cf633}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .6s linear infinite;display:inline-block}.spinner-lg{width:32px;height:32px;border-width:3px}.btn .spinner{width:14px;height:14px;border-width:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{width:48px;height:48px;border-radius:var(--radius-xl);background:var(--bg-muted);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);margin-bottom:16px}.empty-state-icon svg{width:24px;height:24px}.empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text);margin-bottom:8px}.empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:300px;margin-bottom:16px}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.toolbar-search{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);flex:1;max-width:280px;transition:all var(--transition)}.toolbar-search:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.toolbar-search svg{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.toolbar-search input{flex:1;border:none;outline:none;background:transparent;font-size:var(--text-sm);color:var(--text);font-family:var(--font)}.toolbar-search input::placeholder{color:var(--text-tertiary)}.toolbar-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font);cursor:pointer;transition:all var(--transition)}.filter-btn:hover{background:var(--bg-hover);color:var(--text)}.filter-btn svg{width:13px;height:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease;padding:24px}.modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:scaleIn .15s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-header h2{font-size:var(--text-xl);font-weight:650;margin:0}.modal-close{width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.modal-close:hover{background:var(--bg-hover);color:var(--text)}.modal-body{padding:20px 24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px 20px;border-top:1px solid var(--border-light)}.toggle{position:relative;display:inline-block;width:36px;height:20px}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:var(--radius-full);transition:var(--transition)}.toggle .slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:var(--transition);box-shadow:0 1px 3px #00000026}.toggle input:checked+.slider{background:var(--primary)}.toggle input:checked+.slider:before{transform:translate(16px)}.dropdown-menu-fixed{position:absolute;right:0;top:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:4px;z-index:300;min-width:160px;animation:dropIn .1s ease}.dropdown-menu-fixed button{display:flex;align-items:center;gap:8px;padding:7px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font);cursor:pointer;width:100%;text-align:left;transition:all var(--transition)}.dropdown-menu-fixed button:hover{background:var(--bg-hover);color:var(--text)}.dropdown-menu-fixed button.danger:hover{background:#ef444414;color:#ef4444}.dropdown-menu-fixed button svg{width:14px;height:14px}.dropdown-divider{height:1px;background:var(--border-light);margin:4px 8px}.logo-svg{filter:drop-shadow(0 2px 8px rgba(37,99,235,.25));transition:transform .3s ease,filter .3s ease}.logo-svg:hover{transform:scale(1.05) rotate(-2deg);filter:drop-shadow(0 4px 16px rgba(37,99,235,.4))}.login-page,.register-page{display:flex;min-height:100vh}.register-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b0b1a,#141430 40%,#1a1a3e);padding:64px 48px;position:relative;overflow:hidden}.register-right{width:auto;min-width:0;flex:0 1 auto;padding:48px 56px;display:flex;flex-direction:column;justify-content:center;background:var(--bg-card);overflow-y:auto}.login-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b0b1a,#141430 40%,#1a1a3e);padding:64px 48px;position:relative;overflow:hidden}.login-left-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-left-bg-shapes .shape{position:absolute;border-radius:50%}.shape-1{width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%);top:-150px;right:-100px}.shape-2{width:350px;height:350px;background:radial-gradient(circle,rgba(139,92,246,.08),transparent 70%);bottom:-80px;left:-60px}.shape-3{width:200px;height:200px;background:radial-gradient(circle,rgba(16,185,129,.06),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}.login-brand{text-align:center;position:relative;z-index:1}.logo-badge{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#3b82f6);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;box-shadow:0 8px 32px #2563eb59}.login-brand h1{font-size:2rem;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.02em}.tagline{color:#ffffff80;font-size:.9rem;margin-bottom:32px}.login-features{display:flex;flex-direction:column;gap:12px;align-items:flex-start;max-width:240px;margin:0 auto}.login-feature-item{display:flex;align-items:center;gap:10px;color:#fff9;font-size:.82rem;padding:8px 14px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);width:100%}.login-feature-item svg{color:#3b82f6;flex-shrink:0}.login-quote{position:relative;z-index:1;margin-top:40px;color:#ffffff4d;font-size:.78rem;font-style:italic;text-align:center;max-width:280px}.login-right{width:460px;min-width:460px;padding:48px 56px;display:flex;flex-direction:column;justify-content:center;background:var(--bg-card);position:relative}.login-right-inner{display:none}.login-right-body{max-width:360px;margin:0 auto;width:100%}.login-right h2{font-size:1.5rem;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}.subtitle{display:none}.error-msg{padding:10px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-md);color:#ef4444;font-size:.82rem;margin-bottom:16px}.login-mini-brand{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);margin-bottom:20px}.login-forgot-link{font-size:.78rem;color:var(--primary);text-decoration:none;font-weight:500}.login-forgot-link:hover{text-decoration:underline}.login-footer-text{text-align:center;font-size:.72rem;color:var(--text-tertiary);margin-top:20px}.login-register-link{text-align:center;font-size:.78rem;color:var(--text-tertiary);margin-top:8px}.login-register-link a{color:var(--primary);text-decoration:none;font-weight:600}.login-register-link a:hover{text-decoration:underline}.desc{color:#ffffff59;font-size:.78rem;max-width:320px;line-height:1.5;margin:0 auto}.login-back-link{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text-tertiary);text-decoration:none;margin-bottom:24px}.login-back-link:hover{color:var(--text)}.login-footer-link{color:var(--primary);text-decoration:none;font-weight:500}.login-footer-link:hover{text-decoration:underline}.demo-text{text-align:center;font-size:.75rem;color:var(--text-tertiary);margin-top:24px}.login-exit{opacity:0;transform:translateY(-10px);transition:all .3s ease}.login-mobile-header{display:none;align-items:center;gap:10px;padding:0 0 8px;border-bottom:1px solid var(--border-light);flex-shrink:0}.login-mobile-header svg{width:34px;height:34px;flex-shrink:0}.login-mobile-header-text{flex:1;min-width:0}.login-mobile-name{display:block;font-size:.9rem;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2}.login-mobile-tag{display:block;font-size:.62rem;color:var(--text-tertiary);line-height:1.2}.login-mobile-title{font-size:1.2rem;font-weight:700;margin:0 0 2px}.login-mobile-sub{font-size:.78rem;color:var(--text-tertiary);margin:0 0 16px}.login-theme-toggle{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.login-theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.login-field{margin-bottom:16px}.login-field label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:5px}.login-field input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;background:var(--bg-input);color:var(--text);font-size:.88rem;font-family:var(--font);transition:all .2s;box-sizing:border-box}.login-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.login-pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:4px;display:flex;transition:color .2s}.login-pw-toggle:hover{color:var(--text-secondary)}.plan-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;cursor:pointer;transition:all var(--transition)}.plan-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.plan-card-selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.plan-card-name{font-size:var(--text-lg);font-weight:600;margin-bottom:8px}.plan-card-price{margin-bottom:12px}.plan-card-amount{font-size:1.4rem;font-weight:700}.plan-card-period{font-size:.75rem;color:var(--text-tertiary)}.plan-card-features{list-style:none;padding:0;margin:0 0 16px}.plan-card-features li{display:flex;align-items:center;gap:8px;font-size:.75rem;padding:4px 0;color:var(--text-secondary)}.plan-card-features li svg{color:var(--primary);width:14px;height:14px;flex-shrink:0}.plan-card-feature-disabled{opacity:.4}.plan-card-feature-disabled svg{color:var(--text-tertiary)!important}.dash-timeline-item{display:flex;align-items:center;gap:12px;padding:12px 24px;text-decoration:none;color:inherit;transition:background var(--transition);border-bottom:1px solid var(--border-light)}.dash-timeline-item:last-child{border-bottom:none}.dash-timeline-item:hover{background:var(--bg-hover)}.dash-timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0}.dash-timeline-content{flex:1;min-width:0}.dash-timeline-title{font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-timeline-meta{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:var(--text-xs);color:var(--text-tertiary)}.dash-timeline-arrow{color:var(--text-tertiary);flex-shrink:0}.dash-product-item{display:flex;align-items:center;gap:12px;padding:12px 24px;transition:background var(--transition);border-bottom:1px solid var(--border-light)}.dash-product-item:last-child{border-bottom:none}.dash-product-item:hover{background:var(--bg-hover)}.dash-product-rank{width:26px;height:26px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.dash-product-info{flex:1;min-width:0}.dash-product-name{font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-product-count{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px}.dash-product-total{font-size:var(--text-sm);font-weight:600;color:var(--text);flex-shrink:0}.dash-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.dash-legend-item{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-tertiary)}.dash-legend-item span{width:8px;height:8px;border-radius:2px;display:inline-block}.premium-header,.premium-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.premium-header-content,.premium-page-header-content,.premium-header-left,.premium-page-header-left{display:flex;align-items:center;gap:16px;min-width:0}.premium-header-left h1,.premium-page-header-left h1{font-size:1.35rem;font-weight:650;letter-spacing:-.02em;margin:0}.premium-header-left p,.premium-page-header-left p{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px}.premium-header-icon,.premium-page-header-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000014,0 1px 2px #0000000f;position:relative}.premium-header-icon:after,.premium-page-header-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;border:1px solid rgba(255,255,255,.25);pointer-events:none}.premium-header-icon svg,.premium-page-header-icon svg{width:26px;height:26px;color:#fff}.premium-header-actions,.premium-page-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.premium-stats{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap;margin-bottom:24px}.premium-stat-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:0;box-shadow:0 1px 3px #0000000d;flex:1;min-width:180px;overflow:hidden;transition:box-shadow .2s,transform .2s}.premium-stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.premium-stat-card-accent{height:3px;width:100%}.premium-stat-card-body{padding:20px 24px}.premium-stat-card-value{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:4px}.premium-stat-card-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.premium-stat-card-label svg{opacity:.5;flex-shrink:0}[data-theme=dark] .premium-stat-card{background:var(--bg-card);border-color:var(--border)}.form-page{max-width:var(--content-max-w);margin:0 auto}.form-header{background:linear-gradient(135deg,var(--primary),#3B82F6);margin:-12px -24px 24px;padding:24px;border-radius:0 0 var(--radius-xl) var(--radius-xl);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.form-header-content{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.form-header-left{min-width:0}.form-header-left h1{font-size:1.15rem;font-weight:650;color:#fff;margin:0}.form-header-left p{font-size:var(--text-sm);color:#ffffffa6;margin-top:2px}.form-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-header-icon svg{width:20px;height:20px;color:#fff}.form-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.form-toolbar{position:sticky;bottom:0;background:var(--bg-card);border-top:1px solid var(--border);padding:16px 24px;margin:24px -24px -24px;border-radius:0 0 var(--radius-xl) var(--radius-xl);display:flex;align-items:center;justify-content:flex-end;gap:8px}.items-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px}.items-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.items-table th{padding:10px 14px;text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-muted);border-bottom:1px solid var(--border);white-space:nowrap}.items-table td{padding:10px 14px;border-bottom:1px solid var(--border-light);vertical-align:middle}.items-table tr:last-child td{border-bottom:none}.item-remove{width:28px;height:28px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.item-remove:hover{background:#ef444414;color:#ef4444}.item-remove svg{width:14px;height:14px}.totals{margin-left:auto;width:280px}.total-row{display:flex;justify-content:space-between;padding:6px 0;font-size:var(--text-sm);color:var(--text-secondary)}.total-row:last-child{border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.total-final{font-weight:700;font-size:var(--text-md);color:var(--text)}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:12px}.breadcrumbs a{color:var(--text-tertiary);text-decoration:none}.breadcrumbs a:hover{color:var(--text)}.tabs{display:flex;gap:2px;background:var(--bg-muted);padding:3px;border-radius:var(--radius-md);margin-bottom:24px}.tab{padding:6px 14px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font);font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow-sm)}.premium-row{border-left:3px solid transparent;transition:all var(--transition)}.premium-row:hover{border-left-color:var(--primary)}.premium-form-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--primary-soft);color:var(--primary-text)}.spin{animation:spin .6s linear infinite}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:4px;display:flex}.premium-page{max-width:var(--content-max-w);margin:0 auto;padding:var(--content-padding)}.premium-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.premium-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-size:var(--text-sm);font-weight:600;color:var(--text);gap:12px}.premium-card-header svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.premium-card-body{padding:20px}.premium-section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.premium-section-card-header{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--border);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-tertiary)}.premium-section-card-header svg{width:14px;height:14px;flex-shrink:0}.premium-section-card-body{padding:20px}.premium-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.premium-form-card-header{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--border);font-size:var(--text-sm);font-weight:600}.premium-form-card-header svg{width:16px;height:16px;color:var(--primary);flex-shrink:0}.premium-form-card-body{padding:20px}.premium-form-body{padding:0}.premium-form-toolbar{display:flex;align-items:center;gap:12px;padding:16px 0;flex-wrap:wrap}.premium-form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.premium-form-group label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.premium-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.premium-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text);font-size:var(--text-base);font-family:var(--font);outline:none;transition:border-color var(--transition),box-shadow var(--transition);line-height:1.5}.premium-input:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.premium-input::placeholder{color:var(--text-muted)}.premium-select{width:100%;padding:10px 36px 10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text);font-size:var(--text-base);font-family:var(--font);outline:none;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.premium-select:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.premium-form-header{background:linear-gradient(135deg,var(--primary),#3B82F6);margin:-12px -24px 24px;padding:24px;border-radius:0 0 var(--radius-xl) var(--radius-xl);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.premium-form-header-content{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.premium-form-header-left{min-width:0}.premium-form-header-left h1{font-size:1.15rem;font-weight:650;color:#fff;margin:0}.premium-form-header-left p{font-size:var(--text-sm);color:#ffffffa6;margin-top:2px}.premium-form-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.premium-form-header-icon svg{width:20px;height:20px;color:#fff}.premium-form-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.premium-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-xl)}.premium-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.premium-table th{text-align:left;padding:12px 16px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-tertiary);background:#f8fafc;border-bottom:1px solid var(--border);white-space:nowrap}[data-theme=dark] .premium-table th{background:var(--bg-hover)}.premium-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.premium-table tbody tr:hover{background:#f9fafb}[data-theme=dark] .premium-table tbody tr:hover{background:var(--bg-hover)}.premium-table tbody tr:last-child td{border-bottom:none}.premium-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;margin-top:4px;flex-wrap:wrap}.premium-search{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);flex:1;max-width:320px;transition:border-color var(--transition),box-shadow var(--transition)}.premium-search:focus-within{border-color:var(--primary);box-shadow:var(--shadow-glow)}.premium-search svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.premium-search input{border:none;background:transparent;color:var(--text);font-size:var(--text-sm);font-family:var(--font);outline:none;width:100%}.premium-search input::placeholder{color:var(--text-muted)}.premium-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.premium-filter-btn{padding:5px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;font-family:var(--font);transition:all var(--transition)}.premium-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.premium-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.premium-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.premium-action-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition)}.premium-action-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--text-muted)}.premium-action-btn.danger:hover{background:#ef444414;color:#ef4444;border-color:#ef4444}.premium-action-btn svg{width:14px;height:14px}.premium-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto}.premium-tab{padding:10px 18px;font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition);white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font);display:inline-flex;align-items:center;gap:6px}.premium-tab:hover{color:var(--text)}.premium-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.premium-tab-content{min-height:100px}.premium-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.premium-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:8px}.premium-empty-icon{width:48px;height:48px;border-radius:var(--radius-xl);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.premium-empty-icon svg{width:22px;height:22px;color:var(--text-muted)}.premium-empty h3{font-size:var(--text-sm);font-weight:600;color:var(--text)}.premium-empty p{font-size:var(--text-xs);color:var(--text-tertiary);max-width:280px}.premium-stat-mini{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl)}.premium-stat-mini-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.premium-stat-mini-icon svg{width:18px;height:18px}.premium-stat-mini-label{font-size:var(--text-xs);color:var(--text-tertiary)}.premium-stat-mini-value{font-size:var(--text-lg);font-weight:700;color:var(--text);letter-spacing:-.02em}.premium-stats-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.premium-items-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:16px}.premium-items-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.premium-items-table th{text-align:left;padding:10px 14px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-tertiary);background:#f8fafc;border-bottom:1px solid var(--border)}[data-theme=dark] .premium-items-table th{background:var(--bg-hover)}.premium-items-table td{padding:8px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.premium-item-cell{padding:0}.premium-item-cell .premium-input,.premium-item-cell .premium-select{border:1px solid transparent;padding:6px 10px;font-size:var(--text-sm)}.premium-item-cell .premium-input:focus,.premium-item-cell .premium-select:focus{border-color:var(--primary)}.premium-item-remove{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.premium-item-remove:hover{background:#ef444414;color:#ef4444}.premium-item-remove svg{width:14px;height:14px}.premium-item-total{font-weight:600;white-space:nowrap}.premium-cell-amount{font-weight:600;color:var(--text);white-space:nowrap}.premium-cell-subtle{font-size:.75rem;color:var(--text-tertiary)}.premium-doc-desc{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}.premium-doc-link{color:var(--primary);cursor:pointer;font-weight:500}.premium-doc-link:hover{text-decoration:underline}.premium-totals{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:16px 20px;margin-left:auto;max-width:360px}.premium-total-row{display:flex;justify-content:space-between;width:100%;gap:24px;font-size:var(--text-sm);color:var(--text-secondary)}.premium-total-row:last-child{font-size:var(--text-base);font-weight:700;color:var(--text);padding-top:8px;border-top:2px solid var(--border);margin-top:4px}.premium-total-final{font-size:var(--text-lg);font-weight:700;color:var(--text)}.premium-toggle-group{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.premium-toggle-btn{padding:6px 14px;font-size:var(--text-xs);font-weight:500;background:var(--bg-card);color:var(--text-tertiary);border:none;cursor:pointer;font-family:var(--font);transition:all var(--transition);border-right:1px solid var(--border)}.premium-toggle-btn:last-child{border-right:none}.premium-toggle-btn:hover{background:var(--bg-hover);color:var(--text)}.premium-toggle-btn.active{background:var(--primary);color:#fff}.btn-xs{padding:4px 10px;font-size:.7rem;gap:4px}.btn-icon-sm{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn-icon-sm svg{width:14px;height:14px}.btn-soft{background:#3b82f614;color:var(--primary);border-color:transparent}.btn-soft:hover{background:#3b82f626}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:#059669;border-color:#059669}.btn-loading-content{opacity:.7;pointer-events:none}.badge-primary{background:#3b82f61a;color:var(--primary)}.badge-secondary{background:var(--bg-hover);color:var(--text-tertiary)}.page-container{max-width:var(--content-max-w);margin:0 auto;padding:var(--content-padding)}.table{width:100%;border-collapse:collapse}.close-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);cursor:pointer}.close-btn:hover{background:var(--bg-hover);color:var(--text)}.close-btn svg{width:14px;height:14px}.modal-wide{max-width:800px!important}.color-picker{display:flex;align-items:center;gap:8px}.color-picker input[type=color]{width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;cursor:pointer}.company-logo-upload{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);border-radius:var(--radius-xl);overflow:hidden}.company-logo-upload:hover{opacity:.85}.company-logo-upload img{width:88px;height:88px;object-fit:contain;border-radius:var(--radius-xl);border:2px solid var(--border);background:var(--bg);transition:all var(--transition)}.company-logo-upload:hover img{border-color:var(--primary)}.upload-placeholder{width:80px;height:80px;border:2px dashed var(--border);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.upload-placeholder:hover{border-color:var(--primary);color:var(--primary)}.upload-placeholder svg{width:24px;height:24px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.chart-container{width:100%;height:100%;min-height:200px}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .12s ease}.cmd-modal{width:560px;max-width:calc(100vw - 32px);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 16px 48px #0003;overflow:hidden;animation:scaleIn .12s ease}.cmd-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmd-search-icon{color:var(--text-tertiary);flex-shrink:0}.cmd-input{flex:1;border:none;background:none;outline:none;font-size:var(--text-md);color:var(--text);font-family:var(--font)}.cmd-input::placeholder{color:var(--text-muted)}.cmd-esc-hint{flex-shrink:0;font-size:.6rem;padding:2px 6px;border-radius:4px;background:var(--bg-muted);color:var(--text-tertiary);border:1px solid var(--border);font-family:var(--font)}.cmd-spinner{flex-shrink:0;animation:spin .8s linear infinite;color:var(--text-tertiary)}.cmd-results{max-height:420px;overflow-y:auto;padding:6px}.cmd-section-label{padding:6px 12px 4px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.cmd-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font);font-size:var(--text-base);color:var(--text);transition:background .08s}.cmd-item:hover,.cmd-item.selected{background:var(--primary-soft)}.cmd-item-icon{flex-shrink:0;width:28px;height:28px;border-radius:6px;background:var(--bg-muted);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.cmd-item.selected .cmd-item-icon{background:var(--primary);color:#fff}.cmd-item-label{flex:1;font-weight:500}.cmd-item-path{font-size:.7rem;color:var(--text-tertiary);font-family:var(--font-mono)}.cmd-item-sub{font-size:.72rem;color:var(--text-tertiary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-empty{padding:24px 16px;text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.cmd-footer{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--border);background:var(--bg-muted)}.cmd-footer span{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--text-tertiary)}.cmd-footer kbd{font-size:.6rem;padding:1px 5px;border-radius:3px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font)}@media (max-width: 1366px){:root{--content-padding: 20px}}@media (max-width: 1024px){.dashboard-grid,.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}.plan-cards{grid-template-columns:1fr}.login-right,.register-right{width:100%;min-width:0;padding:40px 32px}.stats-grid{grid-template-columns:repeat(2,1fr)}.premium-form-row{grid-template-columns:1fr}.premium-toolbar{flex-direction:column;align-items:stretch}.premium-search{max-width:none}.premium-actions{justify-content:flex-end}.premium-stats-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:260px!important}.sidebar.open{transform:translate(0)}.layout-main{margin-left:0!important}.topbar-mobile-btn{display:flex!important}.main-content{padding:8px 16px 16px}.stats-grid{grid-template-columns:1fr}.page-header{padding:0}.page-header-left h1{font-size:1.15rem}.page-header-icon{width:40px;height:40px}.page-header-icon svg{width:20px;height:20px}.login-left,.register-left{display:none}.login-right,.register-right{width:100%;padding:14px 16px 24px;min-height:100dvh;box-sizing:border-box}.login-page,.register-page{flex-direction:column}.login-mobile-header{display:flex}.login-right-body{max-width:340px;width:100%;margin:12px auto 0}.login-theme-toggle{position:static;width:30px;height:30px;flex-shrink:0}.login-field{margin-bottom:10px}.login-field input{padding:10px 12px;font-size:.85rem}.login-right h2{font-size:1.1rem}.login-mobile-sub{margin-bottom:12px}.login-right,.login-page{overscroll-behavior:none}.premium-header-content{gap:12px}.premium-header-icon{width:40px;height:40px}.premium-header-icon svg{width:20px;height:20px}.premium-header-left h1{font-size:1.15rem}.premium-table th,.premium-table td{padding:10px 12px}.premium-items-table th,.premium-items-table td{padding:8px 10px}.premium-tabs{gap:0}.premium-stat-mini{padding:12px}.premium-stats-list{grid-template-columns:1fr}.premium-totals{max-width:none}.premium-form-header{margin:-12px -16px 20px;padding:20px 16px}.premium-empty{padding:32px 16px}}@media (max-width: 480px){.topbar-search-hint{display:none}.topbar-search{max-width:160px}.main-content{padding:12px}.premium-search{max-width:none}.premium-toolbar{flex-direction:column}.premium-actions{width:100%;justify-content:flex-end}.premium-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}}@keyframes waPulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 12px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes waGlow{0%,to{border-color:var(--border)}50%{border-color:#10b98166}}.wa-pulse{animation:waPulse 2s ease-in-out infinite!important}.wa-pulse:hover{animation:none!important}.wa-card{animation:waGlow 3s ease-in-out infinite!important}.wa-card:hover{animation:none!important;border-color:#10b981!important}.support-page{max-width:900px;margin:0 auto}.support-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:20px;padding:44px 36px;margin-bottom:28px;text-align:center}.support-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.support-hero-shape{position:absolute;border-radius:50%}.support-hero-shape.s1{width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 10%,transparent),transparent 70%);top:-180px;right:-100px}.support-hero-shape.s2{width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,#7C3AED 8%,transparent),transparent 70%);bottom:-120px;left:-80px}.support-hero-shape.s3{width:150px;height:150px;background:radial-gradient(circle,color-mix(in srgb,#10B981 6%,transparent),transparent 70%);top:20%;right:10%}.support-hero-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#000));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;position:relative;z-index:1;box-shadow:0 8px 28px color-mix(in srgb,var(--primary) 30%,transparent)}.support-hero-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 8px;position:relative;z-index:1}.support-hero-desc{font-size:.88rem;color:var(--text-secondary);max-width:480px;margin:0 auto 24px;position:relative;z-index:1;line-height:1.5}.support-hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.support-hero-actions .btn{gap:8px;padding:10px 22px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.support-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px 22px;cursor:pointer;transition:all .25s ease;-webkit-tap-highlight-color:transparent}.support-card:hover{border-color:var(--primary);box-shadow:0 4px 24px color-mix(in srgb,var(--primary) 10%,transparent);transform:translateY(-2px)}.support-card:active{transform:translateY(0)}.support-card-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:transform .2s}.support-card:hover .support-card-icon{transform:scale(1.1)}.support-card-title{font-size:.9rem;font-weight:600;color:var(--text);margin:0 0 4px}.support-card-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin:0}.support-faq{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:28px;margin-bottom:40px}.support-faq-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.support-faq-header h2{font-size:1.05rem;font-weight:600;color:var(--text);margin:0}.support-faq-header p{font-size:.78rem;color:var(--text-secondary);margin:4px 0 0}.support-faq-view-all{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--primary);font-weight:500;cursor:pointer;transition:gap .2s;white-space:nowrap}.support-faq-view-all:hover{gap:6px}.support-faq-list{display:flex;flex-direction:column;gap:6px}.support-faq-item{border:1px solid var(--border-light);border-radius:12px;overflow:hidden;transition:border-color .2s}.support-faq-item[open]{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.support-faq-summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:.85rem;font-weight:500;color:var(--text);cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.support-faq-summary::-webkit-details-marker{display:none}.support-faq-chevron{color:var(--text-tertiary);transition:transform .25s ease;flex-shrink:0}.support-faq-item[open] .support-faq-chevron{transform:rotate(90deg)}.support-faq-answer{font-size:.8rem;color:var(--text-secondary);padding:0 16px 14px;margin:0;line-height:1.5}@media (max-width: 768px){.profile-plan-current{flex-direction:column!important;text-align:center!important;gap:8px!important;padding:12px 14px!important}.profile-plan-current>div:last-child{font-size:1.1rem!important}.profile-plan-usage-grid{grid-template-columns:1fr 1fr!important}.profile-plan-cards-grid{grid-template-columns:1fr!important}.profile-plan-cards-grid>div{padding:14px 16px!important}.profile-plan-cards-grid>div>div:nth-child(2){font-size:1.15rem!important}}@media (max-width: 480px){.profile-plan-usage-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.support-hero{padding:32px 20px;border-radius:16px}.support-hero-title{font-size:1.2rem}.support-hero-actions{flex-direction:column;align-items:stretch}.support-hero-actions .btn{justify-content:center;padding:11px 20px}.support-grid{grid-template-columns:1fr;gap:12px}.support-card{padding:18px 16px}.support-faq{padding:20px 16px;border-radius:16px}.support-faq-header{flex-direction:column;align-items:flex-start;gap:8px}}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawerSlideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bottomNavSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fabPulse{0%,to{box-shadow:0 4px 16px #6366f166}50%{box-shadow:0 4px 24px #6366f1b3}}@keyframes navIndicator{0%{width:0}to{width:20px}}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:overlayFadeIn .2s ease;display:none}@media (max-width: 768px){.mobile-overlay{display:block}}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:8px 0 40px #0003;animation:drawerSlideIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;z-index:1001;border-right:1px solid var(--border)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 12px;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,transparent),transparent)}.mobile-drawer-header .sidebar-logo-img{max-width:120px;max-height:36px;width:auto;height:auto;object-fit:contain}.mobile-drawer-header .sidebar-logo{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#000));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem}.mobile-drawer-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .15s}.mobile-drawer-close:hover{background:var(--bg-muted);color:var(--text)}.mobile-drawer-nav{flex:1;overflow-y:auto;padding:8px 10px;-webkit-overflow-scrolling:touch}.mobile-drawer-nav::-webkit-scrollbar{width:3px}.mobile-drawer-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.mobile-drawer-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:.85rem;font-weight:450;transition:all .15s;margin-bottom:2px;-webkit-tap-highlight-color:transparent}.mobile-drawer-item svg{flex-shrink:0;color:var(--text-tertiary);transition:color .15s}.mobile-drawer-item:hover{background:var(--bg-muted);color:var(--text)}.mobile-drawer-item:active{transform:scale(.97)}.mobile-drawer-item.active{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-weight:550}.mobile-drawer-item.active svg{color:var(--primary)}.mobile-drawer-divider{height:1px;background:var(--border-light);margin:4px 10px}.mobile-drawer-section{padding:4px 10px}.mobile-drawer-footer{padding:12px 10px 20px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:4px}.mobile-drawer-btn{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-family:var(--font);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.mobile-drawer-btn:hover{background:var(--bg-muted);color:var(--text)}.mobile-drawer-btn:active{transform:scale(.97)}.mobile-drawer-btn.danger{color:#ef4444}.mobile-drawer-btn.danger:hover{background:#ef444410}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:999;display:none;background:color-mix(in srgb,var(--bg-card) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:3px 0;padding-bottom:env(safe-area-inset-bottom,3px);justify-content:space-evenly;animation:bottomNavSlideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden;box-sizing:border-box}@media (max-width: 768px){.mobile-bottom-nav{display:flex}}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 0;border:none;background:transparent;color:var(--text-tertiary);font-size:.55rem;font-weight:500;font-family:var(--font);cursor:pointer;position:relative;transition:color .15s;text-decoration:none;-webkit-tap-highlight-color:transparent;flex:1;max-width:72px;min-width:0}.mobile-bottom-nav-item svg{transition:all .2s cubic-bezier(.34,1.56,.64,1);width:18px;height:18px}.mobile-bottom-nav-item span{transition:color .15s;font-size:.5rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-bottom-nav-item:active svg{transform:scale(.85)}.mobile-bottom-nav-item.active{color:var(--primary)}.mobile-bottom-nav-item.active:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:16px;height:3px;border-radius:0 0 3px 3px;background:var(--primary);animation:navIndicator .25s ease forwards}.mobile-bottom-nav-item .nav-badge{position:absolute;top:2px;right:4px;width:6px;height:6px;border-radius:50%;background:#ef4444;border:2px solid var(--bg-card)}.mobile-fab{position:fixed;bottom:80px;right:20px;z-index:998;width:52px;height:52px;border-radius:16px;border:none;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#000));color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;animation:fabPulse 3s ease-in-out infinite;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #6366f166;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){.mobile-fab{display:flex}}.mobile-fab:active{transform:scale(.9)}.mobile-fab:hover{transform:scale(1.05);box-shadow:0 6px 24px #6366f180}@media (max-width: 768px){.layout-main{padding-bottom:68px!important}.topbar{padding:8px 12px!important;gap:8px!important}.topbar-right{gap:6px!important}.topbar-company-btn span,.topbar-company-btn .topbar-company-name{display:none}.topbar-company-logo,.topbar-company-placeholder{width:28px;height:28px}.header-dropdown{right:-8px!important;min-width:200px!important}.main-content{padding:4px 12px 12px!important}.premium-table td{min-height:44px}.premium-table td .btn-icon{width:36px;height:36px}.premium-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}.premium-table{font-size:.78rem}.modal-content{max-width:100%!important;margin:0!important;border-radius:16px 16px 0 0!important;max-height:90vh!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;transform:none!important;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)!important}.modal-overlay{align-items:flex-end!important}.toast-container{bottom:80px!important}}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 768px){input,select,textarea,button,.btn,a{font-size:16px!important}.premium-form-group input,.premium-form-group select{min-height:46px}.premium-form-group label{font-size:.75rem}.page-header-actions .btn{padding:10px 14px;font-size:.78rem}.premium-toolbar{gap:8px}.premium-search input{min-height:40px;font-size:.82rem}.hide-mobile{display:none!important}.topbar-avatar{width:32px!important;height:32px!important;font-size:.75rem!important}.topbar-icon-btn{width:32px;height:32px}}@media (max-width: 380px){.mobile-bottom-nav-item{max-width:none}.mobile-bottom-nav-item svg{width:16px;height:16px}.mobile-bottom-nav-item span{font-size:.45rem}.mobile-bottom-nav{padding:2px 0}.mobile-fab{width:46px;height:46px;bottom:72px;right:14px}.mobile-fab svg{width:18px;height:18px}.main-content{padding:8px!important}.topbar{padding:6px 8px!important;gap:6px!important}.topbar-search{max-width:120px}.header-dropdown{right:-4px!important;min-width:180px!important}}.profile-avatar-section{display:flex;justify-content:center;margin-bottom:20px}.profile-avatar-upload{position:relative;width:88px;height:88px;border-radius:50%;cursor:pointer;overflow:hidden;border:3px solid var(--border);transition:border-color .2s;flex-shrink:0}.profile-avatar-upload:hover{border-color:var(--primary)}.profile-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary),#7c3aed)}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.profile-avatar-upload:hover .profile-avatar-overlay{opacity:1}.profile-company-layout{display:flex;gap:28px;align-items:flex-start}.profile-company-logo-col{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.profile-company-form-col{flex:1;display:flex;flex-direction:column;gap:14px;min-width:0}.profile-company-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-doc-grid{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start}@media (max-width: 768px){.profile-company-layout{flex-direction:column;align-items:center}.profile-company-form-col{width:100%}.profile-doc-grid{grid-template-columns:1fr}.profile-doc-grid>div:first-child{order:1}.profile-doc-grid>div:last-child{order:0}.profile-company-grid-2{grid-template-columns:1fr}}.sidebar-avatar img,.topbar-avatar img,.dd-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}