@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-dim:#6366f11f;--color-secondary:#ec4899;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--bg-app:#0d0f18;--bg-sidebar:#111320;--bg-card:#161929;--bg-card-hover:#1c2035;--bg-glass:#ffffff0a;--bg-input:#ffffff0f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--border-subtle:#ffffff12;--border-focus:#6366f199;--shadow-card:0 4px 24px #0000004d;--shadow-glow:0 0 30px #6366f133;--shadow-modal:0 25px 60px #0009;--glass-backdrop:blur(16px);--transition-fast:.15s ease;--transition-normal:.25s ease;--sidebar-width:240px;--header-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.55;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}p{margin:0}#root{width:100%;height:100%;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-fade-in{animation:.28s forwards fadeUp}.animate-scale-in{animation:.22s forwards scaleIn}.fw-500{font-weight:500}.fw-600{font-weight:600}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-success{color:#4ade80}.text-danger{color:#f87171}.text-warning{color:#fbbf24}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.badge-warning{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.badge-neutral{color:#94a3b8;background:#64748b26;border:1px solid #64748b40}.badge-info{color:#818cf8;background:#6366f11f;border:1px solid #6366f140}.badge-danger{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #8b5cf6);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 2px 12px #6366f14d}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary);border-color:#ffffff26}.btn-danger{color:#f87171;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ef44441f;border:1px solid #ef44444d;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-danger:hover{background:#ef444433}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-glass);color:var(--text-primary)}.icon-btn.danger:hover{color:#f87171;background:#ef44441f}.icon-btn.success:hover{color:#4ade80;background:#22c55e1f}.icon-btn.primary:hover{background:var(--color-primary-dim);color:#818cf8}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.page-container{width:100%;max-width:100%;animation:.28s forwards fadeUp}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.3px;font-size:22px;font-weight:700;line-height:1.2}.page-description{color:var(--text-secondary);margin-top:4px;font-size:13px}.toolbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;display:flex}.search-box{flex:1;min-width:200px;max-width:340px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:8px 14px 8px 38px;font-size:13px}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.result-count{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:12px}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:#0003;padding:10px 20px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:13px 20px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-glass)}.archived-row{opacity:.5}.actions-col{width:100px}.actions-cell{align-items:center;gap:4px;display:flex}.empty-state{text-align:center;color:var(--text-muted);font-size:14px;padding:56px 24px!important}.empty-icon{color:var(--text-muted);margin-bottom:10px}.product-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-input);border:1px solid var(--border-subtle);width:40px;height:40px}.product-thumb.placeholder{flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-modal);background:#171a2e;border:1px solid #ffffff1a;animation:.2s scaleIn;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-subtle);z-index:1;background:#171a2e;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.modal-header h2{color:var(--text-primary);font-size:16px;font-weight:700}.modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;padding:16px 24px 20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.form-input,.form-textarea,.form-select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:9px 13px;font-family:inherit;font-size:14px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.form-textarea{resize:vertical;min-height:80px}.form-select option{background:#1e2235}.input-icon-wrap{position:relative}.input-leading-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-icon-wrap .form-input{padding-left:36px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), transform var(--transition-fast);cursor:default;align-items:center;gap:14px;padding:18px;display:flex}.stat-card:hover{border-color:#6366f140;transform:translateY(-1px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon--blue{color:#818cf8;background:#6366f126}.stat-icon--green{color:#4ade80;background:#22c55e26}.stat-icon--yellow{color:#fbbf24;background:#f59e0b26}.stat-icon--purple{color:#c084fc;background:#a855f726}.stat-icon--pink{color:#f472b6;background:#ec489926}.stat-icon--cyan{color:#22d3ee;background:#06b6d426}.stat-value{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);margin-top:3px;font-size:12px}.pagination{border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:10px;padding:14px 20px;display:flex}.page-info{color:var(--text-secondary);font-size:12px}.back-link{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:6px;margin-bottom:16px;font-size:13px;font-weight:500;display:inline-flex}.back-link:hover{color:var(--text-primary)}.customer-cell{align-items:center;gap:10px;display:flex}.customer-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.order-number{color:#818cf8;font-family:JetBrains Mono,Courier New,monospace;font-size:12px;font-weight:700}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-pending{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.status-confirmed{color:#818cf8;background:#6366f11f;border:1px solid #6366f140}.status-processing{color:#c084fc;background:#a855f71f;border:1px solid #a855f740}.status-shipped{color:#22d3ee;background:#06b6d41f;border:1px solid #06b6d440}.status-delivered{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.status-cancelled{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.payment-badge{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.payment-badge.paid{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.payment-badge.unpaid{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.payment-badge.refunded{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-chip{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.filter-chip:hover{color:var(--text-primary);border-color:#6366f166}.filter-chip.active{background:var(--color-primary-dim);color:#818cf8;border-color:#6366f166}.modal.drawer{border-radius:var(--radius-xl);max-width:520px}.drawer-body{flex-direction:column;gap:18px;max-height:70vh;padding:20px 24px;display:flex;overflow-y:auto}.drawer-section h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:10px;font-size:10px;font-weight:700}.drawer-info-row{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);justify-content:space-between;padding:7px 0;font-size:13px;display:flex}.drawer-info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted);font-size:12px}.order-items-list{flex-direction:column;gap:8px;display:flex}.order-item-row{background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;font-size:13px;display:flex}.order-item-price{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;display:flex}.totals-block{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.totals-row{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);justify-content:space-between;padding:9px 14px;font-size:13px;display:flex}.totals-row:last-child{border-bottom:none}.totals-total{color:var(--text-primary);background:#6366f10f;font-size:14px;font-weight:700}.status-update-grid{flex-wrap:wrap;gap:7px;display:flex}.status-update-btn{cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-glass);color:var(--text-secondary);transition:all var(--transition-fast);border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:500;display:flex}.status-update-btn:hover{opacity:.85}.status-update-btn.status-pending.active{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b66}.status-update-btn.status-confirmed.active{color:#818cf8;background:#6366f133;border-color:#6366f166}.status-update-btn.status-processing.active{color:#c084fc;background:#a855f733;border-color:#a855f766}.status-update-btn.status-shipped.active{color:#22d3ee;background:#06b6d433;border-color:#06b6d466}.status-update-btn.status-delivered.active{color:#4ade80;background:#22c55e33;border-color:#22c55e66}.status-update-btn.status-cancelled.active{color:#f87171;background:#ef444433;border-color:#ef444466}.notes-text{color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;font-size:13px;line-height:1.6}.orders-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px;display:grid}.order-drawer{border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-modal);background:#171a2e;border:1px solid #ffffff1a;animation:.2s scaleIn;overflow-y:auto}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin;display:inline-block}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:10;flex-direction:column;height:100vh;display:flex;position:relative}.sidebar-brand{height:var(--header-height);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:10px;padding:0 18px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--color-primary) 0%, #a855f7 100%);color:#fff;letter-spacing:-.5px;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex;box-shadow:0 0 18px #6366f159}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-name{color:var(--text-primary);letter-spacing:-.3px;font-size:15px;font-weight:700}.brand-tag{color:var(--text-muted);margin-top:1px;font-size:10px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:14px 10px;display:flex;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:10px 10px 4px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-icon{opacity:.7;flex-shrink:0}.nav-item.active{color:#818cf8;background:#6366f11f}.nav-item.active .nav-icon{opacity:1;color:#818cf8}.nav-item.active:before{content:"";background:var(--color-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;padding:12px 10px}.sidebar-user{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar-user:hover{background:var(--bg-glass)}.sidebar-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);margin-top:1px;font-size:11px}.header{height:var(--header-height);background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:10px;display:flex}.header-title{color:var(--text-primary);font-size:15px;font-weight:600}.header-right{align-items:center;gap:6px;display:flex}.header-icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{background:var(--bg-glass);color:var(--text-primary);border-color:var(--border-subtle)}.notif-dot{background:var(--color-secondary);border:1.5px solid var(--bg-sidebar);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.header-divider{background:var(--border-subtle);width:1px;height:24px;margin:0 4px}.header-user{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:1px solid #0000;align-items:center;gap:8px;padding:5px 10px 5px 5px;display:flex}.header-user:hover{background:var(--bg-glass);border-color:var(--border-subtle)}.header-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.header-user-name{color:var(--text-primary);font-size:13px;font-weight:600}.dashboard-layout{width:100%;height:100vh;display:flex;overflow:hidden}.dashboard-main{background:var(--bg-app);flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-content{background:var(--bg-app);flex:1;padding:28px 32px;overflow-y:auto}.overview-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), transform var(--transition-fast);padding:20px}.metric-card:hover{border-color:#6366f140;transform:translateY(-2px)}.metric-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.metric-change{border-radius:20px;align-items:center;gap:3px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.metric-change.up{color:#4ade80;background:#22c55e1f}.metric-change.down{color:#f87171;background:#ef44441f}.metric-value{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:5px;font-size:26px;font-weight:800;line-height:1}.metric-label{color:var(--text-secondary);font-size:12px}.overview-grid{grid-template-columns:1fr 320px;gap:16px;display:grid}@media (width<=900px){.overview-grid{grid-template-columns:1fr}}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.card-title{color:var(--text-primary);align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.card-link{color:var(--color-primary);transition:color var(--transition-fast);font-size:12px}.card-link:hover{color:#a5b4fc}.low-stock-row{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.low-stock-row:last-child{border-bottom:none}.low-stock-row:hover{background:var(--bg-glass)}.stock-badge{color:#f87171;white-space:nowrap;background:#ef44441f;border:1px solid #ef444440;border-radius:20px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.team-page{flex-direction:column;gap:24px;max-width:980px;display:flex}.team-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.team-page-header-left{align-items:center;gap:14px;display:flex}.team-page-icon{border-radius:var(--radius-md);background:var(--color-primary-dim);width:46px;height:46px;color:var(--color-primary);border:1px solid #6366f133;flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-page-title{color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.2}.team-page-sub{color:var(--text-secondary);margin-top:3px;font-size:.82rem}.team-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;font-size:.84rem;font-weight:600;display:inline-flex}.team-btn--primary{background:var(--color-primary);color:#fff}.team-btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #6366f159}.team-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.team-btn--ghost{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-subtle)}.team-btn--ghost:hover{background:var(--bg-card-hover);color:var(--text-primary)}.team-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=640px){.team-stats{grid-template-columns:repeat(2,1fr)}}.team-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;gap:12px;padding:16px;display:flex}.team-stat-card:hover{border-color:#ffffff1f}.team-stat-icon{border-radius:var(--radius-sm);background:rgba(from var(--stat-color) r g b / .12);width:36px;height:36px;color:var(--stat-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-stat-count{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.team-stat-label{color:var(--text-secondary);margin-top:3px;font-size:.75rem}.team-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.team-table-wrap{overflow-x:auto}.team-table{border-collapse:collapse;width:100%;font-size:.875rem}.team-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle);background:#ffffff05;padding:12px 20px;font-size:.72rem;font-weight:600}.team-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:14px 20px}.team-table tbody tr:last-child td{border-bottom:none}.team-table tbody tr{transition:background var(--transition-fast)}.team-table tbody tr:hover{background:var(--bg-glass)}.team-row--removing{opacity:.5;pointer-events:none}.team-member-cell{align-items:center;gap:12px;display:flex}.team-avatar-wrap{flex-shrink:0;position:relative}.team-avatar{background:rgba(from var(--avatar-color) r g b / .18);border:1.5px solid rgba(from var(--avatar-color) r g b / .35);width:38px;height:38px;color:var(--avatar-color);letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.team-verified-dot{background:var(--color-success);border:2px solid var(--bg-card);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.team-member-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.team-member-email{color:var(--text-secondary);margin-top:2px;font-size:.78rem}.team-role-badge{color:var(--badge-color);background:rgba(from var(--badge-color) r g b / .12);border:1px solid rgba(from var(--badge-color) r g b / .2);border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.team-role-selector{display:inline-block;position:relative}.team-role-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.team-role-trigger:disabled{cursor:not-allowed;opacity:.6}.team-chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.team-chevron.open{transform:rotate(180deg)}.team-role-dropdown{z-index:50;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-modal);padding:6px;animation:.12s team-dropdown-in;position:absolute;top:calc(100% + 6px);left:0}@keyframes team-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.team-role-dropdown-item{border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;font-weight:500;display:flex}.team-role-dropdown-item:hover{background:var(--bg-glass);color:var(--text-primary)}.team-role-dropdown-item.current{color:var(--color-primary);background:var(--color-primary-dim)}.team-check{color:var(--color-primary);margin-left:auto}.team-status-badge{letter-spacing:.02em;border-radius:100px;align-items:center;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.team-status-badge.verified{color:var(--color-success);background:#22c55e1a;border:1px solid #22c55e33}.team-status-badge.pending{color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b33}.team-date{color:var(--text-secondary);font-size:.82rem}.team-remove-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin-left:auto;display:flex}.team-remove-btn:hover{color:var(--color-danger);background:#ef44441a;border-color:#ef444440}.team-remove-btn:disabled{cursor:not-allowed;opacity:.5}.team-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:.875rem;display:flex}.team-spin{animation:.8s linear infinite spin}.team-legend{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px 24px}.team-legend-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:.78rem;font-weight:600}.team-legend-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.team-legend-item{border-radius:var(--radius-sm);background:var(--bg-glass);align-items:flex-start;gap:10px;padding:12px;display:flex}.team-legend-role{color:var(--text-primary);font-size:.82rem;font-weight:600}.team-legend-desc{color:var(--text-secondary);margin-top:2px;font-size:.77rem;line-height:1.4}.team-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.team-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-modal);animation:.2s cubic-bezier(.22,1,.36,1) slide-up;overflow:hidden}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.team-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 24px 0;display:flex}.team-modal-title-group{align-items:flex-start;gap:14px;display:flex}.team-modal-icon{border-radius:var(--radius-md);background:var(--color-primary-dim);width:42px;height:42px;color:var(--color-primary);border:1px solid #6366f133;flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-modal-title{color:var(--text-primary);font-size:1.05rem;font-weight:700}.team-modal-sub{color:var(--text-secondary);margin-top:3px;font-size:.8rem}.team-modal-close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-modal-close:hover{background:var(--bg-glass);color:var(--text-primary)}.team-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.team-field{flex-direction:column;gap:8px;display:flex}.team-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.8rem;font-weight:600}.team-input-wrap{position:relative}.team-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.team-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;height:42px;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:0 14px 0 38px;font-family:inherit;font-size:.875rem}.team-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11f}.team-input::placeholder{color:var(--text-muted)}.team-input:disabled{opacity:.5}.team-role-grid{flex-direction:column;gap:8px;display:flex}.team-role-option{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.team-role-option:hover{border-color:rgba(from var(--opt-color) r g b / .3);background:rgba(from var(--opt-color) r g b / .05);color:var(--text-primary)}.team-role-option.selected{border-color:var(--opt-color);background:rgba(from var(--opt-color) r g b / .1);color:var(--opt-color)}.team-role-option-name{color:inherit;font-size:.84rem;font-weight:600}.team-role-option-desc{color:var(--text-muted);margin-top:2px;font-size:.76rem;line-height:1.4}.team-role-option.selected .team-role-option-desc{color:rgba(from var(--opt-color) r g b / .7)}.team-alert{border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:500;animation:.15s fade-in;display:flex}.team-alert--error{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444433}.team-alert--success{color:var(--color-success);background:#22c55e1a;border:1px solid #22c55e33}.team-modal-footer{justify-content:flex-end;align-items:center;gap:10px;padding-top:4px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-page{z-index:9999;background:var(--bg-app);display:flex;position:fixed;inset:0}.login-hero{border-right:1px solid var(--border-subtle);background:linear-gradient(140deg,#0d0f18 0%,#111628 50%,#0d1225 100%);flex:1;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-120px;left:-120px}.login-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ec489914 0%,#0000 70%);width:380px;height:380px;position:absolute;bottom:-80px;right:-80px}.login-hero-inner{z-index:1;flex-direction:column;gap:40px;width:100%;max-width:440px;display:flex;position:relative}.login-hero-logo{color:var(--color-primary);letter-spacing:-.3px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.login-hero-logo span{color:var(--text-primary)}.login-hero-content{flex-direction:column;gap:16px;display:flex}.login-hero-heading{color:var(--text-primary);letter-spacing:-.8px;margin:0;font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.2}.login-hero-gradient{background:linear-gradient(135deg,#818cf8,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-hero-tagline{color:var(--text-secondary);max-width:360px;font-size:15px;line-height:1.65}.login-hero-features{flex-direction:column;gap:14px;display:flex}.login-hero-feature{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.login-hero-feature svg{color:var(--color-primary);flex-shrink:0}.login-form-panel{flex-shrink:0;justify-content:center;align-items:center;width:480px;padding:32px 24px;display:flex;overflow-y:auto}.login-card{flex-direction:column;gap:0;width:100%;max-width:400px;animation:.28s forwards fadeUp;display:flex}.login-card h2{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:6px;font-size:22px;font-weight:700}.login-card>p{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.login-error{color:#f87171;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444440;margin-bottom:20px;padding:11px 14px;font-size:13px;line-height:1.5}.login-form{flex-direction:column;gap:14px;display:flex}.login-btn{justify-content:center;width:100%;margin-top:6px;padding:11px 18px;font-size:15px}.login-back-btn{justify-content:center;width:100%;margin-top:4px;font-size:14px}.login-switch{text-align:center;color:var(--text-secondary);margin-top:22px;font-size:13px}.login-switch-btn{color:#818cf8;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.login-switch-btn:hover{color:#a5b4fc;text-decoration:underline}.signup-steps{align-items:center;gap:0;margin-bottom:24px;display:flex}.signup-step{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.signup-step.active{color:var(--text-primary)}.signup-step.done{color:#4ade80}.signup-step-dot{background:var(--bg-input);border:1px solid var(--border-subtle);width:24px;height:24px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.signup-step.active .signup-step-dot{background:var(--color-primary-dim);color:#818cf8;border-color:#6366f180}.signup-step.done .signup-step-dot{color:#4ade80;background:#22c55e1f;border-color:#22c55e4d}.signup-step-line{background:var(--border-subtle);flex:1;height:1px;margin:0 10px}.pw-strength{flex-direction:column;gap:6px;margin-top:8px;display:flex}.pw-strength-bar{background:var(--bg-input);border-radius:2px;height:4px;overflow:hidden}.pw-strength-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.pw-strength-meta{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pw-strength-label{text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:11px;font-weight:700}.pw-strength-hint{color:var(--text-muted);text-align:right;font-size:11px;line-height:1.4}.form-hint{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.5}.signup-step2-summary{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);flex-direction:column;gap:2px;margin-top:4px;padding:12px 14px;font-size:13px;display:flex}.signup-step2-summary strong{color:var(--text-primary);font-weight:600}@media (width<=768px){.login-hero{display:none}.login-form-panel{width:100%;padding:24px 20px}}.spin{animation:.8s linear infinite spin}.settings-page{flex-direction:column;gap:24px;max-width:980px;display:flex}.settings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-header-left{align-items:center;gap:14px;display:flex}.settings-icon-box{border-radius:var(--radius-md);background:var(--color-primary-dim);width:46px;height:46px;color:var(--color-primary);border:1px solid #6366f133;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-title{color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.2}.settings-sub{color:var(--text-secondary);margin-top:3px;font-size:.82rem}.settings-btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;height:38px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.settings-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.settings-btn-primary:disabled{opacity:.7;cursor:not-allowed}.settings-alert-success{color:#22c55e;border-radius:var(--radius-md);background:#22c55e1a;border:1px solid #22c55e33;padding:12px 16px;font-size:.85rem;font-weight:500}.settings-content{flex-direction:column;gap:24px;display:flex}.settings-section{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.settings-section-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.settings-section-header h2{color:var(--text-primary);font-size:1.1rem;font-weight:600}.section-icon{color:var(--text-secondary)}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-form-group{flex-direction:column;gap:6px;display:flex}.settings-form-group.full-width{grid-column:1/-1}.settings-form-group label{color:var(--text-primary);font-size:.85rem;font-weight:500}.settings-input{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:10px 12px;font-size:.85rem;transition:all .2s}.settings-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@media (width<=768px){.settings-grid{grid-template-columns:1fr}}