@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-root: #f5f6fa;--bg: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8f9fc;--bg-sidebar: #f0f1f5;--bg-hover: #eef0f6;--bg-input: #f5f6fa;--bg-elevated: #f8f9fc;--bg-glass: rgba(255, 255, 255, .85);--border: #e2e5ef;--border-hover: #c9cfe0;--border-focus: #6366f1;--border-subtle: rgba(0, 0, 0, .04);--text: #1e2030;--text-secondary: #5c6178;--text-tertiary: #8e93a8;--text-accent: #4f46e5;--primary: #6366f1;--primary-hover: #4f46e5;--primary-dark: #4338ca;--primary-surface: rgba(99, 102, 241, .07);--primary-surface-hover: rgba(99, 102, 241, .12);--primary-border: rgba(99, 102, 241, .2);--primary-glow: 0 0 24px rgba(99, 102, 241, .08);--success: #10b981;--success-surface: rgba(16, 185, 129, .07);--danger: #ef4444;--danger-surface: rgba(239, 68, 68, .06);--warning: #f59e0b;--warning-surface: rgba(245, 158, 11, .07);--info: #3b82f6;--info-surface: rgba(59, 130, 246, .06);--purple: #8b5cf6;--purple-surface: rgba(139, 92, 246, .07);--gradient-brand: linear-gradient(135deg, #818cf8 0%, #6366f1 50%, #4f46e5 100%);--gradient-brand-text: linear-gradient(135deg, #6366f1, #4f46e5, #4338ca);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .6) 0%, transparent 100%);--gradient-sidebar: linear-gradient(180deg, #f0f1f5 0%, #e9ebf2 100%);--gradient-glow: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(99, 102, 241, .04) 0%, transparent 70%);--font-heading: "Outfit", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--sidebar-width: 240px;--sidebar-collapsed: 64px;--header-height: 56px;--radius-xs: 4px;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-modal: 0 24px 48px rgba(0, 0, 0, .12);--ease: cubic-bezier(.4, 0, .2, 1);--transition: .15s var(--ease);--transition-slow: .3s var(--ease);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-sidebar: 100;--z-header: 90;--z-dropdown: 150;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-root);color:var(--text);line-height:1.5;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}::selection{background:var(--primary);color:#000}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}#app{min-height:100vh}.layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.page-wrapper{flex:1;padding:24px 28px;position:relative}.page-wrapper:before{content:"";position:fixed;top:0;left:var(--sidebar-width);right:0;height:200px;background:var(--gradient-glow);pointer-events:none;z-index:0}.sidebar{width:var(--sidebar-width);background:var(--gradient-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sidebar);transition:width var(--transition-slow)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 16px 14px;border-bottom:1px solid var(--border)}.sidebar-brand-icon{width:34px;height:34px;background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:800;font-size:15px;flex-shrink:0;box-shadow:var(--primary-glow)}.sidebar-brand-text{font-family:var(--font-heading);font-weight:700;font-size:15px;letter-spacing:-.02em}.sidebar-brand-badge{font-size:9px;background:var(--primary-surface);color:var(--primary);padding:2px 6px;border-radius:var(--radius-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--primary-border)}.sidebar-nav{flex:1;padding:8px;overflow-y:auto}.nav-group{margin-bottom:4px}.nav-group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:16px 12px 6px;display:flex;align-items:center;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);position:relative}.nav-item svg{width:18px;height:18px;flex-shrink:0;opacity:.7}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item:hover svg{opacity:1}.nav-item.active{background:var(--primary-surface);color:var(--primary)}.nav-item.active svg{opacity:1;color:var(--primary)}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--primary);border-radius:0 2px 2px 0}.nav-badge{margin-left:auto;font-size:10px;font-weight:700;background:var(--danger-surface);color:var(--danger);padding:1px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.sidebar-footer{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border)}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#000;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:10px;color:var(--text-tertiary)}.sidebar-logout{padding:6px;border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition)}.sidebar-logout:hover{color:var(--danger);background:var(--danger-surface)}.sidebar-logout svg{width:16px;height:16px}.sidebar-collapse-btn{padding:6px;border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition)}.sidebar-collapse-btn:hover{color:var(--text);background:var(--bg-hover)}.sidebar-collapse-btn svg{width:14px;height:14px}.nav-divider{height:1px;background:var(--border);margin:8px 12px}.sidebar-brand-content{flex:1;min-width:0}.badge-pro{font-size:9px;background:linear-gradient(135deg,#8b5cf633,#6366f133);color:#a78bfa;padding:2px 6px;border-radius:var(--radius-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(139,92,246,.3)}.badge-crm{font-size:9px;background:var(--primary-surface);color:var(--primary);padding:2px 6px;border-radius:var(--radius-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--primary-border)}.badge-lite{font-size:9px;background:#fbbf241a;color:#fbbf24;padding:2px 6px;border-radius:var(--radius-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(251,191,36,.2)}.badge-free{font-size:9px;background:var(--bg-hover);color:var(--text-tertiary);padding:2px 6px;border-radius:var(--radius-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border)}.badge-biz{font-size:9px;background:#f59e0b1a;color:#f59e0b;padding:2px 6px;border-radius:var(--radius-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(245,158,11,.2)}.badge-com{font-size:9px;background:#8b5cf61a;color:#8b5cf6;padding:2px 6px;border-radius:var(--radius-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(139,92,246,.2)}.nav-group-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;flex-shrink:0}.upgrade-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 40px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:560px;margin:40px auto}.upgrade-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#6366f10f;margin-bottom:24px}.upgrade-icon svg{width:40px;height:40px}.upgrade-title{font-family:Outfit,sans-serif;font-size:22px;font-weight:600;color:var(--text);margin:0 0 12px}.upgrade-text{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 0 32px;max-width:420px}.upgrade-actions{display:flex;gap:12px}.upgrade-btn svg{width:18px;height:18px}.upgrade-btn{display:flex;align-items:center;gap:8px}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .sidebar-brand-content,.sidebar.collapsed .sidebar-brand-badge,.sidebar.collapsed .nav-group-title,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-badge,.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-collapse-btn{display:flex;align-items:center;justify-content:center}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .nav-item{position:relative}.sidebar.collapsed .nav-item:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--text);color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:calc(var(--z-sidebar) + 1)}.sidebar.collapsed .nav-item:hover:after{opacity:1}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:18px 8px 14px}.sidebar.collapsed .sidebar-footer{flex-direction:column;gap:6px;padding:10px 8px;align-items:center}.sidebar.collapsed .sidebar-logout{order:1}.sidebar.collapsed+.main-content{margin-left:var(--sidebar-collapsed)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.page-header-left{display:flex;flex-direction:column;gap:2px}.page-title{font-family:var(--font-heading);font-size:20px;font-weight:700;letter-spacing:-.02em}.page-subtitle{font-size:12px;color:var(--text-tertiary)}.page-header-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);background:var(--bg-card);color:var(--text);font-family:inherit;white-space:nowrap}.btn svg{width:16px;height:16px}.btn:hover{border-color:var(--border-hover);background:var(--bg-hover)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-brand);border-color:transparent;color:#000;font-weight:600;box-shadow:var(--primary-glow)}.btn-primary:hover{opacity:.9;box-shadow:0 0 32px #6366f133}.btn-secondary{background:var(--bg-hover);border-color:var(--border)}.btn-secondary:hover{border-color:var(--border-hover)}.btn-success{background:var(--success-surface);color:var(--success);border-color:#34d39933}.btn-success:hover{background:#34d3992e}.btn-danger{background:var(--danger-surface);color:var(--danger);border-color:#f8717133}.btn-danger:hover{background:#f871712e}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text);background:var(--bg-hover)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:10px 20px;font-size:14px}.btn-icon{padding:7px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition)}.card:hover{border-color:var(--border-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.card-title{font-size:13px;font-weight:600}.card-body{padding:16px}.card-glass{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;position:relative;z-index:1}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:all var(--transition);position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--kpi-color, var(--primary));opacity:0;transition:opacity var(--transition)}.kpi-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.kpi-card:hover:after{opacity:1}.kpi-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:16px}.kpi-value{font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.2}.kpi-sub{font-size:13px;color:var(--text-tertiary);font-weight:500;margin-left:4px}.kpi-label{font-size:12px;color:var(--text-tertiary);margin-top:2px}.kpi-trend{font-size:11px;font-weight:600;margin-top:4px}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.table-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap;position:relative;z-index:1}.search-wrapper{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:0 10px;flex:1;min-width:200px;transition:border-color var(--transition)}.search-wrapper:focus-within{border-color:var(--border-focus)}.search-wrapper svg{color:var(--text-tertiary);flex-shrink:0;width:16px;height:16px}.search-input{background:none;border:none;color:var(--text);font-size:13px;padding:8px 0;width:100%;outline:none}.search-input::placeholder{color:var(--text-tertiary)}.filter-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:7px 10px;font-size:12px;cursor:pointer}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);font-size:13px}.data-table tr{transition:background var(--transition)}.data-table tr:hover{background:var(--bg-hover)}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%}.badge-success{background:var(--success-surface);color:var(--success)}.badge-success .badge-dot{background:var(--success)}.badge-danger{background:var(--danger-surface);color:var(--danger)}.badge-danger .badge-dot{background:var(--danger)}.badge-warning{background:var(--warning-surface);color:var(--warning)}.badge-warning .badge-dot{background:var(--warning)}.badge-info{background:var(--info-surface);color:var(--info)}.badge-info .badge-dot{background:var(--info)}.badge-primary{background:var(--primary-surface);color:var(--primary)}.badge-primary .badge-dot{background:var(--primary)}.badge-purple{background:var(--purple-surface);color:var(--purple)}.badge-purple .badge-dot{background:var(--purple)}.badge-neutral{background:#8b92a81a;color:var(--text-secondary)}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.form-input{width:100%;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;transition:border-color var(--transition)}.form-input:focus{outline:none;border-color:var(--border-focus)}.form-input::placeholder{color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}textarea.form-input{resize:vertical;min-height:60px}select.form-input{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='%23555d75' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .15s ease}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:520px;max-height:85vh;overflow-y:auto;animation:slideUp .25s var(--ease);box-shadow:var(--shadow-modal)}.modal-lg{width:680px}.modal-sm{width:400px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-title{font-family:var(--font-heading);font-size:16px;font-weight:700}.modal-close{background:none;border:none;color:var(--text-tertiary);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition)}.modal-close:hover{background:var(--bg-hover);color:var(--text)}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border)}.toast-container{position:fixed;top:20px;right:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideInRight .3s var(--ease);font-size:13px;min-width:280px}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-tertiary);text-align:center}.empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.3}.empty-state-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.empty-state-text{font-size:12px;max-width:320px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition);margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-lg{width:40px;height:40px;font-size:14px}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500;background:var(--primary-surface);color:var(--primary);border:1px solid var(--primary-border)}.tag-remove{cursor:pointer;opacity:.6}.tag-remove:hover{opacity:1}.dropdown-menu{position:absolute;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px;z-index:var(--z-dropdown);box-shadow:var(--shadow-lg);min-width:180px;animation:fadeIn .1s ease}.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.dropdown-item:hover{background:var(--bg-hover);color:var(--text)}.dropdown-item svg{width:16px;height:16px;opacity:.6}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-card) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.kanban-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:16px;position:relative;z-index:1}.kanban-column{min-width:260px;width:260px;flex-shrink:0;display:flex;flex-direction:column}.kanban-column-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-size:13px;font-weight:600}.kanban-column-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kanban-column-count{margin-left:auto;font-size:11px;font-weight:700;color:var(--text-tertiary);background:var(--bg-hover);padding:1px 6px;border-radius:var(--radius-full)}.kanban-cards{flex:1;background:var(--bg);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:8px;display:flex;flex-direction:column;gap:6px;min-height:120px}.kanban-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;cursor:grab;transition:all var(--transition)}.kanban-card:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.kanban-card:active{cursor:grabbing}.kanban-card-title{font-size:13px;font-weight:500;margin-bottom:4px}.kanban-card-meta{font-size:11px;color:var(--text-tertiary);display:flex;gap:8px}.kanban-card-budget{color:var(--primary);font-weight:600;margin-left:auto}.kanban-cards.drag-over{background:var(--primary-surface);border-color:var(--primary-border);border-style:dashed}.kanban-card.dragging{opacity:.4;transform:rotate(2deg)}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-root);position:relative}.login-page:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(99,102,241,.06) 0%,transparent 70%);pointer-events:none}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;width:400px;position:relative;box-shadow:var(--shadow-lg)}.login-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:32px}.login-title{font-family:var(--font-heading);font-size:20px;font-weight:700;text-align:center;margin-bottom:24px}.login-tabs{display:flex;gap:0;margin-bottom:20px;background:var(--bg-surface);border-radius:var(--radius);padding:3px;border:1px solid var(--border)}.login-tab{flex:1;padding:8px 16px;font-size:13px;font-weight:600;color:var(--text-tertiary);background:transparent;border:none;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:all .2s ease}.login-tab:hover{color:var(--text-primary)}.login-tab.active{background:var(--bg-card);color:var(--primary);box-shadow:0 1px 3px #0000001a}.login-btn{width:100%;padding:10px;font-size:14px;margin-top:8px}.login-error{background:var(--danger-surface);color:var(--danger);padding:10px 12px;border-radius:var(--radius);font-size:12px;margin-bottom:12px;border:1px solid rgba(248,113,113,.2)}.login-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.login-google-btn:hover{background:var(--bg-hover);border-color:var(--text-tertiary);box-shadow:0 2px 8px #0000001a}.login-google-btn:active{transform:scale(.98)}.login-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-tertiary);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-hint{text-align:center;font-size:12px;color:var(--text-tertiary);margin-top:16px;line-height:1.4}.nav-divider{height:1px;background:var(--border);margin:8px 16px;opacity:.5}.sub-skeleton,.settings-skeleton{display:flex;flex-direction:column;gap:16px;padding:8px 0}.skeleton-card{background:var(--bg-card);border-radius:var(--radius-lg);animation:shimmer 1.5s infinite}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}.sub-current{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;position:relative;overflow:hidden}.sub-current:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand)}.sub-current-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sub-plan-badge{display:flex;align-items:center;gap:12px}.sub-plan-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-surface);color:var(--primary);display:flex;align-items:center;justify-content:center}.sub-plan-icon svg{width:22px;height:22px}.sub-plan-name{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--text)}.sub-plan-product{font-size:12px;color:var(--text-secondary);margin-top:2px}.sub-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.sub-detail{display:flex;align-items:center;gap:12px;background:var(--bg-hover);border-radius:var(--radius);padding:14px}.sub-detail-icon{width:18px;height:18px;flex-shrink:0}.sub-detail-icon svg{width:18px;height:18px}.sub-detail-value{font-size:15px;font-weight:600;color:var(--text)}.sub-detail-label{font-size:11px;color:var(--text-tertiary);margin-top:2px}.sub-features{margin-bottom:24px}.sub-features-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.sub-features-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.sub-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.sub-feature-check{width:16px;height:16px;color:var(--success);flex-shrink:0}.sub-feature-check svg{width:16px;height:16px}.sub-actions{display:flex;gap:10px}.sub-section{margin-bottom:20px}.sub-section-title{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--text);margin-bottom:16px}.sub-section-title svg{width:18px;height:18px;color:var(--primary)}.sub-licenses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.sub-license-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color var(--transition)}.sub-license-card:hover{border-color:var(--border-hover)}.sub-license-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sub-license-product{font-weight:600;font-size:14px;color:var(--text)}.sub-license-plan{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.sub-license-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary)}.sub-tariff-single{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;position:relative;overflow:hidden}.sub-tariff-single:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--success),var(--primary))}.sub-tariff-header{text-align:center;margin-bottom:28px}.sub-tariff-name{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--text)}.sub-tariff-tagline{font-size:14px;color:var(--text-secondary);margin-top:4px}.sub-tariff-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.sub-period-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center;position:relative;transition:border-color var(--transition),box-shadow var(--transition)}.sub-period-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}.sub-period-recommended{border-color:var(--primary-border);background:var(--primary-surface)}.sub-period-badge{position:absolute;top:-1px;right:12px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.sub-period-label{font-size:12px;color:var(--text-secondary);font-weight:500;margin-bottom:6px}.sub-period-price{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text)}.sub-period-currency{font-size:13px;font-weight:400;color:var(--text-tertiary)}.sub-period-total{font-size:11px;color:var(--text-tertiary);margin-top:4px}.sub-tariff-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}.sub-tariff-feature{display:flex;align-items:flex-start;gap:10px}.sub-tariff-feature-icon{font-size:18px;flex-shrink:0;margin-top:1px}.sub-tariff-feature-label{font-size:13px;font-weight:600;color:var(--text)}.sub-tariff-feature-desc{font-size:11px;color:var(--text-tertiary);margin-top:1px}.sub-tariff-footer{text-align:center;padding-top:20px;border-top:1px solid var(--border)}.sub-tariff-meta{font-size:12px;color:var(--text-tertiary);margin-bottom:16px}.btn-lg{padding:12px 32px;font-size:15px}.sub-card-premium{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:16px;position:relative;overflow:hidden}.sub-card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand)}.sub-premium-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sub-premium-plan{display:flex;align-items:center;gap:12px}.sub-premium-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--primary-surface);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-premium-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text)}.sub-premium-tier{font-size:12px;color:var(--text-tertiary);margin-top:1px}.sub-premium-metrics{display:flex;align-items:center;gap:0;background:var(--bg-hover);border-radius:var(--radius);padding:12px 16px;margin-bottom:12px}.sub-metric{flex:1;text-align:center}.sub-metric-value{font-size:15px;font-weight:700;color:var(--text);font-family:var(--font-heading)}.sub-metric-label{font-size:11px;color:var(--text-tertiary);margin-top:1px}.sub-metric-divider{width:1px;height:28px;background:var(--border);flex-shrink:0}.sub-progress-bar{height:4px;background:var(--bg-hover);border-radius:2px;margin-bottom:16px;overflow:hidden}.sub-progress-fill{height:100%;border-radius:2px;transition:width .8s ease}.sub-premium-features-section{margin-bottom:16px}.sub-premium-features-title{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.sub-premium-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}.sub-premium-feature{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.sub-premium-feature svg{flex-shrink:0}.sub-premium-action{display:flex;gap:8px}.sub-tariff-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:16px}.sub-section-title-v2{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--text);margin-bottom:16px}.sub-tariff-periods-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.sub-period-v2{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius);padding:14px;text-align:center;position:relative;transition:border-color var(--transition)}.sub-period-v2:hover{border-color:var(--border-hover)}.sub-period-v2--recommended{border-color:var(--primary-border);background:var(--primary-surface)}.sub-period-v2-badge{position:absolute;top:-1px;right:10px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.sub-period-v2-label{font-size:11px;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.sub-period-v2-price{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--text)}.sub-period-v2-price span{font-size:12px;font-weight:400;color:var(--text-tertiary)}.sub-period-v2-total{font-size:10px;color:var(--text-tertiary);margin-top:3px}.sub-tariff-footer-v2{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);font-size:12px;color:var(--text-tertiary)}.settings-grid{display:flex;flex-direction:column;gap:16px}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition)}.settings-card:hover{border-color:var(--border-hover)}.settings-card-header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border-subtle)}.settings-card-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-card-icon svg{width:20px;height:20px}.settings-card-title{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--text)}.settings-card-desc{font-size:12px;color:var(--text-tertiary);margin-top:2px}.settings-card-header .badge{margin-left:auto}.settings-card-body{padding:20px;transition:opacity var(--transition)}.settings-disabled{opacity:.4;pointer-events:none}.settings-field{margin-bottom:16px}.settings-field:last-child{margin-bottom:0}.settings-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.settings-input,.settings-select{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:13px;color:var(--text);font-family:var(--font-body);transition:border-color var(--transition)}.settings-input:focus,.settings-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.settings-input::placeholder{color:var(--text-tertiary)}.settings-textarea{width:100%;min-height:80px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:13px;color:var(--text);font-family:var(--font-body);resize:vertical;transition:border-color var(--transition)}.settings-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.settings-input-group{display:flex;gap:8px}.settings-input-group .settings-input{flex:1}.settings-actions-row{display:flex;gap:8px;margin-top:12px}.settings-checkboxes{display:flex;flex-direction:column;gap:8px}.toggle{position:relative;width:44px;height:24px;flex-shrink:0;margin-left:auto}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--bg-hover);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition);border:1px solid var(--border)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--text-tertiary);left:2px;bottom:2px;transition:transform var(--transition),background var(--transition)}.toggle input:checked+.toggle-slider{background:var(--primary-surface);border-color:var(--primary-border)}.toggle input:checked+.toggle-slider:before{background:var(--primary);transform:translate(20px)}.toggle-inline{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.toggle-inline input{display:none}.toggle-slider-sm{position:relative;width:34px;height:18px;background:var(--bg-hover);border-radius:var(--radius-full);border:1px solid var(--border);flex-shrink:0;transition:background var(--transition)}.toggle-slider-sm:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--text-tertiary);left:2px;top:2px;transition:transform var(--transition),background var(--transition)}.toggle-inline input:checked+.toggle-slider-sm{background:var(--primary-surface);border-color:var(--primary-border)}.toggle-inline input:checked+.toggle-slider-sm:before{background:var(--primary);transform:translate(16px)}.settings-range{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--bg-hover);border-radius:var(--radius-full);outline:none;margin:8px 0}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid var(--bg);box-shadow:0 0 0 3px #6366f126}.settings-range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-tertiary)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-hover)}.btn-danger:hover{background:#f8717133}.btn-sm{padding:6px 14px;font-size:12px}.btn-full{width:100%;justify-content:center}.settings-tabs{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.settings-tab svg{width:16px;height:16px;flex-shrink:0}.settings-tab:hover{color:var(--text);background:var(--bg-hover)}.settings-tab.active{background:var(--primary-surface);color:var(--primary);font-weight:600;box-shadow:0 1px 3px #0003}.settings-page{display:none}.settings-page.active{display:block}.int-cards-group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.int-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:20px}.int-card{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.int-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.int-card.active{border-color:var(--primary-border);background:var(--primary-surface);box-shadow:0 0 0 1px var(--primary-border)}.int-card-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.int-card-icon svg{width:18px;height:18px}.int-card-title{font-size:13px;font-weight:600;color:var(--text)}.int-card-desc{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.int-card-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--text-tertiary);transition:all .3s}.int-card-dot.connected{background:var(--success);box-shadow:0 0 6px #34d39980}.int-card-dot.checking{background:var(--warning);animation:dotPulse 2s infinite}.int-card-dot.error{background:var(--danger)}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.status-chips{display:flex;gap:6px;flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:500;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary)}.status-dot.connected{background:var(--success)}.status-dot.checking{background:var(--warning);animation:dotPulse 2s infinite}.status-dot.error{background:var(--danger)}.int-tab-panel{display:none}.int-tab-panel.active{display:block}.sub-tabs{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;margin-bottom:16px}.sub-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.sub-tab svg{width:16px;height:16px}.sub-tab:hover{color:var(--text);background:var(--bg-hover)}.sub-tab.active{background:var(--bg-card);color:var(--text);box-shadow:0 1px 4px #0000004d;font-weight:600}.sub-tab-pane{display:none}.sub-tab-pane.active{display:block}.channel-tabs{display:flex;gap:4px;background:var(--bg);padding:3px;border-radius:var(--radius);margin-bottom:16px}.channel-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.channel-tab svg{width:14px;height:14px}.channel-tab:hover{color:var(--text);background:var(--bg-hover)}.channel-tab.active{background:var(--bg-card);color:var(--text);box-shadow:0 1px 3px #0003;font-weight:600}.channel-pane{display:none}.channel-pane.active{display:block}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.toggle-info h4{font-size:13px;font-weight:600;color:var(--text);margin:0}.toggle-info p{font-size:11px;color:var(--text-tertiary);margin:2px 0 0}.hint-card{border-radius:var(--radius-lg);padding:16px;font-size:13px;line-height:1.6;margin-top:12px}.hint-card h4{font-size:13px;font-weight:600;margin:0 0 8px}.hint-card p,.hint-card ul{margin:0;font-size:12px;line-height:1.7}.hint-card--green{background:#10b9810f;border:1px solid rgba(16,185,129,.2)}.hint-card--green h4{color:#059669}.hint-card--green p,.hint-card--green li{color:var(--text-secondary)}.hint-card--blue{background:#3b82f60d;border:1px solid rgba(59,130,246,.18)}.hint-card--blue h4{color:#2563eb}.hint-card--blue p,.hint-card--blue li{color:var(--text-secondary)}.hint-card--yellow{background:#f59e0b0f;border:1px solid rgba(245,158,11,.2)}.hint-card--yellow h4{color:#d97706}.hint-card--yellow p,.hint-card--yellow li{color:var(--text-secondary)}.hint-card--purple{background:#8b5cf60d;border:1px solid rgba(139,92,246,.18)}.hint-card--purple h4{color:#7c3aed}.hint-card--purple p,.hint-card--purple li{color:var(--text-secondary)}.form-section{padding:16px 0;border-bottom:1px solid var(--border-subtle)}.form-section:last-child{border-bottom:none}.form-section-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.settings-two-col,.int-cards-grid{grid-template-columns:1fr}.settings-tabs{gap:2px}.settings-tab{padding:6px 10px;font-size:12px}}.locked-card{text-align:center;padding:32px 24px}.locked-card svg{margin-bottom:12px}.locked-card h4{font-size:15px;font-weight:600;color:var(--text);margin:0 0 8px}.locked-card p{font-size:13px;color:var(--text-secondary);margin:0 0 16px;line-height:1.6}.feature-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;font-size:12px}.feature-box-title{font-weight:600;margin-bottom:8px;color:var(--text)}.feature-box-list{color:var(--text-secondary);line-height:1.8}.connection-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.connection-info{display:flex;align-items:center;gap:12px}.connection-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.connection-icon svg{width:20px;height:20px}.connection-title{font-size:15px;font-weight:600;color:var(--text)}.connection-status{font-size:12px;color:var(--text-secondary)}.animate-in{opacity:0;transform:translateY(10px);animation:animateIn .4s var(--ease) forwards}@keyframes animateIn{to{opacity:1;transform:translateY(0)}}.hub-skeleton{display:flex;flex-direction:column;gap:16px}.hub-skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hub-hero{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:20px}.hub-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0ea5e9,#6366f1 40%,#8b5cf6,#a78bfa);opacity:.95}.hub-hero-bg:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hub-hero-content{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;z-index:1}.hub-hero-left{display:flex;align-items:center;gap:16px}.hub-hero-avatar{width:56px;height:56px;border-radius:var(--radius-lg);background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.hub-hero-greeting{font-family:var(--font-heading);font-size:20px;font-weight:700;color:#fff}.hub-hero-sub{font-size:13px;color:#fffc;margin-top:4px}.hub-hero-sub strong{color:#fff;font-weight:600}.hub-hero-badge{font-size:12px;font-weight:700;padding:6px 16px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.hub-badge--ok{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.hub-badge--warn{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.hub-badge--danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.hub-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.hub-kpi-card{display:flex;align-items:center;gap:14px;padding:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.hub-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary);opacity:0;transition:opacity var(--transition)}.hub-kpi-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.hub-kpi-card:hover:before{opacity:1}.hub-kpi-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hub-kpi-body{flex:1;min-width:0}.hub-kpi-value{font-size:16px;font-weight:700;color:var(--text);font-family:var(--font-heading)}.hub-kpi-label{font-size:11px;color:var(--text-tertiary);margin-top:2px}.hub-kpi-arrow{color:var(--text-tertiary);opacity:.5;transition:opacity var(--transition)}.hub-kpi-card:hover .hub-kpi-arrow{opacity:1;color:var(--primary)}.hub-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.hub-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub-action-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);font-family:inherit;text-align:left}.hub-action-card:hover{background:var(--bg-hover);border-color:var(--border);transform:translateY(-1px)}.hub-action-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hub-action-text{font-size:13px;font-weight:500;color:var(--text)}.hub-crm-grid{display:flex;flex-direction:column;gap:16px}.hub-crm-item{display:flex;flex-direction:column;gap:4px}.hub-crm-number{font-size:24px;font-weight:800;color:var(--text);font-family:var(--font-heading);line-height:1}.hub-crm-desc{font-size:12px;color:var(--text-tertiary)}.hub-crm-bar{height:4px;border-radius:2px;background:var(--bg-hover);position:relative;overflow:hidden;margin-top:4px}.hub-crm-bar:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--bar-w, 0%);background:var(--bar-color, var(--primary));border-radius:2px;transition:width 1s var(--ease)}.hub-products-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.hub-product-v2{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition)}.hub-product-v2--active{background:var(--bg-card);cursor:pointer}.hub-product-v2--active:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.hub-product-v2--locked{background:var(--bg-root);opacity:.45}.hub-product-v2-icon svg{width:24px;height:24px}.hub-product-v2-info{flex:1;min-width:0}.hub-product-v2-name{font-size:14px;font-weight:600;color:var(--text)}.hub-product-v2-desc{font-size:11px;color:var(--text-tertiary);margin-top:2px}.hub-product-v2-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap}.hub-product-v2-badge--active{background:var(--success-surface);color:var(--success)}.hub-product-v2-badge--locked{background:var(--bg-hover);color:var(--text-tertiary)}.hub-product-v2-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 5px #10b98166;animation:dot-pulse 2s infinite}.partner-link-card{padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px}.partner-link-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.partner-link-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#6366f133);border-radius:var(--radius);color:#a78bfa}.partner-link-icon svg{width:22px;height:22px}.partner-link-title{font-size:15px;font-weight:700;color:var(--text)}.partner-link-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.partner-link-row{display:flex;gap:10px;margin-bottom:12px}.partner-link-input{flex:1;padding:10px 14px;background:var(--bg-root);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);font-size:13px;font-family:var(--font-mono, monospace)}.partner-code-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-tertiary)}.partner-code-label{font-weight:500}.partner-code-value{font-weight:700;color:var(--text);font-family:var(--font-mono, monospace)}.partner-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.partner-stat{text-align:center;padding:20px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.partner-stat-icon{margin-bottom:8px}.partner-stat-icon svg{width:20px;height:20px}.partner-stat-value{font-size:20px;font-weight:800;color:var(--text)}.partner-stat-label{font-size:11px;color:var(--text-tertiary);margin-top:4px}.partner-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px}.partner-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border:none;background:transparent}.partner-tab:hover{background:var(--bg-hover);color:var(--text)}.partner-tab.active{background:var(--primary-surface);color:var(--primary);font-weight:600}.partner-tab svg{width:14px;height:14px}.partner-tab-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;min-height:200px}.partner-empty{text-align:center;padding:40px 20px}.partner-empty-icon svg{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:12px}.partner-empty-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:6px}.partner-empty-text{font-size:13px;color:var(--text-secondary)}.partner-table-wrap{overflow-x:auto}.partner-table{width:100%;border-collapse:collapse;font-size:13px}.partner-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);border-bottom:1px solid var(--border)}.partner-table td{padding:12px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.partner-table tr:hover td{background:var(--bg-hover)}.partner-td-name{font-weight:600;color:var(--text)}.partner-td-email{font-family:var(--font-mono, monospace);font-size:12px}.partner-td-amount{font-weight:700;color:var(--text)}.partner-withdraw{max-width:480px}.partner-withdraw-balance{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-hover);border-radius:var(--radius);margin-bottom:20px}.partner-withdraw-label{font-size:13px;color:var(--text-secondary)}.partner-withdraw-value{font-size:20px;font-weight:800;color:var(--primary)}.partner-withdraw-form{display:flex;flex-direction:column;gap:14px}.partner-withdraw-hint{font-size:11px;color:var(--text-tertiary);margin-top:4px}.profile-hero{display:flex;align-items:center;gap:20px;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px}.profile-avatar-large{width:72px;height:72px;border-radius:var(--radius-full);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#000;flex-shrink:0;box-shadow:var(--primary-glow)}.profile-hero-info{flex:1}.profile-hero-name{font-size:20px;font-weight:700;color:var(--text)}.profile-hero-email{font-size:13px;color:var(--text-secondary);margin-top:2px}.profile-hero-role{margin-top:8px}.profile-section{padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px}.profile-section-title{font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.profile-section-title svg{width:18px;height:18px;color:var(--primary)}.profile-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.form-input{padding:10px 14px;background:var(--bg-root);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;transition:all var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-surface)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-hint{font-size:11px;color:var(--text-tertiary)}.profile-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-info-item{padding:12px;background:var(--bg-hover);border-radius:var(--radius)}.profile-info-label{font-size:11px;color:var(--text-tertiary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.profile-info-value{font-size:13px;font-weight:600;color:var(--text)}.animate-in{animation:fadeInUp .3s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.badge-success{background:#10b9811f;color:var(--success)}.badge-warning{background:#f59e0b1f;color:var(--warning)}.badge-danger{background:#ef44441f;color:var(--danger)}.badge-info{background:#3b82f61f;color:var(--info)}.badge-muted{background:var(--bg-hover);color:var(--text-tertiary)}.badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--radius-xs);display:inline-block}@media(max-width:1024px){.sidebar{width:var(--sidebar-collapsed)}.sidebar .sidebar-brand-text,.sidebar .sidebar-brand-content,.sidebar .sidebar-brand-badge,.sidebar .nav-group-title,.sidebar .nav-item span,.sidebar .nav-badge,.sidebar .sidebar-user-info,.sidebar .sidebar-collapse-btn{display:none}.sidebar .nav-item{justify-content:center;padding:10px}.sidebar .sidebar-brand{justify-content:center;padding:18px 8px 14px}.sidebar .sidebar-footer{justify-content:center}.main-content{margin-left:var(--sidebar-collapsed)}.page-wrapper:before{left:var(--sidebar-collapsed)}}@media(max-width:768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-wrapper{padding:16px}.page-wrapper:before{left:0}.kpi-grid,.sub-details-grid{grid-template-columns:repeat(2,1fr)}.sub-plans-grid,.form-row{grid-template-columns:1fr}.kanban-board{gap:8px}.kanban-column{min-width:240px;width:240px}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header-actions{width:100%}.login-card{width:100%;margin:16px;padding:28px}.sub-details-grid,.sub-features-list{grid-template-columns:1fr}.sub-actions{flex-direction:column}.sub-actions .btn{width:100%;justify-content:center}}.tbl-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:var(--text-tertiary);font-size:13px}.tbl-product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.tbl-product-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.tbl-product-info{display:flex;align-items:center;gap:14px}.tbl-product-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tbl-product-name{font-size:17px;font-weight:700;color:var(--text);margin:0;line-height:1.3}.tbl-product-desc{font-size:12px;color:var(--text-tertiary);margin:2px 0 0}.tbl-product-badges{display:flex;align-items:center;gap:8px}.tbl-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);flex-shrink:0;text-transform:uppercase;letter-spacing:.4px}.tbl-badge--active{background:var(--success-surface);color:var(--success)}.tbl-badge--off{background:#64748b1a;color:var(--text-tertiary)}.tbl-badge--muted{background:var(--bg-hover);color:var(--text-tertiary);text-transform:none;letter-spacing:0;font-weight:500}.tbl-badge--active .tbl-badge-dot{animation:pulse-dot 2s ease infinite}.tbl-product-body{display:grid;grid-template-columns:1fr 300px;gap:0}.tbl-actions-col{padding:8px 0;border-right:1px solid var(--border)}.tbl-action-row{display:flex;align-items:center;gap:14px;padding:14px 24px;cursor:pointer;transition:all .15s ease;text-decoration:none;color:inherit;font-family:inherit;text-align:left;width:100%;background:none;border:none;border-bottom:1px solid transparent}.tbl-action-row:not(:last-child){border-bottom-color:var(--border)}.tbl-action-row:hover{background:var(--bg-hover)}.tbl-action-icon{width:36px;height:36px;border-radius:9px;background:var(--ac-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tbl-action-icon svg{width:16px;height:16px}.tbl-action-text{flex:1;min-width:0}.tbl-action-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}.tbl-action-meta{font-size:11px;color:var(--text-tertiary);margin-top:2px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbl-action-arrow{color:var(--text-tertiary);flex-shrink:0;transition:transform .15s ease;opacity:.5}.tbl-action-row:hover .tbl-action-arrow{transform:translate(3px);color:var(--primary);opacity:1}.tbl-sub-col{padding:20px;display:flex;align-items:flex-start}.tbl-sub-card{width:100%}.tbl-sub-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.tbl-sub-shield{width:38px;height:38px;border-radius:10px;background:var(--shield-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tbl-sub-name{font-size:14px;font-weight:700;color:var(--text)}.tbl-sub-plan{font-size:12px;color:var(--text-tertiary);margin-top:1px}.tbl-sub-meter-track{width:100%;height:5px;background:var(--bg-hover);border-radius:3px;overflow:hidden;margin-bottom:8px}.tbl-sub-meter-fill{height:100%;border-radius:3px;transition:width .6s ease}.tbl-sub-meter-labels{display:flex;justify-content:space-between;font-size:11px}.tbl-sub-days{font-weight:700}.tbl-sub-expires{color:var(--text-tertiary)}.tbl-card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--primary-surface),rgba(99,102,241,.12));display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.tbl-card-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.tbl-badge-active{background:var(--success-surface);color:var(--success)}.tbl-badge-inactive{background:#64748b1a;color:var(--text-tertiary)}.tbl-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tbl-badge-active .tbl-badge-dot{animation:pulse-dot 2s ease infinite}.tbl-setup-wizard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 40px;text-align:center}.tbl-setup-icon{color:var(--primary);margin-bottom:16px;opacity:.6}.tbl-setup-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 8px}.tbl-setup-desc{font-size:14px;color:var(--text-secondary);max-width:480px;margin:0 auto 32px;line-height:1.6}.tbl-setup-options{display:flex;gap:16px;max-width:640px;margin:0 auto}.tbl-setup-option{flex:1;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.tbl-setup-option:hover{border-color:var(--primary);box-shadow:0 4px 20px #6366f11a;transform:translateY(-2px)}.tbl-opt-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.tbl-opt-title{font-weight:600;font-size:15px;color:var(--text);margin-bottom:6px}.tbl-opt-desc{font-size:13px;color:var(--text-tertiary);line-height:1.5}.tbl-opt-badge{position:absolute;top:-8px;right:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.wizard-step-header{display:flex;align-items:center;gap:14px}.wizard-step-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wizard-step-title{font-weight:600;font-size:15px;color:var(--text)}.wizard-step-desc{font-size:12px;color:var(--text-tertiary);margin-top:2px}.hint-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px}.hint-card h4{font-size:13px;color:var(--text-secondary)}@media(max-width:1024px){.tbl-product-body{grid-template-columns:1fr}.tbl-actions-col{border-right:none;border-bottom:1px solid var(--border)}.tbl-sub-col{padding:16px 24px}}@media(max-width:768px){.tbl-product-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 18px}.tbl-product-badges{width:100%}.tbl-action-row{padding:12px 18px}.tbl-setup-wizard{padding:32px 20px}.tbl-setup-options{flex-direction:column}}.td-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl)}.td-header-left{display:flex;align-items:center;gap:6px}.td-header-left .btn-ghost{color:var(--text-secondary);margin-right:6px}.td-header-info{display:flex;align-items:center;gap:14px}.td-header-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#4f46e5);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #6366f140}.td-header-title{font-size:18px;font-weight:700;color:var(--text);margin:0;line-height:1.3}.td-header-sub{font-size:12px;color:var(--text-tertiary);margin:2px 0 0}.td-header-right{display:flex;align-items:center;gap:8px}.td-sheets-link{display:flex;align-items:center;gap:14px;padding:14px 20px;margin:0 0 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .2s ease}.td-sheets-link:hover{border-color:var(--primary);box-shadow:0 4px 16px #6366f10f;transform:translate(2px)}.td-sheets-link-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#34a853,#0f9d58);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.td-sheets-link-icon svg{width:18px;height:18px}.td-sheets-link-body{flex:1;min-width:0}.td-sheets-link-title{font-size:14px;font-weight:600;color:var(--text)}.td-sheets-link-sub{font-size:12px;color:var(--text-tertiary);margin-top:1px}.td-sheets-link-chevron{color:var(--text-tertiary);flex-shrink:0;transition:all .2s ease}.td-sheets-link:hover .td-sheets-link-chevron{transform:translate(3px);color:var(--primary)}.td-group-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:12px;padding-left:2px}.td-group-icon{width:24px;height:24px;border-radius:6px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.tabs-bar{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px}.tab{flex:1;padding:10px 20px;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}.tab:hover{color:var(--text);background:var(--bg-hover)}.tab svg{width:16px;height:16px;opacity:.5;transition:opacity var(--transition);flex-shrink:0}.tab:hover svg{opacity:.7}.tab.active svg{opacity:1;color:var(--primary)}.tab.active{color:var(--primary);background:var(--primary-surface);font-weight:600;box-shadow:var(--primary-glow)}.tab-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);background:var(--primary-surface);color:var(--primary);min-width:18px;text-align:center}.tab.active .tab-badge{background:#6366f126}.tab-pane{display:none}.tab-pane.active{display:block;animation:fadeSlideIn .25s ease}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px}.overview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:22px;display:flex;align-items:center;gap:16px;transition:all var(--transition);position:relative;overflow:hidden}.overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--oc-accent, var(--primary));opacity:0;transition:opacity var(--transition)}.overview-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.overview-card:hover:before{opacity:1}.overview-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.overview-card-icon svg{width:22px;height:22px}.oc-icon--sheet{background:var(--success-surface);color:var(--success);--oc-accent: var(--success)}.oc-icon--int{background:var(--primary-surface);color:var(--primary);--oc-accent: var(--primary)}.oc-icon--status{background:var(--info-surface);color:var(--info);--oc-accent: var(--info)}.overview-card-value{font-size:20px;font-weight:700;color:var(--text);font-family:var(--font-heading);line-height:1.2}.overview-card-label{font-size:12px;color:var(--text-tertiary);margin-top:2px}.active-ints-list{display:flex;flex-wrap:wrap;gap:8px}.active-int-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text)}.active-int-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.active-int-status{font-size:10px;color:var(--success);text-transform:uppercase;font-weight:600;letter-spacing:.3px}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:12px}.section-title--danger{color:var(--danger)}.td-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:12px;overflow:hidden}.td-section-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-tertiary);padding:14px 20px 10px;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.td-int-list{display:flex;flex-direction:column}.td-int-row{display:flex;align-items:center;gap:14px;padding:12px 20px;cursor:pointer;transition:all .15s ease;border-bottom:1px solid var(--border)}.td-int-row:last-child{border-bottom:none}.td-int-row:hover{background:var(--bg-hover)}.td-int-row--active{background:#10b98105}.td-int-row--active:hover{background:#10b9810d}.td-int-logo{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.td-int-logo svg{width:20px;height:20px}.td-int-info{flex:1;min-width:0}.td-int-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.td-int-desc{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.td-int-status{flex-shrink:0}.td-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full)}.td-badge--ok{background:var(--success-surface);color:var(--success)}.td-badge--off{background:var(--bg-hover);color:var(--text-tertiary)}.td-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s ease infinite}.td-int-chevron{color:var(--text-tertiary);flex-shrink:0;opacity:0;transition:all .15s ease}.td-int-row:hover .td-int-chevron{opacity:1;transform:translate(2px);color:var(--primary)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:24px}.int-card-v2{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.int-card-v2:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.int-card-v2--active{border-color:#34d3994d}.int-card-v2-indicator{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 3px 3px 0}.int-card-v2-body{flex:1}.int-card-v2-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.int-card-v2-desc{font-size:12px;color:var(--text-tertiary);line-height:1.4}.int-card-v2-status{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:11px;font-weight:500;color:var(--text-tertiary)}.int-card-v2-status--ok{color:var(--success);font-weight:600}.int-oauth-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:#1877f21a;color:#1877f2;text-transform:uppercase;letter-spacing:.5px}.status-dot-v2{width:7px;height:7px;border-radius:50%}.dot-active{background:var(--success);box-shadow:0 0 6px #10b98166;animation:dot-pulse 2s infinite}.dot-inactive{background:var(--text-tertiary)}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.link-card{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);text-decoration:none;transition:all var(--transition);font-size:13px}.link-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.link-card svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}.link-card span:first-of-type{flex:1}.link-card-arrow{color:var(--text-tertiary)}.link-card-arrow svg{width:14px;height:14px}.hint-box{padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:13px;line-height:1.6}.hint-box strong{color:var(--text)}.hint-box p{margin-top:4px;color:var(--text-tertiary)}.badge-pill{font-size:11px;font-weight:600;padding:4px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-pill--success{background:var(--success-surface);color:var(--success)}.badge-pill--muted{background:#ffffff0a;color:var(--text-tertiary)}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.danger-text{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.field{margin-bottom:16px}.field-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.field-input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font-body);transition:border-color var(--transition)}.field-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.field-input::placeholder{color:var(--text-tertiary)}.field-hint{font-size:11px;color:var(--text-tertiary);margin-top:4px}.field-hint strong{color:var(--text-secondary)}.field-actions{margin-top:20px;display:flex;gap:8px}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .15s ease}.modal-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:90%;max-width:440px;box-shadow:var(--shadow-modal);animation:slideUp .2s var(--ease)}.modal-panel--wide{max-width:640px}.modal-panel--wide .modal-body{max-height:65vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.modal-header h3{font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-heading)}.modal-body{padding:0 24px 16px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-subtle)}.btn-icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius);transition:all var(--transition);display:flex;align-items:center}.btn-icon:hover{background:var(--bg-hover);color:var(--text)}.btn-icon svg{width:18px;height:18px}.btn-danger{background:var(--danger-surface);color:var(--danger);border:1px solid rgba(248,113,113,.2)}.btn-danger:hover{background:#f8717126;border-color:#f871714d}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.int-status-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.int-status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;background:var(--bg-elevated);color:var(--text-secondary)}.int-status-chip .chip-dot{width:8px;height:8px;border-radius:50%}.int-status-chip.chip-ok .chip-dot{background:#22c55e;box-shadow:0 0 6px #22c55e66}.int-status-chip.chip-warn .chip-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b66}.int-status-chip.chip-fail .chip-dot{background:#ef4444;box-shadow:0 0 6px #ef444466}.int-status-chip.chip-loading .chip-dot{background:#94a3b8;animation:chip-pulse 1s ease-in-out infinite}@keyframes chip-pulse{0%,to{opacity:.4}50%{opacity:1}}.input-with-toggle{display:flex;gap:6px;align-items:center}.input-with-toggle .form-input{flex:1}.input-with-toggle .btn-toggle-pass{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);cursor:pointer;color:var(--text-secondary);transition:all .15s}.input-with-toggle .btn-toggle-pass:hover{background:var(--bg-hover);color:var(--text)}.input-copy-group{display:flex;gap:6px;align-items:center}.input-copy-group .form-input{flex:1;background:var(--bg-elevated);color:var(--text-secondary)}.input-copy-group .btn-copy{min-width:36px;padding:8px}.int-toggles-section,.int-channels-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle, rgba(255,255,255,.04))}.toggle-row:last-of-type{border-bottom:none}.toggle-title{font-size:13px;font-weight:600;color:var(--text)}.toggle-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.wz-channel-pane{animation:fadeSlideIn .2s ease}.hint-card{padding:12px 16px;border-radius:10px;font-size:13px;background:#6366f10f;border-left:3px solid var(--primary)}.hint-card h4{font-size:13px;font-weight:600;margin:0 0 4px}.hint-card p{margin:0;color:var(--text-secondary)}.hint-card--blue{background:#3b82f60f;border-left-color:#3b82f6}.hint-card--yellow{background:#f59e0b0f;border-left-color:#f59e0b}.rule-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;margin-bottom:6px;background:var(--bg-elevated);border:1px solid var(--border);animation:fadeSlideIn .2s ease}.rule-row:hover{border-color:var(--primary)}.rule-keywords{font-size:13px;font-weight:600;color:var(--primary);background:#6366f114;padding:4px 10px;border-radius:6px;white-space:nowrap}.rule-arrow{color:var(--text-secondary);font-size:16px}.rule-stage{font-size:13px;font-weight:600;color:#22c55e;background:#22c55e14;padding:4px 10px;border-radius:6px;white-space:nowrap}.rule-text{font-size:13px;color:var(--text);flex:1}.rule-days{font-size:12px;color:var(--text-secondary);white-space:nowrap}.empty-rules{text-align:center;padding:16px;color:var(--text-secondary);font-size:13px;font-style:italic}.rule-row--task{display:grid;grid-template-columns:auto auto 1fr auto auto auto}.btn-remove-rule{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s}.btn-remove-rule:hover{background:#ef44441a;color:#ef4444}.toggle-sm{transform:scale(.85)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-subnav{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);padding:4px;border-radius:var(--radius-lg);margin-bottom:20px;overflow-x:auto}.settings-subnav-btn{padding:9px 16px;border:none;background:transparent;border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;display:flex;align-items:center;gap:6px}.settings-subnav-btn svg{width:14px;height:14px;opacity:.6}.settings-subnav-btn:hover{background:var(--bg-hover);color:var(--text)}.settings-subnav-btn:hover svg{opacity:.8}.settings-subnav-btn.active{background:var(--primary-surface);color:var(--primary);font-weight:600;box-shadow:var(--primary-glow)}.settings-subnav-btn.active svg{opacity:1;color:var(--primary)}.settings-sub-pane{display:none}.settings-sub-pane.active{display:block;animation:fadeSlideIn .25s ease}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-input{padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;background:var(--bg-input);color:var(--text);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-input:read-only{opacity:.7;cursor:default}.form-hint{font-size:12px;color:var(--text-tertiary);margin-top:2px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:500;color:var(--text)}.toggle-list{display:flex;flex-direction:column;margin-top:16px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-info{flex:1}.toggle-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.toggle-desc{font-size:12px;color:var(--text-tertiary)}.docs-view{max-width:1200px}.docs-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;margin-top:16px}.docs-sidebar{position:sticky;top:16px;align-self:start;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:16px;max-height:calc(100vh - 120px);overflow-y:auto}.docs-search-input{font-size:13px;padding:8px 12px;margin-bottom:12px;background:var(--bg-input);border-radius:8px}.docs-nav{display:flex;flex-direction:column;gap:2px}.docs-nav-group{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);padding:12px 10px 4px;margin-top:4px}.docs-nav-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:8px 10px;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s;border:none;background:none;text-align:left;width:100%}.docs-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.docs-nav-item.active{background:var(--primary-surface);color:var(--primary);font-weight:600}.docs-nav-item svg{width:16px;height:16px;flex-shrink:0}.docs-content{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:32px 40px;min-height:400px}.docs-article h1{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.docs-article h2{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;color:var(--text-primary);margin:32px 0 12px;padding-top:16px;border-top:1px solid var(--border)}.docs-article h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:20px 0 8px}.docs-lead{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.docs-article p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:8px 0}.docs-article ul,.docs-article ol{padding-left:20px;font-size:14px;color:var(--text-secondary);line-height:1.8}.docs-article a{color:var(--primary);text-decoration:underline}.docs-article code{background:var(--bg-input);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--primary)}.docs-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}.docs-table th{text-align:left;padding:10px 12px;font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);border-bottom:2px solid var(--border)}.docs-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-primary)}.docs-table tr:hover td{background:var(--bg-hover)}.docs-code{background:#1e1e2e;color:#cdd6f4;border-radius:10px;padding:16px 20px;margin:12px 0;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:12.5px;line-height:1.6}.docs-code code{background:none;padding:0;color:inherit;font-size:inherit}.docs-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}.docs-card{background:var(--bg-elevated);border-radius:12px;padding:20px;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.docs-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.docs-card-icon{margin-bottom:12px}.docs-card-icon svg{width:28px;height:28px}.docs-card h3{font-size:15px;font-weight:600;margin:0 0 6px;color:var(--text-primary)}.docs-card p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.docs-steps{display:flex;flex-direction:column;gap:0;margin:20px 0}.docs-step{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.docs-step:last-child{border-bottom:none}.docs-step-num{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.docs-step-body h3{margin:0 0 4px;font-size:15px}.docs-step-body p{margin:0;font-size:13px;color:var(--text-secondary)}.docs-tip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:14px 18px;font-size:13px;color:#1e40af;margin:16px 0}.docs-info-block{background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border);padding:16px 20px;margin:16px 0}.docs-info-block p{margin:4px 0}.docs-faq{display:flex;flex-direction:column;gap:8px}.docs-faq-item{background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border);overflow:hidden}.docs-faq-item summary{padding:14px 18px;cursor:pointer;font-weight:600;font-size:14px;color:var(--text-primary);list-style:none;transition:background .15s}.docs-faq-item summary:hover{background:var(--bg-hover)}.docs-faq-item summary::marker{display:none}.docs-faq-item summary::-webkit-details-marker{display:none}.docs-faq-item[open] summary{border-bottom:1px solid var(--border)}.docs-faq-item p{padding:14px 18px;font-size:13px;margin:0}.docs-changelog{display:flex;flex-direction:column;gap:24px}.docs-changelog-entry{padding-left:20px;border-left:3px solid var(--primary)}.docs-changelog-date{font-size:12px;color:var(--text-tertiary);font-weight:600}.docs-changelog-version{font-size:18px;font-weight:700;color:var(--text-primary);margin:4px 0 8px;font-family:Outfit,sans-serif}.docs-changelog-entry ul{padding-left:16px;font-size:13px}.docs-changelog-entry li{margin:4px 0}.docs-stages{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.docs-stage{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--stage-color, #64748b) 15%,transparent);color:var(--stage-color, #64748b);border:1px solid color-mix(in srgb,var(--stage-color, #64748b) 30%,transparent)}@media(max-width:768px){.tables-grid,.overview-grid,.integrations-grid{grid-template-columns:1fr}.modal-panel{width:95%}.form-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static;max-height:none}.docs-content{padding:20px}.docs-cards,.acc-form-grid,.acc-info-grid{grid-template-columns:1fr}.account-header-content{flex-direction:column;text-align:center}.account-meta{justify-content:center}.acc-docs-card{flex-direction:column;text-align:center}.acc-docs-card .btn{margin:12px auto 0}.hub-kpi-grid{grid-template-columns:repeat(2,1fr)}.hub-main-grid{grid-template-columns:1fr}.hub-hero-content{flex-direction:column;text-align:center}.hub-hero-left{flex-direction:column}.hub-products-grid-v2{grid-template-columns:1fr}.hub-skeleton-grid{grid-template-columns:repeat(2,1fr)}.settings-subnav{overflow-x:auto;flex-wrap:nowrap}}.account-header{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:20px}.account-header-bg{position:absolute;inset:0;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa 70%,#c4b5fd);opacity:.95}.account-header-bg:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.account-header-content{position:relative;display:flex;align-items:center;gap:20px;padding:32px 28px;z-index:1}.account-avatar-wrap{position:relative;flex-shrink:0}.account-avatar{width:64px;height:64px;border-radius:var(--radius-lg);background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:22px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.account-avatar-badge{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#10b981;border:2px solid #fff;display:flex;align-items:center;justify-content:center}.account-avatar-badge svg{width:12px;height:12px;color:#fff}.account-header-info{color:#fff}.account-name{font-family:var(--font-heading);font-size:22px;font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.account-email{font-size:14px;opacity:.85;margin:2px 0 10px}.account-meta{display:flex;gap:8px}.account-meta-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;background:#ffffff2e;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15)}.account-tabs{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px;margin-bottom:20px}.account-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:transparent;border:none;font-family:inherit}.account-tab svg{width:16px;height:16px;opacity:.6;transition:opacity var(--transition)}.account-tab:hover{color:var(--text);background:var(--bg-hover)}.account-tab:hover svg{opacity:.8}.account-tab.active{background:var(--primary-surface);color:var(--primary);font-weight:600;box-shadow:var(--primary-glow)}.account-tab.active svg{opacity:1;color:var(--primary)}.account-pane{display:none}.account-pane.active{display:flex;flex-direction:column;gap:16px}.acc-glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.acc-glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.acc-card-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.acc-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.acc-card-title{font-size:15px;font-weight:600;color:var(--text)}.acc-card-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:1px}.acc-card-body{padding:24px}.acc-card-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:8px}.acc-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.acc-form-group{display:flex;flex-direction:column;gap:6px}.acc-form-group--wide{grid-column:1 / -1}.acc-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.acc-input{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);font-size:14px;font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.acc-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f114}.acc-input--mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;letter-spacing:-.02em}.acc-select-wrap{position:relative}.acc-select{appearance:none;padding-right:36px;cursor:pointer;width:100%}.acc-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.acc-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary);margin-top:2px}.acc-hint svg{flex-shrink:0;opacity:.6}.acc-hint a{color:var(--primary);text-decoration:none;font-weight:500}.acc-hint a:hover{text-decoration:underline}.acc-hint code{padding:1px 5px;border-radius:3px;background:var(--bg-hover);font-size:11px;font-family:monospace}.acc-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.acc-info-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--transition)}.acc-info-item:hover{background:var(--bg-hover);border-color:var(--border)}.acc-info-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.acc-info-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.acc-info-value{font-size:14px;font-weight:600;color:var(--text);margin-top:1px}.acc-info-value--accent{color:var(--primary)}.acc-toggles{display:flex;flex-direction:column;gap:0;margin-top:20px;border-top:1px solid var(--border-subtle)}.acc-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.acc-toggle-row:last-child{border-bottom:none}.acc-toggle-title{font-size:14px;font-weight:500;color:var(--text)}.acc-toggle-desc{font-size:12px;color:var(--text-tertiary);margin-top:1px}.acc-key-group{margin-bottom:20px}.acc-key-group:last-of-type{margin-bottom:0}.acc-key-row{display:flex;gap:8px;margin-top:6px}.acc-key-row .acc-input{flex:1}.acc-copy-btn{display:flex;align-items:center;justify-content:center;width:42px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);flex-shrink:0}.acc-copy-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--primary)}.acc-copy-btn--copied{background:var(--success-surface)!important;border-color:#10b9814d!important;color:var(--success)!important}.acc-docs-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition)}.acc-docs-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.acc-docs-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-surface);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.acc-docs-title{font-size:14px;font-weight:600;color:var(--text);margin:0}.acc-docs-text{font-size:12px;color:var(--text-tertiary);margin:2px 0 0}.account-skeleton{display:flex;flex-direction:column;gap:12px}.skeleton-block{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-elevated) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.team-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.team-stat-card{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:16px 20px;text-align:center}.team-stat-value{font-size:22px;font-weight:700;color:var(--text-primary, #1f2937);margin-bottom:4px}.team-stat-value.text-success{color:#10b981}.team-stat-value.text-muted{color:#9ca3af}.team-stat-value.text-info{color:#0ea5e9;font-size:14px;font-weight:600}.team-stat-label{font-size:12px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.team-table-wrap{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:14px;overflow:hidden}.team-table{width:100%;border-collapse:collapse}.team-table thead th{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #6b7280);border-bottom:1px solid var(--border-color, #e5e7eb);text-align:left;background:var(--bg-hover, #f9fafb)}.team-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border-light, #f3f4f6);vertical-align:middle}.team-row{transition:background .15s;animation:fadeSlideIn .3s ease both}.team-row:hover{background:var(--bg-hover, #f9fafb)}.team-row:last-child td{border-bottom:none}.team-row-inactive{opacity:.55}.team-row-inactive:hover{opacity:.8}.team-user-cell{display:flex;align-items:center;gap:12px}.team-avatar{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0;overflow:hidden}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-user-name{font-weight:600;font-size:14px;color:var(--text-primary, #1f2937);display:flex;align-items:center;gap:6px}.team-user-email{font-size:12px;color:var(--text-secondary, #6b7280);margin-top:2px}.team-you-badge{font-size:10px;font-weight:500;color:#6366f1;background:#6366f11a;padding:1px 6px;border-radius:4px}.team-role-badge{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.2px}.team-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.team-status-dot{width:7px;height:7px;border-radius:50%}.team-status-active .team-status-dot{background:#10b981}.team-status-active{color:#10b981}.team-status-inactive .team-status-dot{background:#9ca3af}.team-status-inactive{color:#9ca3af}.team-cell-login{font-size:13px;color:var(--text-secondary, #6b7280)}.team-muted{color:var(--text-secondary, #9ca3af);font-size:12px}.team-actions{display:flex;gap:4px;justify-content:flex-end}.team-action-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #fff);color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.team-action-btn svg{width:14px;height:14px}.team-action-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937);border-color:var(--border-dark, #d1d5db)}.team-action-danger:hover{background:#ef444414;color:#ef4444;border-color:#ef44444d}.team-action-success:hover{background:#10b98114;color:#10b981;border-color:#10b9814d}.team-empty{padding:48px 20px;text-align:center}.team-empty-icon{color:var(--text-secondary, #9ca3af);margin-bottom:12px}.team-empty-icon svg{width:48px;height:48px;opacity:.4}.team-empty-title{font-size:16px;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:6px}.team-empty-text{font-size:13px;color:var(--text-secondary, #6b7280)}.team-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--text-secondary, #6b7280);font-size:14px}.team-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.team-modal{background:var(--bg-card, #fff);border-radius:16px;width:100%;max-width:440px;box-shadow:0 24px 48px #00000026;overflow:hidden}.team-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border-color, #e5e7eb)}.team-modal-header h3{font-size:17px;font-weight:700;margin:0;color:var(--text-primary, #1f2937)}.team-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.team-modal-close:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.team-modal-close svg{width:16px;height:16px}.team-modal-body{padding:20px 24px}.team-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-hover, #f9fafb)}.team-confirm-text{font-size:14px;line-height:1.6;color:var(--text-primary, #1f2937);text-align:center;padding:8px 0}.team-password-alert{text-align:center;padding:16px;background:#6366f10f;border-radius:12px;margin-bottom:20px}.team-password-icon{color:#6366f1;margin-bottom:8px}.team-password-icon svg{width:32px;height:32px}.team-password-title{font-size:16px;font-weight:700;color:var(--text-primary, #1f2937);margin-bottom:4px}.team-password-text{font-size:13px;color:var(--text-secondary, #6b7280);line-height:1.5}.team-credentials{background:var(--bg-hover, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:12px 16px}.team-credential-row{display:flex;align-items:center;gap:10px;padding:8px 0}.team-credential-row+.team-credential-row{border-top:1px solid var(--border-light, #f3f4f6)}.team-credential-label{font-size:12px;color:var(--text-secondary, #6b7280);font-weight:600;min-width:60px;text-transform:uppercase}.team-credential-value{flex:1;font-size:14px;font-weight:600;color:var(--text-primary, #1f2937)}.team-password-code{font-family:JetBrains Mono,Cascadia Code,monospace;font-size:16px;color:#6366f1;letter-spacing:1px}.team-copy-btn{width:30px;height:30px;border-radius:6px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #fff);color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.team-copy-btn svg{width:14px;height:14px}.team-copy-btn:hover{background:#6366f114;color:#6366f1;border-color:#6366f14d}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857)}@media(max-width:768px){.team-table thead{display:none}.team-table tbody td{display:block;padding:6px 16px;border-bottom:none}.team-table tbody td:first-child{padding-top:14px}.team-table tbody td:last-child{padding-bottom:14px;border-bottom:1px solid var(--border-light, #f3f4f6)}.team-cell-actions{display:flex;justify-content:flex-end}.team-stat-cards{grid-template-columns:repeat(2,1fr)}}