:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-card: #111111;--bg-card-hover: #1a1a1a;--bg-input: #0d0d0d;--bg-sidebar: #050505;--bg-hover: rgba(232, 168, 56, .06);--bg-tertiary: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--border-color: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-gold: #E8A838;--accent-blue: #E8A838;--accent-green: #10b981;--accent-cyan: #06b6d4;--accent-purple: #E8A838;--accent-yellow: #E8A838;--accent-red: #ef4444;--accent-pink: #E8A838;--glow-blue: rgba(232, 168, 56, .12);--glow-green: rgba(16, 185, 129, .12);--glow-purple: rgba(232, 168, 56, .12);--glow-gold: rgba(232, 168, 56, .15);--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--transition: .2s ease;--transition-fast: .15s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--font-xs: 11px;--font-sm: 12px;--font-base: 14px;--font-md: 15px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 20px;--font-3xl: 24px;--font-4xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px}*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden;overflow-x:hidden;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;overflow-x:hidden;height:100vh;height:100dvh;width:100%;max-width:100vw;font-size:var(--font-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top)}#root{display:flex;height:100vh;height:100dvh;width:100%;overflow-x:hidden}a{color:var(--accent-blue);text-decoration:none}.skip-link{position:absolute;top:-100px;left:16px;background:var(--accent-gold);color:#000;padding:8px 16px;border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:600;z-index:100000;transition:top .2s ease}.skip-link:focus{top:8px}*:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px;border-radius:4px}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:rgba(255,255,255,.15) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:100px;transition:background .3s}*:hover::-webkit-scrollbar-thumb{background:#ffffff26}*:hover::-webkit-scrollbar-thumb:hover{background:#ffffff40}*:hover::-webkit-scrollbar-thumb:active{background:#ffffff59}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes navIndicatorIn{0%{opacity:0;transform:translateY(-50%) scaleY(.3)}to{opacity:1;transform:translateY(-50%) scaleY(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #e8a83866}50%{box-shadow:0 0 0 8px #e8a83800}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease-out both}.animate-in-up{animation:fadeInUp .4s ease-out both}.animate-in-scale{animation:fadeInScale .3s ease-out both}.animate-slide-left{animation:slideInLeft .3s ease-out both}.animate-slide-right{animation:slideInRight .3s ease-out both}.app-layout{display:flex;height:100vh;height:100dvh;width:100%;overflow-x:hidden;max-width:100vw;position:relative}.app-layout:before,.loading-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(201,168,76,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.04) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 100%)}.sidebar{width:240px;background:#050505f2;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;min-width:0;max-height:100vh;max-height:100dvh}.header{height:60px;border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;max-width:100%;overflow:visible;position:sticky;top:0;z-index:100;background:transparent;transition:background .35s ease,box-shadow .35s ease}.header:after{content:"";position:absolute;bottom:0;left:50%;right:50%;height:2px;background:#fff6;transition:left .8s cubic-bezier(.25,.46,.45,.94),right .8s cubic-bezier(.25,.46,.45,.94)}.header.scrolled{background:#050508e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px #0006}.header.scrolled:after{left:0;right:0}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-6);max-width:100%;scroll-behavior:smooth}.content-area>*{animation:fadeIn .25s ease-out both}.sidebar-logo{padding:20px 20px 16px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.sidebar-logo:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(232,168,56,.3),transparent)}.sidebar-brand-row{display:flex;align-items:baseline;gap:0;animation:logoEntrance .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes logoEntrance{0%{opacity:0;transform:translate(-12px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.sidebar-brand-row .brand-deal{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:24px;font-weight:400;background:linear-gradient(90deg,#e8a838,#f0c060,#e8a838 80%,#d4942e);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoShimmer 4s ease-in-out infinite}.sidebar-brand-row .brand-maker{font-size:24px;font-weight:900;margin-left:-1px;letter-spacing:-.3px;background:linear-gradient(90deg,#fff 20%,#a1a1aa,#fff 80%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:makerShimmer 5s ease-in-out 2s infinite}@keyframes makerShimmer{0%,to{background-position:100% 50%}50%{background-position:0% 50%}}.brand-subtitle{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:500;animation:subtitleEntrance .5s ease-out .3s both}@keyframes subtitleEntrance{0%{opacity:0;letter-spacing:8px}to{opacity:1;letter-spacing:2px}}@keyframes logoShimmer{0%,to{background-position:100% 50%}50%{background-position:0% 50%}}.sidebar-logo img,.sidebar-logo svg{width:36px;height:36px;border-radius:10px}.nav-items{padding:12px 8px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:44px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-smooth);margin-bottom:2px;font-size:var(--font-base);position:relative}.nav-item:hover{background:#e8a8380f;color:var(--text-primary);transform:translate(2px)}.nav-item:active{transform:scale(.98)}.nav-item.active{background:#e8a8381a;color:var(--accent-gold);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent-gold);border-radius:0 3px 3px 0;animation:navIndicatorIn .2s ease-out}.nav-item i{width:20px;text-align:center;font-size:15px;transition:transform .2s ease}.nav-item:hover i{transform:scale(1.1)}.nav-item.active i{filter:drop-shadow(0 0 6px rgba(232,168,56,.4))}.sidebar-upsell-promo{margin:0 10px 8px;padding:12px;background:linear-gradient(135deg,#e8a83814,#e8a83808);border:1px solid rgba(232,168,56,.2);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.sidebar-upsell-promo:hover{border-color:#e8a83866;background:linear-gradient(135deg,#e8a8381f,#e8a8380d);transform:translateY(-1px)}.sidebar-upsell-glow{position:absolute;top:-20px;right:-20px;width:60px;height:60px;background:radial-gradient(circle,rgba(232,168,56,.15),transparent 70%);pointer-events:none}.sidebar-upsell-content{display:flex;align-items:flex-start;gap:10px}.sidebar-upsell-icon{width:28px;height:28px;border-radius:8px;background:#e8a83826;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#e8a838;font-size:12px}.sidebar-upsell-text{min-width:0}.sidebar-upsell-title{font-size:12px;font-weight:700;color:var(--text-primary);line-height:1.3}.sidebar-upsell-sub{font-size:10px;color:#e8a838;margin-top:1px;opacity:.8}.sidebar-upsell-cta{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;font-weight:600;color:#e8a838}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--border);position:relative;background:linear-gradient(180deg,rgba(232,168,56,.02) 0%,transparent 40%)}.sidebar-footer:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(232,168,56,.25),transparent)}.nav-disabled-section{margin-top:4px;padding-top:4px;border-top:1px dashed var(--border)}.nav-item.disabled{opacity:.25;cursor:default;pointer-events:none}.nav-item.disabled:hover{background:transparent;color:var(--text-muted)}.sidebar-settings-panel{position:absolute;bottom:100%;left:8px;right:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 -12px 40px #00000080;margin-bottom:8px;z-index:200;overflow:hidden;animation:fadeInUp .2s ease-out both}.sidebar-settings-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border)}.sidebar-settings-header span{font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.sidebar-settings-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:12px}.sidebar-settings-close:hover{color:var(--text-primary)}.sidebar-settings-list{padding:6px 0;max-height:400px;overflow-y:auto}.sidebar-settings-item{display:flex;align-items:center;gap:8px;padding:6px 10px;transition:background .15s}.sidebar-settings-item:hover{background:var(--bg-hover)}.sidebar-settings-item.drag-over{border-top:2px solid var(--accent-gold)}.sidebar-settings-drag{cursor:grab;color:var(--text-muted);font-size:10px;width:14px;text-align:center}.sidebar-settings-label{flex:1;font-size:12px;color:var(--text-primary);font-weight:500}.sidebar-settings-arrows{display:flex;flex-direction:column;gap:2px}.sidebar-settings-arrows button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px 8px;font-size:10px;line-height:1;border-radius:4px;min-width:28px;min-height:22px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sidebar-settings-arrows button:hover:not(:disabled){color:var(--accent-gold);background:#e8a83814}.sidebar-settings-arrows button:disabled{opacity:.2;cursor:default}.sidebar-settings-toggle{width:30px;height:16px;border-radius:8px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.sidebar-settings-toggle.on{background:var(--accent-gold)}.sidebar-settings-toggle.off{background:var(--bg-hover);border:1px solid var(--border)}.sidebar-settings-toggle.locked{opacity:.3;cursor:not-allowed}.sidebar-settings-toggle-knob{width:12px;height:12px;border-radius:50%;background:#fff;position:absolute;top:2px;transition:left .2s;box-shadow:0 1px 2px #0000004d}.sidebar-settings-toggle.on .sidebar-settings-toggle-knob{left:16px}.sidebar-settings-toggle.off .sidebar-settings-toggle-knob{left:2px;top:1px}.sidebar-settings-btn{opacity:.6}.sidebar-settings-btn:hover,.sidebar-settings-btn.active{opacity:1}.header-left{display:flex;align-items:center;gap:16px;min-width:0;flex-shrink:1;overflow:hidden}.header-clock{font-size:14px;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-brand-mobile{display:none}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:var(--font-xs);font-weight:600;transition:all var(--transition-smooth)}.status-chip.connected{background:#10b9811f;color:var(--accent-green)}.status-chip.disconnected{background:#ef44441f;color:var(--accent-red)}.status-dot{width:6px;height:6px;border-radius:50%}.status-chip.connected .status-dot{background:var(--accent-green);animation:pulseGlow 2s ease-in-out infinite;box-shadow:0 0 6px #10b98180}.status-chip.disconnected .status-dot{background:var(--accent-red)}.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;cursor:pointer}.finance-blur-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#06b6d41f;color:#06b6d4;border:1px solid rgba(6,182,212,.2);cursor:pointer;transition:all .25s ease;white-space:nowrap}.finance-blur-toggle:hover{background:#06b6d433;border-color:#06b6d459}.finance-blur-toggle.blurred{background:#ef44441f;color:#ef4444;border-color:#ef444440}.finance-blur-toggle.blurred:hover{background:#ef444433;border-color:#ef444466}.finance-blur-toggle i{font-size:12px}.finance-blur-label{font-size:11px}.finance-content-blurred{position:relative;filter:blur(8px);-webkit-user-select:none;user-select:none;pointer-events:none;transition:filter .3s ease}.connection-chips{display:flex;gap:8px;align-items:center}.conn-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 10px;border-radius:20px;font-size:var(--font-xs);font-weight:600;transition:all var(--transition-smooth)}.conn-chip.connected{background:#10b9811f;color:var(--accent-green)}.conn-chip.disconnected{background:#ef44441f;color:var(--accent-red)}.conn-chip.loading{background:#f59e0b1f;color:var(--accent-yellow)}.conn-chip-icon{display:flex;align-items:center}.conn-chip-refresh{background:none;border:none;color:inherit;cursor:pointer;padding:2px 4px;font-size:10px;opacity:.6;transition:opacity .2s;display:flex;align-items:center;border-radius:50%}.conn-chip-refresh:hover{opacity:1;background:#ffffff1a}.conn-chip-refresh:disabled{cursor:not-allowed;opacity:.4}.header-time{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;font-variant-numeric:tabular-nums;flex-shrink:0}.header-time-clock{font-size:14px;font-weight:600;color:var(--text-primary)}.header-time-date{font-size:11px;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.kpi-card{background:transparent;border:none;border-radius:0;padding:var(--space-6) var(--space-5);position:relative;overflow:visible;transition:transform var(--transition-smooth),opacity .3s ease;animation:fadeInUp .4s ease-out both}.kpi-card:nth-child(1){animation-delay:0ms}.kpi-card:nth-child(2){animation-delay:50ms}.kpi-card:nth-child(3){animation-delay:.1s}.kpi-card:nth-child(4){animation-delay:.15s}.kpi-card:nth-child(5){animation-delay:.2s}.kpi-card:nth-child(6){animation-delay:.25s}.kpi-card:nth-child(7){animation-delay:.3s}.kpi-card:nth-child(8){animation-delay:.35s}.kpi-card:hover{transform:translateY(-2px)}.kpi-card .kpi-glow,.kpi-card .glow{position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;opacity:.25;filter:blur(50px);pointer-events:none;z-index:0}.kpi-card .kpi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.kpi-card .kpi-label{font-size:13px;color:var(--text-secondary)}.kpi-card .kpi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;position:relative;overflow:visible}.kpi-card .kpi-icon:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:22px;background:currentColor;opacity:.5;filter:blur(18px);pointer-events:none;z-index:0}.kpi-card .kpi-icon i{position:relative;z-index:1}.kpi-card .kpi-value{font-size:var(--font-4xl);font-weight:800;margin-bottom:4px;animation:countUp .5s ease-out both;font-variant-numeric:tabular-nums}.kpi-card .kpi-change{font-size:12px;color:var(--accent-green)}.kpi-card .kpi-change.down{color:var(--accent-red)}.kpi-shimmer .kpi-value,.kpi-shimmer .kpi-change{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-card-hover) 50%,var(--bg-card) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;color:transparent!important}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-4);transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth);animation:fadeInUp .4s ease-out both}.chart-card:hover{border-color:#e8a83826;box-shadow:0 4px 24px #0003}.chart-card h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.chart-card h3 i{color:var(--accent-blue);font-size:14px}.chart-container{position:relative;height:280px;width:100%}.events-grid{display:flex;flex-direction:column;gap:8px}.cal-event{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-input);border-radius:var(--radius-sm);border-left:3px solid var(--accent-blue)}.cal-event-time{font-size:14px;font-weight:700;color:var(--accent-blue);min-width:50px;font-variant-numeric:tabular-nums}.cal-event-title{font-size:14px;font-weight:600}.cal-event-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.dash-tx-list{display:flex;flex-direction:column;gap:0;padding:4px 16px 16px}.dash-tx-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light);gap:8px}.dash-tx-row:last-child{border-bottom:none}.dash-tx-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;overflow:hidden}.dash-tx-label{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dash-tx-date{font-size:11px;color:var(--text-muted)}.dash-tx-amount{font-size:13px;font-weight:700;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums;text-align:right}.dash-tx-amount.income{color:var(--accent-green)}.dash-tx-amount.expense{color:var(--accent-red)}.timeline{display:flex;flex-direction:column;gap:4px}.timeline-event{display:flex;gap:16px;padding:14px 16px;background:var(--bg-input);border-radius:var(--radius-sm);border-left:3px solid var(--accent-blue);transition:var(--transition)}.timeline-event:hover{background:var(--bg-card-hover)}.timeline-time{font-size:14px;font-weight:700;color:var(--accent-blue);min-width:50px}.timeline-title{font-size:14px;font-weight:600}.timeline-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.mini-calendar{padding:8px}.mini-cal-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:8px}.mini-cal-day-label{font-size:11px;color:var(--text-muted);font-weight:600;padding:4px}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mini-cal-day{text-align:center;padding:8px 4px;font-size:13px;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.mini-cal-day:hover:not(.empty){background:#e8a8381a}.mini-cal-day.today{background:var(--accent-blue);color:#fff;font-weight:700}.mini-cal-day.empty{cursor:default}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;text-align:left;border-bottom:1px solid var(--border)}.data-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--border-light)}.data-table tr:hover td{background:#e8a8380a}.deal-name{font-weight:600}.deal-value{font-weight:700;color:var(--accent-green)}.text-muted{color:var(--text-muted)}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid}.confidence-bar{display:flex;align-items:center;gap:8px}.confidence-bar>div:first-child{flex:1;height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.confidence-fill{height:100%;border-radius:3px;transition:width .5s ease}.confidence-bar span{font-size:12px;color:var(--text-secondary);min-width:35px}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.campaign-card{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:16px;transition:var(--transition)}.campaign-card:hover{border-color:var(--accent-blue)}.campaign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.campaign-name{font-size:14px;font-weight:600}.campaign-status{font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px}.campaign-status.active{background:#10b9811f;color:var(--accent-green)}.campaign-status.paused{background:#6b72801f;color:#9ca3af}.campaign-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.campaign-stat{text-align:center}.stat-label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:2px}.stat-value{display:block;font-size:15px;font-weight:700}.campaign-budget{margin-top:10px;font-size:12px;color:var(--text-muted);padding-top:10px;border-top:1px solid var(--border-light)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.section-header h2 i{color:var(--accent-blue)}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;min-height:500px}.kanban-column{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border);font-size:14px;font-weight:600}.kanban-column-header i{margin-right:6px;color:var(--accent-blue)}.kanban-count{background:var(--bg-card);padding:2px 8px;border-radius:10px;font-size:12px;color:var(--text-muted)}.kanban-cards{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.kanban-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px;cursor:grab;transition:all var(--transition-smooth)}.kanban-card:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.kanban-card:active{cursor:grabbing;transform:scale(.98) rotate(1deg);box-shadow:0 12px 32px #0006}.kanban-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.kanban-group{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.kanban-card-title{font-size:14px;font-weight:600;margin-bottom:4px}.kanban-card-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.kanban-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.kanban-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.kanban-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px;border-radius:4px;transition:var(--transition)}.kanban-delete:hover{color:var(--accent-red);background:#ef44441a}.chat-layout{display:flex;height:calc(100vh - 108px);height:calc(100dvh - 108px);margin:-24px}.chat-sidebar{width:220px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.chat-sidebar-header h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:0}.chat-channels{padding:4px 8px}.chat-channel{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-xs);cursor:pointer;color:var(--text-secondary);font-size:14px;transition:var(--transition);position:relative}.chat-channel:hover{background:#e8a83814;color:var(--text-primary)}.chat-channel.active{background:#e8a8381f;color:var(--accent-gold);font-weight:600}.chat-channel i{font-size:13px;width:18px;text-align:center}.chat-user-dot-wrapper{position:relative;flex-shrink:0;width:8px;height:8px}.chat-user-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chat-online-indicator{position:absolute;bottom:-3px;right:-3px;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--bg-secondary, #12121a)}.chat-online-indicator.online{background:#10b981}.chat-online-indicator.offline{background:#6b6b80}.chat-main{flex:1;display:flex;flex-direction:column}.chat-main-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.chat-main-header h3{font-size:15px;display:flex;align-items:center;gap:8px}.chat-main-header h3 i{color:var(--text-muted)}.chat-member-count{font-size:12px;color:var(--text-muted)}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:4px}.chat-date-divider{text-align:center;margin:16px 0;position:relative}.chat-date-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.chat-date-divider span{position:relative;background:var(--bg-primary);padding:0 12px;font-size:12px;color:var(--text-muted)}.chat-message{display:flex;gap:10px;padding:6px 0}.chat-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.chat-bubble{max-width:70%}.chat-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.chat-sender{font-size:13px;font-weight:600}.chat-time{font-size:11px;color:var(--text-muted)}.chat-text{font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-card);padding:8px 12px;border-radius:0 var(--radius-sm) var(--radius-sm) var(--radius-sm)}.chat-message.own{flex-direction:row-reverse}.chat-message.own .chat-text{background:#e8a83826;border-radius:var(--radius-sm) 0 var(--radius-sm) var(--radius-sm)}.chat-empty{text-align:center;padding:60px 20px;color:var(--text-muted);animation:fadeIn .4s ease-out both}.chat-empty i{font-size:48px;margin-bottom:16px;opacity:.15;animation:emptyFloat 3s ease-in-out infinite}.chat-empty p{font-size:14px}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.chat-input-bar{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--border);background:var(--bg-secondary)}.chat-input-bar input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 16px;font-size:14px;color:var(--text-primary);outline:none;transition:var(--transition)}.chat-input-bar input:focus{border-color:var(--accent-blue)}.chat-input-bar input::placeholder{color:var(--text-muted)}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none;color:#fff;padding:10px 20px;min-height:44px;border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-smooth);display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #e8a8384d}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:10px 20px;min-height:44px;border-radius:var(--radius-sm);font-size:var(--font-base);cursor:pointer;transition:all var(--transition-smooth)}.btn-secondary:hover{border-color:var(--accent-blue);background:var(--bg-card-hover)}.btn-secondary:active{transform:scale(.98)}.btn-send{background:var(--accent-blue);border:none;color:#fff;width:44px;height:44px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-base);transition:all var(--transition-smooth)}.btn-send:hover{transform:scale(1.05);box-shadow:0 2px 12px #e8a8384d}.btn-send:active{transform:scale(.95)}.btn-send:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);width:480px;max-width:90vw;max-height:90vh;overflow-y:auto;animation:fadeInScale .25s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff0d}.modal h3{font-size:18px;font-weight:700;margin-bottom:20px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:600}.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);padding:10px 12px;font-size:14px;color:var(--text-primary);outline:none;transition:var(--transition);font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-blue)}.form-group select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;background:transparent;position:relative;overflow:hidden}.login-bg-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.04;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:0}.login-bg-logo .brand-deal{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:180px;font-weight:400;color:#e8a838}.login-bg-logo .brand-maker{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:180px;font-weight:900;color:#fff;margin-left:-20px}.login-bg-logo .brand-society-bg{display:block;text-align:center;font-size:40px;font-weight:600;color:#fff;letter-spacing:4px;margin-top:-20px}.login-card{background:#000000d9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(201,168,76,.12);border-radius:var(--radius);padding:40px;width:380px;text-align:center;position:relative;z-index:1;box-shadow:0 8px 40px #0009,0 0 60px #c9a84c0f,inset 0 1px #c9a84c14;animation:fadeInScale .5s cubic-bezier(.34,1.56,.64,1) both}.login-card.shrinking{animation:loginCollapse .7s cubic-bezier(.4,0,.2,1) forwards!important}@keyframes loginCollapse{0%{transform:scale(1);opacity:1;filter:brightness(1)}30%{transform:scale(.95);opacity:.9;filter:brightness(1.1)}70%{transform:scale(.4) translateY(-5px);opacity:.3;filter:brightness(1.5);border-radius:24px}to{transform:scale(.05);opacity:0;filter:brightness(3);border-radius:50%}}.dashboard-enter{animation:dashboardMorphIn .8s ease-out both}@keyframes dashboardMorphIn{0%{opacity:0;transform:scale(.97);filter:brightness(0)}40%{opacity:.5;filter:brightness(.5)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.stars-fading canvas{animation:starsFadeOut .5s ease-out forwards}@keyframes starsFadeOut{to{opacity:0}}.login-brand{display:inline-flex;align-items:baseline;margin-bottom:2px}.brand-deal{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:36px;font-weight:400;color:#e8a838}.brand-maker{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:36px;font-weight:900;color:#fff;margin-left:-4px}.brand-society{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:3px;margin-bottom:20px;text-transform:uppercase}.login-card h2{font-size:16px;font-weight:600;margin-bottom:24px;color:var(--text-secondary)}.login-card p{color:var(--text-muted);font-size:14px;margin-bottom:24px}.login-card .form-group{text-align:left}.login-card .form-group input{background:#0a0a0f;border-color:#2a345499}.login-card .form-group input:focus{border-color:#e8a838}.login-card .btn-primary{width:100%;justify-content:center;margin-top:8px}.login-error{color:var(--accent-red);font-size:13px;margin-bottom:12px;padding:8px;background:#ef44441a;border-radius:var(--radius-xs)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100vh;width:100%;background:transparent;position:relative;z-index:1;animation:fadeIn .5s ease-out}.loading-brand{display:flex;align-items:baseline;animation:fadeInUp .6s ease-out both}.loading-spinner{width:32px;height:32px;border:3px solid rgba(232,168,56,.2);border-top-color:#e8a838;border-radius:50%;animation:spin .8s linear infinite;margin-top:8px}.loading-text{font-size:var(--font-base);color:var(--text-secondary);animation:fadeIn .4s ease-out .2s both}@keyframes spin{to{transform:rotate(360deg)}}.clients-v2{max-width:1400px}.clients-v2-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px;flex-wrap:wrap}.clients-v2-title h2{font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:8px}.clients-v2-title h2 i{color:#e8a838}.clients-v2-stats-inline{display:flex;gap:8px;flex-wrap:wrap}.stat-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.stat-pill.active{background:#10b9811f;color:var(--accent-green)}.stat-pill.former{background:#ef44441f;color:var(--accent-red)}.stat-pill.value{background:#e8a8381f;color:#e8a838}.stat-pill i{font-size:10px}.clients-v2-controls{display:flex;gap:10px;align-items:center}.clients-search-box{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);min-width:240px;transition:var(--transition)}.clients-search-box:focus-within{border-color:#e8a838}.clients-search-box i{color:var(--text-muted);font-size:13px}.clients-search-box input{background:none;border:none;color:var(--text-primary);font-size:13px;outline:none;width:100%}.clients-search-box input::placeholder{color:var(--text-muted)}.clients-v2-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:4px;width:fit-content}.clients-tab{padding:8px 20px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition)}.clients-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.clients-tab.active{background:linear-gradient(135deg,#e8a838,#d4942e);color:#000;box-shadow:0 2px 8px #e8a8384d}.tab-count{font-size:11px;padding:1px 8px;border-radius:10px;background:#ffffff26}.clients-tab.active .tab-count{background:#00000026}.clients-v2-layout{display:grid;grid-template-columns:minmax(340px,420px) 1fr;gap:20px;min-height:calc(100vh - 300px)}.clients-v2-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 260px);overflow-y:auto;padding-right:4px}.client-v2-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all var(--transition-smooth);flex-shrink:0}.client-v2-card:hover{border-color:#e8a8384d;transform:translate(3px);box-shadow:-3px 0 12px #e8a83814}.client-v2-card:active{transform:scale(.99)}.client-v2-card.selected{border-color:#e8a838;background:#e8a8380f;box-shadow:-3px 0 16px #e8a8381f}.client-v2-card.former{opacity:.75}.client-v2-card.former.selected{opacity:1}.client-v2-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.client-v2-info{flex:1;min-width:0}.client-v2-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-v2-contact{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-v2-title{color:var(--text-muted)}.client-v2-meta{display:flex;gap:10px;margin-top:4px;font-size:11px;color:var(--text-muted)}.client-v2-meta i{font-size:10px;margin-right:2px}.client-v2-value{color:var(--accent-green);font-weight:600}.client-v2-lost-date{color:var(--accent-red)}.client-v2-opps{color:var(--text-secondary)}.client-v2-sat{font-size:20px;flex-shrink:0}.clients-v2-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 260px);overflow-y:auto}.clients-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);text-align:center;animation:fadeIn .4s ease-out both}.clients-empty-state.detail{height:100%;min-height:300px}.clients-empty-state i{font-size:40px;opacity:.15;margin-bottom:14px;animation:emptyFloat 3s ease-in-out infinite}.detail-v2{padding:0}.detail-v2-hero{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap}.detail-v2-hero-left{display:flex;gap:16px;align-items:center}.detail-v2-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.detail-v2-name{font-size:20px;font-weight:700;margin-bottom:2px}.detail-v2-contact-name{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.detail-v2-status-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.detail-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.detail-status-badge.active{background:#10b98126;color:var(--accent-green)}.detail-status-badge.former{background:#ef444426;color:var(--accent-red)}.detail-close-status{font-size:11px;color:var(--text-muted);background:var(--bg-input);padding:3px 10px;border-radius:20px}.detail-v2-hero-right{display:flex;gap:8px;flex-wrap:wrap}.btn-sat{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px}.btn-sat:hover{border-color:#e8a838;color:var(--text-primary)}.btn-close-link{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-size:12px;text-decoration:none;display:flex;align-items:center;gap:6px;transition:var(--transition)}.btn-close-link:hover{border-color:#e8a838;color:#e8a838}.detail-v2-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}.quick-stat{padding:14px;text-align:center;border-right:1px solid var(--border)}.quick-stat:last-child{border-right:none}.quick-stat-value{display:block;font-size:20px;font-weight:700;color:#e8a838}.quick-stat-label{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.detail-v2-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);overflow-x:auto;padding:0 16px}.detail-tab{padding:10px 14px;border:none;background:none;color:var(--text-muted);font-size:12px;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition);display:flex;align-items:center;gap:6px;white-space:nowrap}.detail-tab:hover{color:var(--text-primary)}.detail-tab.active{color:#e8a838;border-bottom-color:#e8a838}.detail-tab i{font-size:11px}.detail-v2-content{padding:20px}.detail-overview{display:flex;flex-direction:column;gap:16px}.detail-section-card{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:16px}.detail-section-card h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:6px}.detail-section-card h4 i{color:#e8a838;font-size:12px}.detail-empty{font-size:13px;color:var(--text-muted);font-style:italic}.detail-description{font-size:13px;color:var(--text-secondary);line-height:1.6}.contact-row{padding:8px 0;border-bottom:1px solid var(--border-light)}.contact-row:last-child{border-bottom:none}.contact-name-row{margin-bottom:6px}.contact-name-row strong{font-size:14px}.contact-title{font-size:12px;color:var(--text-muted);margin-left:6px}.contact-detail{display:flex;align-items:center;gap:8px;font-size:13px;margin:3px 0}.contact-detail i{color:var(--text-muted);font-size:11px;width:14px;text-align:center}.contact-detail a{color:var(--text-primary);text-decoration:none}.contact-detail a:hover{color:#e8a838}.opp-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-light);font-size:13px}.opp-row:last-child{border-bottom:none}.opp-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.opp-info{flex:1;min-width:0}.opp-status-label{font-weight:600;font-size:13px}.opp-note{display:block;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp-value{font-weight:700;color:var(--accent-green);white-space:nowrap}.opp-row.lost .opp-value{color:var(--accent-red)}.opp-date{font-size:11px;color:var(--text-muted);white-space:nowrap}.client-todos-v2{display:flex;flex-direction:column;gap:4px}.todo-v2-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;border-bottom:1px solid var(--border-light)}.todo-v2-item:last-child{border-bottom:none}.todo-v2-item input[type=checkbox]{width:15px;height:15px;accent-color:#E8A838;cursor:pointer;flex-shrink:0}.todo-v2-item span{flex:1}.todo-v2-item.done span{text-decoration:line-through;color:var(--text-muted)}.todo-due{font-size:11px;color:var(--text-muted);white-space:nowrap}.btn-icon-tiny{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;padding:2px 4px;transition:var(--transition)}.btn-icon-tiny:hover,.btn-icon-tiny.danger:hover{color:var(--accent-red)}.done-todos{margin-top:4px}.done-todos summary{font-size:12px;color:var(--text-muted);cursor:pointer;padding:4px 0}.add-todo-v2{display:flex;gap:6px;margin-top:8px}.add-todo-v2 input{flex:1;padding:7px 10px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:12px;outline:none}.add-todo-v2 input:focus{border-color:#e8a838}.add-todo-v2 input[type=date]{flex:0 0 120px}.btn-sm{padding:6px 12px!important;font-size:12px!important}.detail-activities{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-light)}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:8px;background:#e8a8381a;display:flex;align-items:center;justify-content:center;color:#e8a838;font-size:13px;flex-shrink:0;margin-top:2px}.activity-content{flex:1;min-width:0}.activity-header{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.activity-type{font-size:12px;font-weight:600;color:var(--text-primary)}.activity-date{font-size:11px;color:var(--text-muted);white-space:nowrap}.activity-subject{font-size:13px;font-weight:500;margin-bottom:4px}.activity-note{font-size:12px;color:var(--text-secondary);line-height:1.5}.activity-meta{display:flex;gap:12px;margin-top:6px;font-size:11px;color:var(--text-muted)}.activity-meta i{font-size:10px;margin-right:3px}.detail-emails{display:flex;flex-direction:column;gap:0}.email-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-light)}.email-item:last-child{border-bottom:none}.email-direction-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;margin-top:2px}.email-item.incoming .email-direction-icon{background:#3b82f61f;color:#3b82f6}.email-item.outgoing .email-direction-icon{background:#10b9811f;color:var(--accent-green)}.email-content{flex:1;min-width:0}.email-subject{font-size:13px;font-weight:600;margin-bottom:4px}.email-preview{font-size:12px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.email-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--text-muted)}.detail-notes-list{display:flex;flex-direction:column;gap:0}.note-item{padding:14px 0;border-bottom:1px solid var(--border-light)}.note-item:last-child{border-bottom:none}.note-header{display:flex;justify-content:space-between;margin-bottom:6px}.note-user{font-size:12px;font-weight:600;color:var(--text-primary)}.note-user i{margin-right:4px;color:#e8a838}.note-date{font-size:11px;color:var(--text-muted)}.note-body{font-size:13px;color:var(--text-secondary);line-height:1.6}.note-body p{margin-bottom:4px}.detail-opportunities{display:flex;flex-direction:column;gap:10px}.opp-card{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:16px}.opp-card.won{border-left:3px solid var(--accent-green)}.opp-card.lost{border-left:3px solid var(--accent-red)}.opp-card.active{border-left:3px solid #E8A838}.opp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.opp-status-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.opp-status-badge.won{background:#10b98126;color:var(--accent-green)}.opp-status-badge.lost{background:#ef444426;color:var(--accent-red)}.opp-status-badge.active{background:#e8a83826;color:#e8a838}.opp-card-value{font-size:18px;font-weight:700;color:var(--text-primary)}.opp-card-note{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.opp-card-meta{display:flex;gap:14px;font-size:11px;color:var(--text-muted);flex-wrap:wrap}.opp-card-meta i{margin-right:3px;font-size:10px}.opp-lost-reason{margin-top:8px;padding:8px 10px;background:#ef44440f;border-radius:6px;font-size:12px;color:var(--accent-red)}.opp-lost-reason i{margin-right:4px}.detail-documents{display:flex;flex-direction:column;gap:8px}.doc-upload-area{display:flex;align-items:center;gap:12px;margin-bottom:12px}.doc-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);border:1px dashed rgba(232,168,56,.4);background:#e8a8380a;color:#e8a838;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.doc-upload-btn:hover{background:#e8a83814;border-color:#e8a838}.doc-hint{font-size:11px;color:var(--text-muted)}.doc-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.doc-icon{width:36px;height:36px;border-radius:8px;background:#e8a8381a;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.doc-icon .fa-file-pdf{color:#ef4444}.doc-icon .fa-file-image,.doc-icon .fa-file-word{color:#3b82f6}.doc-icon .fa-file-excel{color:var(--accent-green)}.doc-icon .fa-file{color:var(--text-muted)}.doc-info{flex:1;min-width:0}.doc-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.doc-actions{display:flex;gap:4px}.detail-empty-full{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-muted);text-align:center;animation:fadeIn .3s ease-out both}.detail-empty-full i{font-size:32px;opacity:.15;margin-bottom:12px;animation:emptyFloat 3s ease-in-out infinite}.qonto-payments-list{display:flex;flex-direction:column;gap:0}.qonto-payment-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-light)}.qonto-payment-row:last-child{border-bottom:none}.qonto-payment-info{display:flex;flex-direction:column;gap:2px}.qonto-payment-label{font-size:13px;color:var(--text-primary)}.qonto-payment-date{font-size:11px;color:var(--text-muted)}.qonto-payment-amount{font-size:14px;font-weight:600;color:#10b981;white-space:nowrap}.qonto-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.qonto-header h4{margin-bottom:0!important}.qonto-iban-badge{font-size:11px;color:var(--accent-green);background:#10b9811a;padding:3px 8px;border-radius:12px;display:flex;align-items:center;gap:4px}.qonto-ibans-list{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;padding:8px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.qonto-iban-row{display:flex;align-items:center;gap:8px;font-size:12px}.qonto-iban-value{color:var(--text-secondary);font-family:monospace;font-size:11px;flex:1}.qonto-iban-row .btn-icon-tiny{opacity:.4}.qonto-iban-row:hover .btn-icon-tiny{opacity:1}.qonto-payment-meta{display:flex;align-items:center;gap:8px}.qonto-link-iban-btn{font-size:10px;color:var(--accent-blue);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:3px;opacity:.7;transition:opacity .2s}.qonto-link-iban-btn:hover{opacity:1;text-decoration:underline}.qonto-iban-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;background:#e8a8380f;border:1px solid rgba(232,168,56,.15);border-radius:var(--radius-sm)}.qonto-iban-suggest-label{font-size:11px;color:#e8a838;display:flex;align-items:center;gap:4px}.qonto-iban-suggest-btn{font-size:11px;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:3px 8px;cursor:pointer;display:flex;align-items:center;gap:4px;font-family:monospace;transition:all .2s}.qonto-iban-suggest-btn:hover{border-color:var(--accent-green);color:var(--accent-green)}.qonto-iban-add{margin-top:8px}.qonto-add-iban-btn{font-size:12px;color:var(--text-muted);background:none;border:1px dashed var(--border-color);border-radius:6px;padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:4px;width:100%;justify-content:center;transition:all .2s}.qonto-add-iban-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.qonto-iban-input-row{display:flex;align-items:center;gap:6px}.qonto-iban-input{flex:1;font-size:12px;font-family:monospace;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);outline:none}.qonto-iban-input:focus{border-color:var(--accent-blue)}.qonto-iban-save-btn,.qonto-iban-cancel-btn{width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.qonto-iban-save-btn{background:var(--accent-green);color:#fff}.qonto-iban-save-btn:hover{opacity:.8}.qonto-iban-cancel-btn{background:var(--bg-tertiary);color:var(--text-muted)}.qonto-iban-cancel-btn:hover{color:var(--accent-red)}.sat-modal{max-width:440px}.sat-picker{display:flex;flex-direction:column;gap:8px}.sat-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);cursor:pointer;transition:var(--transition);color:var(--text-primary);font-size:14px}.sat-option:hover{border-color:currentColor;transform:translate(4px)}.sat-emoji-big{font-size:24px}.sat-label-text{font-weight:500}.claude-sparkle{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.claude-sparkle:before{content:"✦"}.ai-fab{position:fixed;right:0;width:36px;height:64px;border-radius:18px 0 0 18px;background:#d977061a;border:1px solid rgba(217,119,6,.35);border-right:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;padding-right:2px;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden;box-shadow:-3px 0 16px #d9770640;transition:width .2s ease,box-shadow .2s ease}.ai-fab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.18;background:linear-gradient(90deg,transparent 0%,transparent 40%,#D97706 50%,transparent 60%,transparent 100%),linear-gradient(0deg,transparent 0%,transparent 42%,#f59e0b 50%,transparent 58%,transparent 100%),linear-gradient(90deg,transparent 0%,transparent 68%,#D97706 72%,transparent 76%,transparent 100%),linear-gradient(0deg,transparent 0%,transparent 20%,#f59e0b 25%,transparent 30%,transparent 100%);background-size:200% 200%,200% 200%,200% 200%,200% 200%;background-position:-100% 30%,70% -100%,-140% 60%,240% 80%;animation:cpw-ai-circuit 9s linear infinite}.ai-fab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 12px #d9770626;animation:cpw-ai-border-pulse 3s ease-in-out infinite}@keyframes cpw-ai-border-pulse{0%,to{box-shadow:inset 0 0 8px #d977061a}50%{box-shadow:inset 0 0 18px #d977064d}}.ai-fab:hover{width:44px;background:#d977062e;border-color:#d9770699;box-shadow:-4px 0 24px #d9770666}.ai-fab:hover:before{opacity:.4}.ai-fab:active{transform:scaleX(.92)}.ai-fab-icon{color:#e8a838;font-size:1.1rem;transition:transform .2s ease;position:relative;z-index:1}.ai-fab:hover .ai-fab-icon{transform:scale(1.15);color:#f0c060}.ai-fab-pulse{display:none}@keyframes aiFabPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}.ai-assistant{position:fixed;bottom:24px;right:24px;width:400px;max-height:600px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 8px 40px #00000080;z-index:10000;overflow:hidden;animation:fadeInScale .3s cubic-bezier(.34,1.56,.64,1) both;transform-origin:bottom right}.ai-assistant.minimized{max-height:auto}.ai-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#d9770614;border-bottom:1px solid rgba(217,119,6,.15);cursor:default;position:relative;overflow:hidden}.ai-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,transparent 40%,#D97706 50%,transparent 60%,transparent 100%),linear-gradient(0deg,transparent 0%,transparent 42%,#f59e0b 50%,transparent 58%,transparent 100%),linear-gradient(90deg,transparent 0%,transparent 68%,#D97706 72%,transparent 76%,transparent 100%),linear-gradient(0deg,transparent 0%,transparent 20%,#f59e0b 25%,transparent 30%,transparent 100%);background-size:200% 200%,200% 200%,200% 200%,200% 200%;background-position:-100% 30%,70% -100%,-140% 60%,240% 80%;animation:cpw-ai-circuit 10s linear infinite}.ai-header-left{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.ai-header-actions{position:relative;z-index:1}.ai-avatar-sm{width:34px;height:34px;border-radius:50%;background:#d9770626;border:1.5px solid rgba(217,119,6,.4);display:flex;align-items:center;justify-content:center;color:#d97706;font-size:.9rem;position:relative;overflow:hidden;animation:cpw-ai-border-pulse 3s ease-in-out infinite}.ai-title{font-weight:600;font-size:.9rem;display:block}.ai-subtitle{font-size:.7rem;color:var(--text-secondary)}.ai-header-actions{display:flex;gap:4px}.ai-header-btn{width:28px;height:28px;border-radius:6px;border:none;background:#ffffff0d;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:var(--transition)}.ai-header-btn:hover{background:#ffffff1a;color:var(--text-primary)}.ai-messages{flex:1;overflow-y:auto;padding:12px 16px;min-height:200px;max-height:360px;display:flex;flex-direction:column;gap:12px}.ai-msg{display:flex;gap:8px;max-width:90%}.ai-msg.user{align-self:flex-end;flex-direction:row-reverse}.ai-msg.assistant{align-self:flex-start}.ai-msg-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#e8a838,#d4942e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.6rem;margin-top:2px}.ai-msg-bubble{padding:10px 14px;border-radius:12px;font-size:.85rem;line-height:1.5}.ai-msg.assistant .ai-msg-bubble{background:var(--bg-card);border:1px solid var(--border)}.ai-msg.user .ai-msg-bubble{background:linear-gradient(135deg,#e8a838,#d4942e);color:#fff}.ai-msg-content strong{color:var(--accent-cyan)}.ai-msg.user .ai-msg-content strong{color:#fff}.ai-bullet,.ai-numbered{padding:2px 0 2px 12px;border-left:2px solid var(--accent-purple);margin:2px 0}.ai-spacer{height:6px}.ai-msg-time{display:block;font-size:.65rem;color:var(--text-muted);margin-top:4px;text-align:right}.ai-msg.user .ai-msg-time{color:#ffffff80}.ai-typing{display:flex;gap:4px;padding:4px 0}.ai-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:aiTyping 1.2s ease-in-out infinite}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes aiTyping{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.ai-quick-actions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;border-top:1px solid var(--border-light)}.ai-quick-btn{padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.ai-quick-btn:hover{border-color:var(--accent-gold);color:var(--text-primary);background:#e8a8381a}.ai-quick-btn:disabled{opacity:.5;cursor:not-allowed}.ai-input-area{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-card)}.ai-input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:16px;resize:none;font-family:inherit;outline:none}.ai-input:focus{border-color:var(--accent-gold)}.ai-input::placeholder{color:var(--text-muted)}.ai-send-btn{width:40px;height:40px;border-radius:10px;border:none;background:linear-gradient(135deg,#e8a838,#d4942e);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:var(--transition);flex-shrink:0}.ai-send-btn:hover{transform:scale(1.05)}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.admin-settings{max-width:1400px}.admin-mobile-only{display:none}.admin-desktop-only{display:block}.admin-loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-muted);font-size:14px;gap:8px}.admin-message{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px;animation:slideDown .3s ease}.admin-message.success{background:#10b9811f;color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.admin-message.error{background:#ef44441f;color:var(--accent-red);border:1px solid rgba(239,68,68,.2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px}.admin-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.admin-stat-value{font-size:24px;font-weight:800;color:var(--text-primary)}.admin-stat-label{font-size:12px;color:var(--text-muted);margin-top:2px}.admin-table-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;overflow-y:visible;margin-bottom:24px;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;min-width:1100px}.admin-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-input);border-bottom:1px solid var(--border)}.admin-table td{padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td,.admin-table tr.current-user td{background:#e8a8380a}.admin-table tr{position:relative}.admin-table tr:has(.admin-dropdown-menu){z-index:10}.admin-user-cell{display:flex;align-items:center;gap:12px}.admin-user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.admin-user-avatar.small{width:28px;height:28px;font-size:10px}.admin-user-name{font-weight:600;display:flex;align-items:center;gap:6px}.admin-user-email{font-size:12px;color:var(--text-muted)}.you-badge{font-size:10px;padding:1px 6px;border-radius:10px;background:#e8a83826;color:#e8a838;font-weight:600}.super-badge{font-size:10px;padding:1px 6px;border-radius:10px;background:#ef444426;color:var(--accent-red);font-weight:600;margin-left:2px}.admin-credentials{display:flex;flex-direction:column;gap:4px}.cred-row{display:flex;align-items:center;gap:6px;font-size:12px}.cred-label{color:var(--text-muted);font-weight:600;min-width:32px}.cred-value{color:var(--text-secondary)}.cred-edit-pw{display:flex;align-items:center;gap:4px}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.role-badge i{font-size:10px}.role-admin,.role-user{background:#e8a8381f;color:var(--accent-gold)}.role-viewer{background:#6b72801f;color:#9ca3af}.admin-login-info{display:flex;flex-direction:column;gap:2px}.login-relative{font-size:13px;color:var(--text-primary)}.login-date{font-size:11px;color:var(--text-muted)}.admin-date{font-size:13px;color:var(--text-secondary)}.admin-actions{display:flex;gap:4px}.admin-action-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:var(--transition)}.admin-action-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#e8a83814}.admin-section-header-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0}.admin-section-header-toggle:hover .admin-section-chevron{color:var(--text-primary)}.admin-section-header-left{flex:1;min-width:0}.admin-section-header-left h3{margin-bottom:4px}.admin-section-header-left p{margin-bottom:0}.admin-section-chevron{color:var(--text-muted);font-size:13px;margin-top:6px;transition:color .2s;flex-shrink:0}.admin-access-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px;transition:padding .2s}.admin-access-section.collapsed{padding:20px 24px}.admin-access-section h3{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:4px}.admin-access-section h3 i{color:var(--accent-blue);font-size:14px}.admin-access-desc{font-size:13px;color:var(--text-muted);margin-bottom:20px}.admin-access-section.collapsed .admin-access-desc{margin-bottom:0}.admin-noti-center.collapsed{padding:20px 24px}.api-panel.collapsed{padding:20px 24px!important}.access-grid{border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.access-header,.access-row{display:grid;grid-template-columns:240px repeat(9,minmax(72px,1fr));align-items:center;min-width:max-content}.access-header{background:var(--bg-input);border-bottom:1px solid var(--border);padding:10px 0}.access-row{border-bottom:1px solid var(--border-light);padding:10px 0}.access-row:last-child{border-bottom:none}.access-user-col{padding:0 16px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:0;overflow:hidden}.access-section-col{text-align:center;font-size:11px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 4px}.access-section-col i{font-size:14px;color:var(--text-secondary)}.access-section-col span{display:block;font-size:9px;white-space:nowrap;line-height:1.2}.access-toggle-col{display:flex;justify-content:center}.access-empty{grid-column:1 / -1;text-align:center;padding:20px;color:var(--text-muted);font-size:13px}.admin-noti-center{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.admin-noti-center h3{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:4px}.admin-noti-center h3 i{color:#e8a838;font-size:14px}.noti-type-selector{display:flex;gap:6px;margin:16px 0 20px;flex-wrap:wrap}.noti-type-card{padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.noti-type-card:hover{border-color:#e8a83866;background:#e8a8380a}.noti-type-card.active{border-color:#e8a83880;background:#e8a8381a;color:#e8a838}.noti-type-label{font-weight:600;font-size:12px}.noti-type-desc{display:none}.noti-ai-section{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#3b82f60f,#8b5cf60f);border:1px solid rgba(59,130,246,.15);border-radius:14px}.noti-ai-info{display:flex;align-items:center;gap:14px;flex:1}.noti-send-btn{white-space:nowrap;padding:11px 24px!important;font-size:13px!important;border-radius:12px!important;font-weight:700!important;background:linear-gradient(135deg,#e8a838,#d4942e)!important;box-shadow:0 4px 12px #e8a83840!important;transition:all .25s!important}.noti-send-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 6px 18px #e8a83859!important}.noti-custom-section{margin-top:0}.noti-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.noti-editor{display:flex;flex-direction:column;gap:0;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;overflow:hidden}.noti-editor .form-group{margin-bottom:0;padding:0}.noti-editor .form-group label{display:none}.noti-subject-input{width:100%;padding:16px 20px;background:transparent;border:none;border-bottom:1px solid var(--border-light);border-radius:0;color:var(--text-primary);font-size:15px;font-weight:600;outline:none;transition:all .2s;font-family:inherit}.noti-subject-input::placeholder{color:var(--text-muted);font-weight:400}.noti-subject-input:focus{background:#e8a83808;border-bottom-color:#e8a8384d}.noti-body-input{width:100%;padding:16px 20px;background:transparent;border:none;border-radius:0;color:var(--text-primary);font-size:13px;font-family:inherit;resize:none;min-height:160px;outline:none;transition:all .2s;line-height:1.7}.noti-body-input::placeholder{color:var(--text-muted)}.noti-body-input:focus{background:#e8a83805}.noti-slash-ref{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:10px 16px;border-top:1px solid var(--border-light);background:#ffffff04}.noti-slash-tag{font-size:10px;font-family:-apple-system,sans-serif;padding:3px 8px;border:none;border-radius:6px;cursor:pointer;transition:all .15s;font-weight:600;background:#ffffff0d;color:var(--text-muted)}.noti-slash-tag:hover{background:#e8a8381f;color:#e8a838;transform:none;box-shadow:none}.noti-editor .noti-send-btn{border-radius:0 0 16px 16px!important;margin:0!important;width:100%}.noti-slash-menu{position:absolute;bottom:calc(100% + 4px);left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #00000080;z-index:100;min-width:280px;padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.noti-slash-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:8px;cursor:pointer;transition:all .15s;font-size:13px}.noti-slash-item:hover{background:var(--bg-hover)}.noti-slash-cmd{font-weight:600;font-family:monospace;color:var(--text-primary)}.noti-slash-label{color:var(--text-muted);font-size:12px;margin-left:auto}.noti-preview{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.noti-preview-header{padding:14px 20px;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1px;background:#ffffff05}.noti-preview-content{padding:20px;flex:1;overflow-y:auto;max-height:320px}.noti-preview-subject{font-weight:700;font-size:16px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.noti-preview-body{font-size:13px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.noti-preview-body strong{color:var(--text-primary)}.noti-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:160px;gap:10px;color:var(--text-muted);font-size:13px}.noti-preview-empty i{font-size:28px;opacity:.15}.noti-client-pick-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;font-size:13px}.noti-client-pick-item:hover{border-color:#e8a838;background:#e8a8380f;transform:translate(2px)}.noti-history{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.noti-history-list{display:flex;flex-direction:column;gap:6px}.noti-history-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-radius:12px;border:1px solid transparent;transition:all .2s}.noti-history-item:hover{border-color:var(--border)}.noti-history-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.noti-history-content{flex:1;min-width:0}.noti-history-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noti-history-excerpt{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.noti-history-date{font-size:11px;color:var(--text-muted);flex-shrink:0;font-weight:500}.noti-tab-toggle{display:flex;gap:4px;margin:16px 0;background:var(--bg-tertiary, rgba(255,255,255,.04));border-radius:12px;padding:4px}.noti-tab-btn{flex:1;padding:10px 16px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary, #999);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.noti-tab-btn:hover{color:var(--text-primary, #fff);background:#ffffff0a}.noti-tab-btn.active{background:#e8a8381f;color:#e8a838;box-shadow:0 1px 4px #00000026}.noti-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:#e8a83833;color:#e8a838;font-size:10px;font-weight:700;padding:0 5px;line-height:1}.noti-schedule-section{margin-top:4px}.noti-schedule-list{display:flex;flex-direction:column;gap:8px}.noti-schedule-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-tertiary, rgba(255,255,255,.04));border:1px solid var(--border-color, rgba(255,255,255,.08));border-radius:12px;transition:all .2s}.noti-schedule-card:hover{border-color:#e8a8384d}.noti-schedule-card.inactive{opacity:.5}.noti-schedule-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.noti-schedule-card-content{flex:1;min-width:0}.noti-schedule-card-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noti-schedule-card-time{font-size:11px;color:var(--text-muted, #666);margin-top:3px;display:flex;align-items:center;gap:5px}.noti-schedule-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.noti-schedule-action-btn{background:none;border:1px solid transparent;color:var(--text-muted, #666);cursor:pointer;padding:6px 8px;border-radius:8px;font-size:12px;transition:all .2s}.noti-schedule-action-btn:hover{color:#e8a838;background:#e8a83814;border-color:#e8a83833}.noti-schedule-action-btn.delete:hover{color:#ef4444;background:#ef444414;border-color:#ef444433}.noti-schedule-form{padding:4px 0}.noti-schedule-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.noti-schedule-type-option{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;text-align:center;background:var(--bg-tertiary, rgba(255,255,255,.04));border:1px solid var(--border-color, rgba(255,255,255,.08));color:var(--text-secondary, #999);transition:all .2s}.noti-schedule-type-option:hover{border-color:#e8a8384d}.noti-schedule-type-option.active{background:#e8a8381f;border-color:#e8a83880;color:#e8a838}.noti-day-selector{display:flex;gap:6px}.noti-day-pill{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;cursor:pointer;background:var(--bg-tertiary, rgba(255,255,255,.04));border:1px solid var(--border-color, rgba(255,255,255,.08));color:var(--text-secondary, #999);transition:all .2s;-webkit-user-select:none;user-select:none}.noti-day-pill:hover{border-color:#e8a83866}.noti-day-pill.active{background:#e8a83826;border-color:#e8a83880;color:#e8a838}@media (max-width: 768px){.noti-type-selector{flex-wrap:wrap}.noti-editor-grid{grid-template-columns:1fr}.noti-ai-section{flex-direction:column;align-items:stretch}.admin-noti-center{padding:16px}.noti-schedule-type-grid{grid-template-columns:1fr}.noti-day-pill{width:34px;height:34px;font-size:11px}}.toggle-switch{position:relative;display:inline-block;width:38px;height:22px;cursor:pointer;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-input);border:1.5px solid var(--border);border-radius:22px;transition:all .25s ease}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--text-muted);left:2px;top:50%;transform:translateY(-50%);transition:all .25s ease}.toggle-switch input:checked+.toggle-slider{background:#e8a83840;border-color:#e8a83880}.toggle-switch input:checked+.toggle-slider:before{transform:translateY(-50%) translate(16px);background:var(--accent-gold);box-shadow:0 0 6px #e8a83866}.color-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.sales-roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.sales-role-item:hover{border-color:#e8a8384d!important}.sales-role-badges{display:flex;gap:3px;flex-wrap:wrap;align-items:center}.sales-role-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:600;white-space:nowrap;letter-spacing:.2px;line-height:16px}.sales-role-badge i{font-size:7px!important;opacity:.85}.hup-sales-roles{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}.hup-sales-badge{display:inline-flex;align-items:center;gap:2px;padding:0 5px;border-radius:3px;font-size:8px;font-weight:600;white-space:nowrap;line-height:14px;letter-spacing:.2px}.hup-sales-badge i{font-size:6px!important;opacity:.8}.color-preset{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:var(--transition)}.color-preset:hover{transform:scale(1.15)}.color-preset.active{border-color:#fff;box-shadow:0 0 12px #ffffff4d}.finance-view{max-width:1100px}.finance-restricted{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-muted);text-align:center;gap:12px}.finance-restricted i{font-size:48px;opacity:.3}.finance-restricted h3{font-size:18px;color:var(--text-primary)}.access-denied-info{position:absolute;top:12px;right:12px;z-index:10}.access-denied-circle{width:28px;height:28px;border-radius:50%;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--accent-yellow);font-size:12px}.access-denied-circle:hover{background:#f59e0b40;transform:scale(1.1)}.access-denied-tooltip{position:absolute;top:36px;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:10px 14px;font-size:12px;color:var(--text-secondary);white-space:nowrap;box-shadow:0 8px 24px #0006;max-width:280px;white-space:normal;line-height:1.4}@media (max-width: 600px){.access-denied-tooltip{right:-8px;max-width:calc(100vw - 48px)}}.demo-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#f59e0b1f;color:var(--accent-yellow);border:1px solid rgba(245,158,11,.2)}.finance-filters{display:flex;gap:8px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.filter-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;background:transparent;border:none;color:var(--text-secondary);font-family:inherit}.filter-btn:hover{background:#ffffff0f;color:var(--text-primary)}.filter-btn.active{background:#e8a8381f;color:var(--accent-gold)}.finance-search{margin-left:auto;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:13px;width:220px;outline:none;transition:var(--transition)}.finance-search:focus{border-color:var(--accent-blue)}.finance-search::placeholder{color:var(--text-muted)}.finance-transactions{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.finance-tx-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.finance-tx-header h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.finance-tx-header h3 i{color:var(--accent-blue);font-size:14px}.finance-tx-count{font-size:12px;color:var(--text-muted);background:var(--bg-input);padding:4px 10px;border-radius:10px}.finance-day-group{margin-bottom:16px}.finance-day-group:last-child{margin-bottom:0}.finance-day-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-light)}.finance-tx-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--border-light);transition:var(--transition)}.finance-tx-row:last-child{border-bottom:none}.finance-tx-row:hover{background:#e8a83808;margin:0 -8px;padding:10px 8px;border-radius:var(--radius-xs)}.finance-tx-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.finance-tx-info{flex:1;min-width:0}.finance-tx-label{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-tx-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.finance-tx-cat,.finance-tx-time{font-size:11px;color:var(--text-muted)}.finance-tx-meta:before{display:none}.finance-tx-cat+.finance-tx-time:before{content:"·";margin-right:4px}.finance-tx-amount{font-size:15px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.finance-tx-amount.income{color:var(--accent-green)}.finance-tx-amount.expense{color:var(--accent-red)}.finance-empty{text-align:center;padding:40px;color:var(--text-muted);animation:fadeIn .3s ease-out both}.finance-empty i{font-size:36px;opacity:.15;display:block;margin-bottom:12px;animation:emptyFloat 3s ease-in-out infinite}.finance-account-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.finance-account-info h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:16px}.finance-account-info h3 i{color:var(--accent-blue);font-size:14px}.finance-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.finance-account-item{display:flex;flex-direction:column;gap:4px}.finance-account-item label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.finance-account-item span{font-size:14px;color:var(--text-primary);font-weight:500}.finance-status-active{color:var(--accent-green);display:flex;align-items:center}.finance-tab-bar{display:flex;gap:4px;padding:6px;margin-bottom:24px;background:linear-gradient(135deg,#3b82f60a,#e8a8380a);border:1px solid rgba(59,130,246,.15);border-radius:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.finance-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border-radius:10px;transition:all .25s ease;white-space:nowrap;position:relative}.finance-tab:hover{color:var(--text-secondary);background:#3b82f614}.finance-tab.active{background:linear-gradient(135deg,#3b82f626,#e8a83826);border-color:#3b82f640;color:#e8a838;box-shadow:0 2px 12px #3b82f61a,0 2px 8px #e8a8381a}.finance-tab.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:60%;border-radius:2px;background:#3b82f6}.finance-tab i{font-size:12px;color:#5b7bb5;transition:color .25s ease}.finance-tab.active i{color:#e8a838}.finance-ai{animation:fadeIn .25s ease-out both}.finance-ai-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:20px}.finance-ai-quick-btn{display:flex;align-items:center;gap:10px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.finance-ai-quick-btn:hover:not(:disabled){border-color:#e8a838;color:var(--text-primary)}.finance-ai-quick-btn:disabled{opacity:.5;cursor:not-allowed}.finance-ai-quick-btn i{font-size:16px;color:#e8a838;width:20px;text-align:center}.finance-ai-chat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.finance-ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-color);background:#e8a8380f}.finance-ai-chat-header-left{display:flex;align-items:center;gap:12px}.finance-ai-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#e8a838,#d4952e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.finance-ai-title{font-size:14px;font-weight:600;color:var(--text-primary);display:block}.finance-ai-status{font-size:11px;color:var(--text-muted)}.finance-ai-clear-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:6px 8px;border-radius:6px;transition:all .2s}.finance-ai-clear-btn:hover{color:var(--accent-red);background:#ef44441a}.finance-ai-messages{max-height:500px;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.finance-ai-msg{display:flex;gap:10px;max-width:85%}.finance-ai-msg.assistant{align-self:flex-start}.finance-ai-msg.user{align-self:flex-end;flex-direction:row-reverse}.finance-ai-msg-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#e8a838,#d4952e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.finance-ai-msg-bubble{background:var(--bg-tertiary);border-radius:12px;padding:12px 16px}.finance-ai-msg.user .finance-ai-msg-bubble{background:#e8a8381f;border:1px solid rgba(232,168,56,.2)}.finance-ai-msg-content{font-size:14px;line-height:1.55;color:var(--text-primary);word-break:break-word}.finance-ai-msg-content strong{color:#e8a838;font-weight:600}.finance-ai-msg-content .ai-bullet{padding-left:14px;position:relative;margin:2px 0}.finance-ai-msg-content .ai-bullet:before{content:"•";position:absolute;left:0;color:#e8a838}.finance-ai-msg-content .ai-numbered{padding-left:4px;margin:2px 0}.finance-ai-msg-content .ai-h1,.finance-ai-msg-content .ai-h2,.finance-ai-msg-content .ai-h3{font-weight:700;margin-top:8px;color:#e8a838}.finance-ai-msg-content .ai-h1{font-size:17px}.finance-ai-msg-content .ai-h2{font-size:15px}.finance-ai-msg-content .ai-h3{font-size:14px}.finance-ai-msg-content .ai-spacer{height:6px}.finance-ai-msg-time{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}.finance-ai-msg.user .finance-ai-msg-time{text-align:right}.finance-ai-input-area{display:flex;align-items:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-color)}.finance-ai-input{flex:1;resize:none;border:1px solid var(--border-color);border-radius:20px;padding:10px 16px;font-size:14px;font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary);outline:none;transition:border-color .2s;max-height:120px}.finance-ai-input:focus{border-color:#e8a838}.finance-ai-input::placeholder{color:var(--text-muted)}.finance-ai-send-btn{width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(135deg,#e8a838,#d4952e);color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.finance-ai-send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 15px #e8a83859}.finance-ai-send-btn:disabled{opacity:.4;cursor:not-allowed}.vertrieb-view{max-width:1200px;animation:fadeIn .25s ease-out both}.vertrieb-title{font-size:22px;font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:8px}.vertrieb-title i{font-size:18px;color:#e8a838}.vertrieb-status-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vertrieb-status-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:16px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent}.vertrieb-status-chip.connected{color:var(--accent-green);background:#10b98114;border-color:#10b9811f}.vertrieb-status-chip.connected i.fa-circle{font-size:5px}.vertrieb-status-chip.loading{color:var(--text-muted);background:#6b6b800f;border-color:#6b6b801a}.vertrieb-status-chip.loading i{font-size:9px}.vertrieb-status-chip.warning{color:var(--accent-yellow);background:#f59e0b0f;border-color:#f59e0b1f}.vertrieb-status-refresh{background:none;border:none;color:inherit;cursor:pointer;padding:1px 4px;font-size:10px;opacity:.5;transition:opacity .2s;display:flex;align-items:center}.vertrieb-status-refresh:hover{opacity:1}.vertrieb-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:3px;width:fit-content}.vertrieb-tab{padding:7px 18px;border-radius:7px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;font-family:inherit}.vertrieb-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.vertrieb-tab.active{background:linear-gradient(135deg,#e8a838,#d4942e);color:#fff;box-shadow:0 2px 8px #e8a83840}.vertrieb-tab i{font-size:12px}.scoreboard-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:20px;position:relative;overflow:hidden}.scoreboard-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#E8A838,#94a3b8,#cd7f32,transparent)}.scoreboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.scoreboard-title{font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.scoreboard-month-toggle{display:flex;gap:4px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.scoreboard-month-btn{padding:5px 14px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.scoreboard-month-btn:hover{color:var(--text-primary)}.scoreboard-month-btn.active{background:#e8a83826;color:#e8a838;font-weight:600}.scoreboard-period{font-size:12px;color:var(--text-muted);margin-bottom:16px;text-transform:capitalize}.scoreboard-podium{display:flex;gap:16px;justify-content:center;align-items:flex-start}.scoreboard-entry{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:200px;padding:12px 8px;border-radius:var(--radius);transition:all .3s ease}.scoreboard-entry:hover{background:var(--bg-hover)}.scoreboard-rank{font-size:13px;font-weight:700;letter-spacing:.5px}.scoreboard-avatar-wrapper{position:relative;width:68px;height:68px;display:flex;align-items:center;justify-content:center}.scoreboard-laurel{position:absolute;top:0;left:0;pointer-events:none}.scoreboard-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;position:relative;z-index:1}.scoreboard-name{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center}.scoreboard-score{font-size:22px;font-weight:800;line-height:1}.scoreboard-score-label{font-size:11px;font-weight:500;opacity:.7}.scoreboard-details{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.scoreboard-dot{color:var(--text-muted);font-size:10px}.scoreboard-value{font-size:12px;color:var(--text-muted);font-weight:500}.scoreboard-entry.rank-1{background:#e8a8380a}.scoreboard-entry.rank-1:hover{background:#e8a83814}.vertrieb-control-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;flex-wrap:wrap}.vertrieb-divider{height:1px;margin-bottom:20px;background:linear-gradient(90deg,transparent 0%,var(--border) 20%,var(--border) 80%,transparent 100%)}.vertrieb-person-selector{display:flex;gap:8px;flex-wrap:wrap}.vertrieb-time-selector{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;width:fit-content}.time-btn{padding:6px 14px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;line-height:1;display:inline-flex;align-items:center}.time-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.time-btn.active{background:linear-gradient(135deg,#e8a83833,#d4942e26);color:#e8a838;box-shadow:0 2px 8px #e8a83826}.time-btn-calendar{padding:7px 12px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px;white-space:nowrap}.time-btn-calendar:hover{color:var(--text-primary);background:var(--bg-hover)}.time-btn-calendar.active{background:linear-gradient(135deg,#e8a838,#d4942e);color:#fff;box-shadow:0 2px 8px #e8a8384d}.time-btn-calendar .custom-label{font-size:11px;font-weight:600}.custom-datepicker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.custom-datepicker{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;width:340px;box-shadow:0 20px 60px #00000080;animation:cdp-fadein .2s ease}@keyframes cdp-fadein{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cdp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cdp-month-label{font-size:15px;font-weight:700;color:var(--text-primary)}.cdp-nav-btn{background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.cdp-nav-btn:hover{color:var(--text-primary);border-color:var(--accent-gold)}.cdp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.cdp-wd{text-align:center;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;padding:4px 0}.cdp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cdp-day{width:100%;aspect-ratio:1;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.cdp-day:hover:not(.cdp-empty){background:var(--bg-hover);color:var(--text-primary)}.cdp-day.cdp-empty{cursor:default}.cdp-day.cdp-today{color:#e8a838;font-weight:700}.cdp-day.cdp-from,.cdp-day.cdp-to{background:linear-gradient(135deg,#e8a838,#d4942e);color:#fff;font-weight:700;box-shadow:0 2px 8px #e8a8384d}.cdp-day.cdp-in-range{background:#e8a83826;color:#e8a838}.cdp-inputs{display:flex;gap:12px;margin-top:16px}.cdp-input-group{flex:1}.cdp-input-group label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.cdp-input-group input{width:100%;padding:8px 12px;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:var(--transition);box-sizing:border-box}.cdp-input-group input:focus,.cdp-input-group input.cdp-input-active{border-color:#e8a838;box-shadow:0 0 0 2px #e8a83826}.cdp-input-group input::placeholder{color:var(--text-muted)}.cdp-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.cdp-btn-cancel{padding:8px 20px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.cdp-btn-cancel:hover{color:var(--text-primary);border-color:var(--text-muted)}.cdp-btn-apply{padding:8px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#e8a838,#d4942e);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #e8a8384d}.cdp-btn-apply:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e8a83866}.cdp-btn-apply:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width: 768px){.vertrieb-control-bar{flex-direction:column;align-items:stretch;gap:12px}.vertrieb-person-selector{gap:6px}.person-btn{padding:6px 10px;font-size:12px}.person-avatar{width:24px;height:24px;font-size:9px}.vertrieb-time-selector{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:none}.vertrieb-time-selector::-webkit-scrollbar{display:none}.time-btn{padding:6px 12px;font-size:11px;flex-shrink:0}.vertrieb-status-row{gap:6px}.section-header{flex-direction:column;align-items:flex-start!important;gap:8px}}.person-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.person-btn:hover{border-color:var(--accent-gold);color:var(--text-primary)}.person-btn.active{border-color:var(--accent-gold);background:#e8a8381a;color:var(--text-primary)}.person-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.team-btn-wrapper{position:relative;display:flex;align-items:stretch}.team-btn-wrapper .person-btn{border-radius:var(--radius-sm);padding-right:10px}.team-menu-toggle{display:flex;align-items:center;justify-content:center;width:28px;margin-left:-6px;padding:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:10px;cursor:pointer;transition:var(--transition);opacity:.6}.team-menu-toggle:hover{color:var(--accent-gold);opacity:1}.team-btn-wrapper:hover .team-menu-toggle{opacity:1}.team-excluded-badge{background:var(--accent-gold);color:#000;font-size:9px;font-weight:700;padding:1px 5px;border-radius:10px;margin-left:2px;line-height:1.3}.team-filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #00000080;padding:8px 0}.team-filter-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px 10px;border-bottom:1px solid var(--border);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.team-filter-reset{background:none;border:none;color:var(--accent-gold);font-size:11px;cursor:pointer;padding:2px 6px;border-radius:4px}.team-filter-reset:hover{background:#e8a83826}.team-filter-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .15s}.team-filter-item:hover{background:var(--bg-hover)}.team-filter-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.team-filter-name{flex:1;font-size:13px;color:var(--text-primary);font-weight:500}.team-filter-toggle{width:36px;height:20px;border-radius:10px;position:relative;transition:background .2s;flex-shrink:0}.team-filter-toggle.on{background:var(--accent-gold)}.team-filter-toggle.off{background:var(--bg-hover);border:1px solid var(--border)}.team-filter-toggle-knob{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;transition:left .2s;box-shadow:0 1px 3px #0000004d}.team-filter-toggle.on .team-filter-toggle-knob{left:18px}.team-filter-toggle.off .team-filter-toggle-knob{left:2px;top:1px}.vertrieb-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.vertrieb-charts .chart-card{margin-bottom:0}.vertrieb-quoten{display:flex;flex-direction:column}.quoten-grid{display:flex;flex-direction:column;gap:16px;flex:1;justify-content:center}.quote-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.quote-bar-label{font-size:12px;color:var(--text-secondary)}.quote-bar-value{font-size:14px;font-weight:700}.quote-bar-track{width:100%;height:8px;border-radius:4px;background:var(--bg-input);overflow:hidden}.quote-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.quote-bar-detail{font-size:11px;color:var(--text-muted);margin-top:2px}.vertriebler-perf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.vertriebler-perf-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:var(--transition)}.vertriebler-perf-card:hover{border-color:#e8a8384d}.vp-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.vp-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}.vp-name{font-weight:600;font-size:14px}.vp-subtitle{font-size:11px;color:var(--text-muted);margin-top:2px}.vp-metrics{display:flex;flex-direction:column;gap:12px}.vp-metric-label{font-size:11px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.vp-metric-row{display:flex;align-items:center;gap:10px}.vp-metric-bar-track{flex:1;height:6px;border-radius:3px;background:#ffffff0f;overflow:hidden}.vp-metric-bar-fill{height:100%;border-radius:3px;transition:width .6s ease;min-width:2px}.vp-metric-value{font-size:13px;font-weight:700;min-width:48px;text-align:right}.vp-metric-bench{font-size:10px;color:var(--text-muted);margin-top:2px}.vp-projection{margin-top:14px;padding:10px 12px;background:#e8a8380f;border:1px solid rgba(232,168,56,.15);border-radius:8px;font-size:11px;color:var(--text-secondary);line-height:1.5}.vp-user-dropdown-btn{display:flex;align-items:center;gap:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .2s ease}.vp-user-dropdown-btn:hover{border-color:#e8a838;color:var(--text-primary)}.vp-user-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:50;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:4px;min-width:160px;box-shadow:0 8px 24px #00000080}.vp-user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:7px 10px;font-size:12px;color:var(--text-secondary);cursor:pointer;border-radius:7px;font-family:inherit;transition:all .15s}.vp-user-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.vp-user-dropdown-item.active{color:var(--text-primary);font-weight:500}.vp-mode-tab{flex:1;padding:5px 8px;font-size:11px;font-family:inherit;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:5px;transition:all .15s;text-align:center}.vp-mode-tab:hover{color:var(--text-secondary)}.vp-mode-tab.active{background:#e8a83822;color:#e8a838;font-weight:600}.vp-avatar-mini{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:8px;color:#fff;flex-shrink:0}.vertrieb-sections{display:flex;flex-direction:column;gap:8px;margin-top:20px}.vertrieb-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.vertrieb-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;transition:var(--transition)}.vertrieb-section-header:hover{background:var(--bg-hover)}.vertrieb-section-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600}.vertrieb-section-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.vertrieb-section-body{padding:0 20px 20px}.vertrieb-table{width:100%;border-collapse:collapse;font-size:13px}.vertrieb-table th{text-align:left;padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);font-weight:600}.vertrieb-table td{padding:8px 12px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.vertrieb-table tr:last-child td{border-bottom:none}.vertrieb-table tr:hover td{background:#e8a83808}.vertrieb-table .metric-name{font-weight:500;color:var(--text-primary);white-space:nowrap}.vertrieb-table .highlight{color:var(--text-primary);font-weight:600}.kunden-vertrieb-grid{display:flex;gap:20px;min-height:500px}.kunden-vertrieb-sidebar{width:280px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow-y:auto}.kunden-vertrieb-sidebar h4{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px}.kunden-vertrieb-item{padding:12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);margin-bottom:4px;border:1px solid transparent}.kunden-vertrieb-item:hover{background:var(--bg-hover);border-color:var(--border)}.kunden-vertrieb-item.active{background:#e8a83814;border-color:#e8a838}.kv-name{font-size:14px;font-weight:600;color:var(--text-primary)}.kv-contact{font-size:12px;color:var(--text-muted);margin-top:2px}.kunden-vertrieb-content{flex:1;min-width:0}.kv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px}.kv-empty i{font-size:48px;opacity:.2;margin-bottom:16px;color:#e8a838}.kv-empty h3{font-size:18px;color:var(--text-primary);margin-bottom:8px}.kv-header{margin-bottom:20px}.kv-header h3{font-size:20px;font-weight:700}.kv-header-contact{font-size:13px;color:var(--text-muted)}.kv-placeholder-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:center;margin-top:20px}.kv-placeholder-info i{font-size:32px;color:#e8a838;opacity:.5;margin-bottom:12px}.kv-placeholder-info h4{font-size:16px;margin-bottom:8px}.kv-placeholder-info p{font-size:13px;color:var(--text-muted);margin-top:4px}.dashboard-with-sidebar{display:flex;gap:24px;min-height:0}.dashboard-main{flex:1;min-width:0}.dashboard-sidebar-right{width:260px;flex-shrink:0}.sidebar-hof-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-top:16px;position:relative;overflow:visible}.sidebar-hof-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#E8A838,#94a3b8,#cd7f32,transparent);border-radius:var(--radius) var(--radius) 0 0}.sidebar-hof-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.sidebar-hof-title{font-size:14px;font-weight:700;color:var(--text-primary)}.sidebar-hof-info-wrapper{position:relative}.sidebar-hof-info-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:4px;transition:color .2s}.sidebar-hof-info-btn:hover{color:#e8a838}.sidebar-hof-tooltip{position:absolute;top:100%;right:0;width:260px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;box-shadow:0 12px 40px #00000080;z-index:100;margin-top:6px}.sidebar-hof-tooltip:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:var(--bg-card);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}.sidebar-hof-tooltip-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.sidebar-hof-tooltip-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.sidebar-hof-tooltip-row i{width:16px;text-align:center;font-size:11px}.sidebar-hof-tooltip-divider{height:1px;background:var(--border);margin:8px 0}.sidebar-hof-tooltip-example{font-size:11px;color:var(--text-muted);line-height:1.5}.sidebar-hof-period{font-size:11px;color:var(--text-muted);margin-bottom:12px;text-transform:capitalize}.sidebar-hof-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 0;color:var(--text-muted);font-size:12px}.sidebar-hof-empty i{font-size:20px;opacity:.3}.sidebar-hof-list{display:flex;flex-direction:column;gap:8px}.sidebar-hof-entry{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius-sm);transition:background .2s}.sidebar-hof-entry:hover{background:var(--bg-hover)}.sidebar-hof-entry.rank-1{background:#e8a8380a}.sidebar-hof-rank{font-size:14px;font-weight:800;width:18px;text-align:center}.sidebar-hof-avatar-wrap{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-hof-laurel{position:absolute;top:0;left:0;pointer-events:none}.sidebar-hof-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;position:relative;z-index:1}.sidebar-hof-details{flex:1;min-width:0}.sidebar-hof-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-hof-breakdown{display:flex;gap:8px;font-size:10px;color:var(--text-muted);margin-top:1px}.sidebar-hof-breakdown i{font-size:9px;margin-right:2px}.sidebar-hof-score{font-size:18px;font-weight:800;text-align:right;line-height:1;flex-shrink:0}.sidebar-hof-score small{display:block;font-size:9px;font-weight:500;opacity:.6;text-align:center}.dashboard-toolbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.dashboard-greeting h2{font-size:24px;font-weight:700;background:linear-gradient(90deg,#fff,#e8a838,#fff,#e8a838,#fff);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:greetingShimmer 6s ease-in-out infinite,fadeInUp .5s ease-out both}@keyframes greetingShimmer{0%{background-position:100% 50%}50%{background-position:0% 50%}to{background-position:100% 50%}}.dashboard-toolbar-actions{display:flex;gap:8px;align-items:center}.dashboard-time-range{display:flex;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:3px;margin-bottom:16px;width:fit-content}.time-range-btn{padding:6px 14px;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;line-height:1;display:inline-flex;align-items:center;justify-content:center}.time-range-btn:hover{color:var(--text-primary);background:#e8a8380f}.time-range-btn.active{background:linear-gradient(135deg,#e8a83833,#d4942e26);color:#e8a838;box-shadow:0 2px 8px #e8a83826}@media (max-width: 768px){.dashboard-time-range{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:none}.dashboard-time-range::-webkit-scrollbar{display:none}.time-range-btn{padding:5px 10px;font-size:11px;flex-shrink:0}}.btn-widget-action{padding:8px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-widget-action:hover{border-color:#e8a838;background:#e8a83814}.btn-widget-action.active{background:linear-gradient(135deg,#e8a838,#d4942e);border-color:transparent;color:#000;font-weight:600}.btn-widget-action.secondary{color:var(--text-secondary)}.btn-widget-action.secondary:hover{color:var(--text-primary)}.btn-widget-action.autofill-active{background:#10b98126;border-color:#10b981;color:#10b981;font-weight:600}.btn-widget-action.autofill-active:hover{background:#10b98140}.widget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.widget-grid.auto-fill{grid-auto-flow:dense}.widget-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px 0;position:relative;transition:all .3s ease;overflow:hidden}.widget-cell:hover{border-color:#e8a83833;box-shadow:0 4px 20px #00000040,0 0 0 1px #e8a8380d;transform:translateY(-1px)}.widget-cell:active{transform:translateY(0)}.widget-grid.edit-mode .widget-cell{overflow:visible}.widget-grid.edit-mode .widget-cell:hover{transform:none;box-shadow:none}.widget-grid.edit-mode .widget-cell.editable{cursor:grab;animation:widget-jiggle .3s ease-in-out infinite alternate;border-style:dashed;border-color:#e8a8384d}.widget-grid.edit-mode .widget-cell.editable:nth-child(2n){animation-delay:.15s}.widget-grid.edit-mode .widget-cell.editable:hover{border-color:#e8a838;box-shadow:0 0 20px #e8a83826}.widget-cell.dragging{opacity:.4;transform:scale(.95)}.widget-cell.drag-over{border-color:#e8a838!important;background:#e8a8380d;transform:scale(1.02)}@keyframes widget-jiggle{0%{transform:rotate(-.5deg)}to{transform:rotate(.5deg)}}.widget-finance-blur{position:relative;width:100%;height:100%;min-height:100px;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.widget-finance-blur,.widget-finance-blur *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:default!important}.widget-finance-blur>*:first-child{filter:blur(8px)}.widget-finance-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0a0a0f99;border-radius:var(--radius);z-index:2}.widget-finance-overlay i{font-size:24px;color:var(--text-muted)}.widget-finance-overlay span{font-size:12px;color:var(--text-muted);text-align:center}.gallery-item.already-added:hover{border-color:var(--border-color)!important;transform:none!important}.widget-title{font-size:14px;font-weight:600;padding:16px 16px 0;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.widget-title i{color:#e8a838;font-size:14px}.widget-cell .chart-container{padding:4px 0 12px;position:relative;min-height:200px;width:100%}.widget-gallery-modal{max-width:720px;max-height:85vh;display:flex;flex-direction:column}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.gallery-header h3{margin:0}.gallery-close-btn{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px}.gallery-close-btn:hover{color:var(--text-primary);background:var(--bg-input)}.gallery-filter-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.gallery-filter-tab{background:none;border:1px solid transparent;color:var(--text-muted);font-size:11px;font-weight:600;padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .2s;font-family:inherit}.gallery-filter-tab:hover{color:var(--text-primary);background:var(--bg-input)}.gallery-filter-tab.active{background:#e8a8381f;color:#e8a838;border-color:#e8a83840}.widget-gallery-grid{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;max-height:50vh;padding-right:4px}.gallery-category-title{color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-weight:600}.gallery-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery-item{display:flex;flex-direction:column;gap:0;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;overflow:hidden}.gallery-item:hover{border-color:#e8a838;background:#e8a8380d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.gallery-item.already-added{opacity:.45;cursor:default}.gallery-item.already-added:hover{border-color:var(--border);background:var(--bg-input);transform:none;box-shadow:none}.gallery-preview{height:120px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-bottom:1px solid var(--border);overflow:hidden;position:relative}.gallery-preview-inner{width:280px;height:180px;transform:scale(.6);transform-origin:center center;display:flex;align-items:center;justify-content:center;pointer-events:none}.gallery-item-bottom{display:flex;align-items:center;gap:6px;padding:8px 10px}.gallery-item-info{flex:1;min-width:0}.gallery-item-label{display:block;font-size:11px;font-weight:600;line-height:1.3;word-break:break-word}.gallery-item-size{display:block;font-size:9px;color:var(--text-muted);margin-top:1px}.gallery-add-icon{color:var(--text-muted);font-size:11px;transition:color .2s;flex-shrink:0}.gallery-item:hover .gallery-add-icon{color:#e8a838}.mp-bar{height:3px;border-radius:2px;min-width:4px}.mp-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.mp-kpi{display:flex;align-items:center;gap:8px;width:100%;padding:0 4px}.mp-kpi-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.mp-kpi-right{flex:1;display:flex;flex-direction:column;gap:4px}.mp-chart{width:100%;height:100%;display:flex;align-items:flex-end}.mp-chart.mp-center{align-items:center;justify-content:center;flex-direction:column}.mp-svg{width:100%;height:100%}.mp-bars{display:flex;align-items:flex-end;gap:3px;width:100%;height:100%;padding:4px 0}.mp-bar-col{flex:1;display:flex;align-items:flex-end;height:100%}.mp-bar-v{width:100%;border-radius:2px;transition:height .3s}.mp-funnel{display:flex;flex-direction:column;gap:2px;width:100%;justify-content:center}.mp-funnel-row{display:flex;align-items:center;gap:3px}.mp-funnel-label{font-size:4px;color:var(--text-muted);width:22px;text-align:right;flex-shrink:0}.mp-funnel-track{flex:1;height:5px;background:var(--bg-input);border-radius:2px}.mp-funnel-bar{height:100%;border-radius:2px}.mp-funnel-num{font-size:5px;font-weight:600;width:8px;text-align:right;flex-shrink:0}.mp-table{display:flex;flex-direction:column;gap:0;width:100%;font-size:5px}.mp-table-header{display:flex;align-items:center;gap:3px;padding:2px 0;border-bottom:1px solid var(--border);color:var(--text-muted);font-weight:600;font-size:4px;text-transform:uppercase}.mp-table-row{display:flex;align-items:center;gap:3px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:5px}.mp-fin{width:100%}.mp-list{display:flex;flex-direction:column;gap:5px;width:100%}.mp-list-item{display:flex;align-items:center;gap:4px}.mp-list-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.mp-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;width:100%}.mp-cal-day{width:100%;aspect-ratio:1;border-radius:2px;background:var(--bg-input)}.mp-cal-day.today{background:#3b82f6}.mp-cal-day.has-event{background:#10b98166}.mp-stats{display:flex;gap:4px;width:100%}.mp-stat-box{flex:1;border:1px solid;border-radius:4px;padding:4px;display:flex;align-items:center;justify-content:center}.mp-stat-num{font-size:11px;font-weight:700}.mp-perf{display:flex;align-items:center;gap:8px;width:100%}.mp-perf-bars{flex:1;display:flex;flex-direction:column;gap:4px}.mp-board{display:flex;flex-direction:column;gap:4px;width:100%}.mp-board-row{display:flex;align-items:center;gap:4px}.mp-board-medal{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;flex-shrink:0}.mp-user-kpis{display:flex;flex-direction:column;gap:5px;width:100%}.mp-user-row{display:flex;align-items:center;gap:4px}.mp-user-av{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mp-campaigns{display:flex;flex-direction:column;gap:4px;width:100%}.mp-campaign-card{display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--bg-input);border-radius:4px}.mp-actions{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:100%}.mp-action-btn{height:12px;background:var(--bg-input);border-radius:3px;border:1px solid var(--border)}.mp-wonlost{display:flex;flex-direction:column;gap:4px;width:100%}.mp-wl-boxes{display:flex;gap:4px}.mp-wl-box{flex:1;border-radius:4px;padding:3px 4px;text-align:center}.mp-wl-bars{display:flex;flex-direction:column;gap:3px}@media (max-width: 600px){.gallery-items{grid-template-columns:repeat(2,1fr)}}.widget-edit-controls{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:10}.widget-resize-btn{display:flex;align-items:center;gap:3px;padding:3px 8px;background:#3b82f6e6;border:2px solid var(--bg-primary);color:#fff;font-size:9px;font-weight:700;border-radius:10px;cursor:pointer;transition:transform .15s;font-family:inherit}.widget-resize-btn:hover{transform:scale(1.1);background:#3b82f6}.widget-resize-btn i{font-size:9px}.widget-size-label{font-size:9px;font-weight:700}.widget-remove-btn{width:22px;height:22px;border-radius:50%;background:#ef4444;border:2px solid var(--bg-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;transition:transform .15s}.widget-remove-btn:hover{transform:scale(1.2)}.weather-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}.weather-top-row{display:flex;align-items:center;gap:16px;justify-content:center;margin-bottom:16px}.weather-icon-block i{font-size:42px;color:#e8a838}.weather-temp-block{display:flex;flex-direction:column;align-items:flex-start}.weather-temp{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1}.weather-desc{font-size:13px;color:var(--text-secondary);margin-top:4px}.weather-clock{background:#e8a8380f;border-radius:var(--radius-sm);padding:12px;margin-bottom:16px}.weather-time{font-size:28px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:1px}.weather-date{font-size:12px;color:var(--text-secondary);margin-top:4px}.weather-details{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.weather-detail{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.weather-detail i{color:var(--text-muted);font-size:11px}.weather-forecast{display:flex;gap:12px;justify-content:center;padding-top:12px;border-top:1px solid var(--border)}.weather-forecast-day{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.forecast-day-name{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.weather-forecast-day i{color:#e8a838;font-size:16px}.forecast-temps{font-size:11px;color:var(--text-muted)}.weather-widget-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;min-height:140px}.weather-compact-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.weather-compact-top i{font-size:28px;color:#e8a838}.weather-temp-compact{font-size:28px;font-weight:700;color:var(--text-primary)}.weather-time-compact{font-size:20px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;margin-top:4px}.weather-location-compact{font-size:11px;color:var(--text-muted);margin-top:4px}.section-with-sidebar{display:flex;gap:24px}.section-main-content{flex:1;min-width:0}.section-sidebar-weather{width:260px;flex-shrink:0;position:sticky;top:0;align-self:flex-start;max-height:calc(100vh - 108px);overflow-y:auto}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:8px;border-radius:var(--radius-xs);transition:var(--transition)}.mobile-menu-btn:hover{background:#e8a8381a}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}@media (max-width: 1400px){.section-sidebar-weather,.dashboard-sidebar-right{width:220px}}@media (max-width: 1200px){.kanban-board{grid-template-columns:repeat(2,1fr)}.section-sidebar-weather{display:none}.section-with-sidebar,.dashboard-with-sidebar{flex-direction:column}.dashboard-sidebar-right{display:none}.widget-grid{grid-template-columns:repeat(3,1fr)}.clients-v2-layout{grid-template-columns:minmax(280px,340px) 1fr}.messages-layout{grid-template-columns:340px 1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}.access-header,.access-row{grid-template-columns:200px repeat(9,minmax(68px,1fr))}.connection-chips{display:none}.header-right{gap:8px}.header-time{font-size:12px;white-space:nowrap}.header h1{font-size:18px}}@media (max-width: 900px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.mobile-overlay{display:block}.modal-overlay{z-index:10001}.sidebar{position:fixed;left:-260px;top:0;height:100vh;height:100dvh;z-index:10000;transition:left .3s cubic-bezier(.4,0,.2,1);width:240px;background:var(--bg-sidebar);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);overflow-y:auto;overflow-x:hidden}.sidebar.mobile-open{left:0}.sidebar-footer{flex-shrink:0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.sidebar.mobile-open .sidebar-logo h1,.sidebar.mobile-open .sidebar-logo span,.sidebar.mobile-open .nav-item span{display:block}.chart-grid,.kanban-board,.vertrieb-charts{grid-template-columns:1fr}.data-table,.vertrieb-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.content-area{padding:16px}.header{padding:0 16px}.header-left{flex:1;min-width:0}.header-right{flex-shrink:0}.header-clock{font-size:13px}.chat-layout{flex-direction:column;height:auto;min-height:calc(100vh - 108px);min-height:calc(100dvh - 108px)}.chat-sidebar{width:100%;height:auto;max-height:200px;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.chat-sidebar-header{display:none}.chat-channels{display:flex;flex-direction:row;gap:4px;padding:8px;white-space:nowrap}.chat-channel{padding:6px 12px}.chat-main{min-height:400px}.clients-v2-layout{grid-template-columns:1fr;overflow-x:hidden}.clients-v2-list{max-height:300px}.clients-v2,.clients-v2-detail{overflow-x:hidden}.clients-v2-layout{width:100%;box-sizing:border-box}.messages-layout{grid-template-columns:1fr}.messages-feed{max-height:300px}.finance-filters{flex-direction:column;align-items:stretch}.finance-search{margin-left:0;width:100%}.finance-account-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:16px!important}.finance-account-tabs::-webkit-scrollbar{display:none}.finance-view{overflow-x:hidden}.finance-chart-section{padding:16px!important}.finance-chart-section>div:last-child{height:220px!important}.kunden-vertrieb-grid{flex-direction:column;min-height:auto}.kunden-vertrieb-sidebar{width:100%;max-height:250px;overflow-y:auto}.kunden-vertrieb-content{min-height:200px}.vertrieb-person-selector{flex-wrap:wrap}.vertrieb-tabs{width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vertrieb-tabs::-webkit-scrollbar{display:none}.vertrieb-tab{white-space:nowrap;flex-shrink:0;padding:8px 16px;font-size:13px}.vertrieb-title{font-size:20px}.vertrieb-title i{font-size:17px}.admin-stats{grid-template-columns:1fr}.admin-desktop-only{display:none}.admin-mobile-only{display:block}.admin-stat-card{padding:14px;gap:12px}.admin-stat-icon{width:36px;height:36px;font-size:15px}.admin-stat-value{font-size:20px}.access-grid{border:none;overflow:visible}.access-header{display:none!important}.access-row{display:flex!important;flex-direction:column;gap:6px;padding:14px!important;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;min-width:0!important}.access-row:last-child{margin-bottom:0}.access-user-col{width:100%;padding:0!important;margin-bottom:2px;font-size:13px;min-width:0}.access-toggle-col{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;padding:4px 0}.access-toggle-col:before{content:attr(data-label);font-size:12px;color:var(--text-muted);white-space:nowrap}.access-row-admin{padding:10px 14px!important;gap:0!important}.access-row-admin .access-toggle-col{display:none!important}.access-row-admin .access-user-col{margin-bottom:0}.admin-access-section{padding:16px}.admin-access-section h3{font-size:14px}.admin-requests-section{padding:14px}.admin-requests-section h3{font-size:14px}.widget-grid{grid-template-columns:repeat(2,1fr)}.widget-cell{grid-column:span 1!important}.widget-cell.widget-large{grid-column:1 / -1!important}.header h1{font-size:16px}.connection-chips,.finance-blur-toggle .finance-blur-label{display:none}.finance-blur-toggle{padding:6px 8px!important;min-width:0!important}.header-time{font-size:11px;max-width:70px;text-align:right;line-height:1.2}.detail-v2-quick-stats,.finance-account-grid{grid-template-columns:repeat(2,1fr)}.cal-layout-top{flex-direction:column}.admin-mobile-card{padding:14px}.admin-user-name{font-size:13px;flex-wrap:wrap}.admin-settings .section-header{flex-direction:column;align-items:stretch;gap:10px}.admin-settings .section-header .btn-primary{width:100%;justify-content:center}.scoreboard-podium{flex-direction:column;align-items:center;gap:12px}.scoreboard-entry{flex-direction:row;max-width:100%;padding:10px 16px;gap:12px}.scoreboard-avatar-wrapper{width:52px;height:52px}.scoreboard-laurel{width:52px!important;height:52px!important}.scoreboard-avatar{width:32px!important;height:32px!important;font-size:12px!important}.scoreboard-rank{font-size:12px}.scoreboard-name{font-size:13px}.scoreboard-score{font-size:18px}.hof-alltime-toggle-btn{font-size:11px;padding:6px 10px}}@media (max-width: 600px){input,textarea,select{font-size:16px!important}.content-area{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.header{padding:0 10px;height:48px;gap:2px}.header-left{gap:6px}.header-left h1{font-size:12px;white-space:nowrap}.header-right{gap:4px;flex-shrink:0}.header-time{display:none}.header-brand-mobile{display:flex;align-items:center;flex-shrink:1;min-width:0;overflow:hidden}.header-brand-logo{height:26px;width:auto;object-fit:contain;flex-shrink:1;min-width:0}.header-icon-btn{width:34px;height:34px;font-size:14px}.user-avatar{width:30px;height:30px;font-size:11px}.finance-blur-toggle{width:34px!important;height:34px!important;padding:0!important;border-radius:10px!important;background:#06b6d414!important;border:1px solid rgba(6,182,212,.4)!important;color:#06b6d4!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;position:relative!important;z-index:10!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(6,182,212,.2)!important;cursor:pointer!important}.finance-blur-toggle i{font-size:14px!important}.finance-blur-toggle.blurred{color:#ef4444!important;background:#ef444414!important;border-color:#ef444466!important}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card{padding:14px}.kpi-card .kpi-value{font-size:24px}.kpi-card .kpi-icon{width:30px;height:30px;font-size:13px;border-radius:8px}.chart-card{padding:14px}.chart-card h3{font-size:13px}.chart-container{height:220px}.campaigns-grid{grid-template-columns:1fr}.campaign-stats{grid-template-columns:repeat(2,1fr)}.widget-grid{grid-template-columns:1fr 1fr;gap:8px}.widget-cell{grid-column:span 1!important;padding:10px 10px 6px;min-height:0;overflow:visible}.widget-cell.widget-large{grid-column:1 / -1!important}.widget-cell .chart-container{height:250px;min-height:220px}.widget-cell .chart-container canvas{width:100%!important;height:100%!important}.widget-cell .kpi-card{padding:8px 10px 6px}.widget-cell .kpi-card .kpi-value{font-size:18px;line-height:1.2}.widget-cell .kpi-card .kpi-label{font-size:10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.widget-cell .kpi-card .kpi-change{font-size:10px}.widget-cell .kpi-card .kpi-icon{width:26px;height:26px;font-size:11px;border-radius:7px}.widget-cell .kpi-card .kpi-header{gap:6px;margin-bottom:4px}.widget-cell .kpi-card .glow{width:60px;height:60px;top:-15px;right:-15px;filter:blur(25px)}.widget-cell h3{font-size:12px!important}.widget-cell .chart-container{height:180px}.dashboard-toolbar{flex-direction:column;align-items:stretch}.dashboard-greeting h2{font-size:20px}.dashboard-toolbar-actions{flex-wrap:wrap}.kanban-board{gap:12px;min-height:auto}.kanban-column{min-height:200px}.section-header h2{font-size:18px}.data-table th,.data-table td{padding:8px 10px;font-size:12px}.vertrieb-table th,.vertrieb-table td{padding:6px 8px;font-size:11px}.clients-v2-header{flex-direction:column}.clients-v2-controls{width:100%}.clients-search-box{min-width:100%}.clients-v2-tabs{width:100%;overflow-x:auto}.clients-tab{padding:6px 14px;font-size:12px;white-space:nowrap}.messages-tabs{width:100%;overflow-x:auto}.msg-tab{padding:6px 14px;font-size:12px;white-space:nowrap}.messages-header h2{font-size:18px}.detail-v2-hero{padding:16px;flex-direction:column}.detail-v2-hero-left,.detail-v2-hero-right{width:100%}.detail-v2-quick-stats{grid-template-columns:repeat(2,1fr)}.quick-stat{padding:10px}.quick-stat-value{font-size:16px}.detail-v2-tabs{padding:0 8px}.detail-tab{padding:8px 10px;font-size:11px}.detail-v2-content{padding:14px}.vertrieb-tabs{width:100%;overflow-x:auto}.vertrieb-tab{padding:8px 16px;font-size:12px;white-space:nowrap}.finance-account-grid{grid-template-columns:1fr 1fr}.finance-tx-row{gap:10px}.finance-tx-icon{width:32px;height:32px;font-size:12px}.finance-tx-label{font-size:13px}.finance-tx-amount{font-size:14px}.finance-account-tabs{gap:6px!important}.finance-account-tabs button{padding:6px 12px!important;font-size:12px!important}.finance-view .section-header{flex-direction:column;align-items:flex-start!important;gap:8px!important}.finance-view .section-header>div{width:100%;justify-content:space-between}.ai-assistant{width:calc(100vw - 24px);max-width:calc(100vw - 24px);right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-height:80vh;box-sizing:border-box}.ai-fab{right:0;width:32px;height:56px;border-radius:16px 0 0 16px}.ai-fab-icon{font-size:1rem}.ai-messages{min-height:150px;max-height:50vh;padding:12px 10px}.ai-msg{max-width:85%}.ai-msg-bubble{word-break:break-word;overflow-wrap:break-word}.ai-msg.user .ai-msg-bubble{max-width:100%}.ai-header{padding:10px 12px}.ai-input-area{padding:8px 10px}.ai-quick-actions{grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 8px}.ai-quick-btn{font-size:12px;padding:6px 8px}.modal{width:95vw;max-width:calc(100vw - 16px);padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));max-height:calc(90vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.campaign-detail-modal{max-width:calc(100vw - 16px)!important}.campaign-detail-modal>div:nth-child(4){grid-template-columns:1fr!important}.form-row{grid-template-columns:1fr}.sat-modal{max-width:95vw}.login-card{width:90vw;padding:28px 20px}.brand-deal,.brand-maker{font-size:28px}.content-area{padding:12px}.header{padding:0 12px;height:52px}.chat-layout{margin:-12px}.header-noti-popup{position:fixed!important;top:calc(56px + env(safe-area-inset-top,0px))!important;left:8px!important;right:8px!important;width:auto!important;max-height:calc(70vh - env(safe-area-inset-top,0px))}.header-chat-popup{position:fixed!important;top:calc(56px + env(safe-area-inset-top,0px))!important;left:8px!important;right:8px!important;width:auto!important;height:min(480px,calc(70vh - env(safe-area-inset-top,0px)))}.header-users-popup{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-height:75vh;border-radius:16px 16px 0 0}.crm-filters{width:100%}.crm-search input{width:100px}.crm-filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.vertrieb-table{display:block;overflow-x:auto}.email-html-body{overflow-x:auto;word-break:break-word}.email-text-body{word-break:break-word}.cal-layout-top{flex-direction:column}.cal-timeline,.cal-mini-wrap{flex:unset}.data-table{display:block;overflow-x:auto}.section-header{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 380px){.kpi-grid{grid-template-columns:1fr}.widget-grid{grid-template-columns:1fr;gap:6px}.widget-cell.widget-large,.widget-cell{grid-column:span 1!important}.kpi-card .kpi-value{font-size:20px}.header-noti-popup,.header-chat-popup{left:4px!important;right:4px!important;width:auto!important}.header-users-popup{left:0!important;right:0!important;width:100%!important;top:auto!important;bottom:0!important}.quick-stat{padding:8px 6px}.quick-stat-value{font-size:14px}.quick-stat-label{font-size:10px}.detail-v2-name{font-size:16px}.detail-v2-avatar{width:44px;height:44px;font-size:16px}.dashboard-greeting h2,.clients-v2-title h2{font-size:18px}.messages-header h2{font-size:16px}}@media (hover: none) and (pointer: coarse){.nav-item{padding:12px 16px;min-height:44px}.btn-primary,.btn-secondary{min-height:44px}.chat-channel{padding:10px 14px;min-height:44px}.detail-tab,.clients-tab,.vertrieb-tab,.msg-tab{min-height:44px}.kanban-card{padding:14px}.kanban-delete{padding:8px;font-size:14px}.finance-tx-row{min-height:48px}.opp-row,.todo-v2-item{min-height:44px}.todo-v2-item input[type=checkbox]{width:18px;height:18px}.crm-chip{padding:8px 14px;min-height:36px}.msg-item{padding:14px}.activity-item{padding:16px 0}}.messages-view{max-width:1400px}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.messages-header-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.messages-header h2{font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px;margin:0}.messages-header h2 i{color:#e8a838}.messages-badges{display:flex;gap:6px;flex-wrap:wrap}.msg-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.msg-badge.gmail{background:#3b82f61f;color:#3b82f6}.msg-badge.client{background:#e8a8381f;color:#e8a838}.msg-badge.task{background:#10b9811f;color:var(--accent-green)}.msg-badge.unread-badge{background:#ef44441f;color:#ef4444}.msg-badge.unread-badge i{font-size:6px;animation:pulse-dot 2s infinite}.msg-badge i{font-size:10px}.msg-compose-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#e8a838,#d4942e);border:none;color:#000;font-size:13px;font-weight:700;cursor:pointer;transition:all .25s;font-family:inherit;box-shadow:0 4px 15px #e8a83840}.msg-compose-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e8a83859}.msg-compose-btn:active{transform:translateY(0)}.msg-compose-btn i{font-size:12px}.messages-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:4px;width:fit-content}.msg-tab{padding:8px 18px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition);position:relative;white-space:nowrap;font-family:inherit}@media (max-width: 600px){.messages-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.msg-tab{padding:6px 12px;font-size:12px;gap:6px}.messages-badges{display:none}.messages-header{margin-bottom:10px}.messages-layout{min-height:auto}.msg-compose-btn span{display:none}.msg-compose-btn{padding:10px 14px;border-radius:10px}}.msg-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.msg-tab.active{background:linear-gradient(135deg,#e8a838,#d4942e);color:#000;box-shadow:0 2px 8px #e8a8384d}.msg-tab-count{font-size:10px;padding:1px 6px;border-radius:8px;background:#ffffff26;font-weight:700}.msg-tab.active .msg-tab-count{background:#00000026}.messages-layout{display:grid;grid-template-columns:400px 1fr;gap:16px;min-height:calc(100vh - 300px);overflow:hidden;max-width:100%}@media (max-width: 1200px){.messages-layout{grid-template-columns:340px 1fr}}@media (max-width: 900px){.messages-layout{grid-template-columns:1fr}.messages-feed{max-height:none}.messages-detail,.messages-layout.has-selection .messages-feed{display:none}.messages-layout.has-selection .messages-detail{display:block}.msg-detail-back{display:flex}}@media (max-width: 600px){.messages-layout{gap:10px}}.messages-feed{display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 300px);overflow-y:auto;padding-right:4px}.msg-item{display:flex;gap:12px;padding:14px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;position:relative}.msg-item:hover{background:var(--bg-card);border-color:var(--border)}.msg-item.selected{background:#e8a8380f;border-color:#e8a8384d;box-shadow:0 0 0 1px #e8a8381a}.msg-item.unread{background:#3b82f60a;border-left:3px solid #3b82f6}.msg-item.unread .msg-item-title{font-weight:700;color:var(--text-primary)}.msg-item-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.msg-item-content{flex:1;min-width:0}.msg-item-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.msg-item-title{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:var(--text-primary)}.msg-item-date{font-size:11px;color:var(--text-muted);white-space:nowrap;font-weight:500}.msg-item-subtitle{font-size:12px;color:var(--text-secondary);margin-top:3px}.msg-item-bot-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);background:#ffffff0d;padding:1px 8px;border-radius:6px}.msg-item-snippet{font-size:12px;color:var(--text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.msg-unread-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;flex-shrink:0;margin-top:8px;box-shadow:0 0 8px #3b82f666}.msg-item-actions{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.msg-item-archive,.msg-item-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:8px;font-size:12px;opacity:0;transition:all .2s;flex-shrink:0}.msg-item:hover .msg-item-archive,.msg-item:hover .msg-item-delete{opacity:1}.msg-item-archive:hover{color:#3b82f6!important;background:#3b82f61a}.msg-item-delete:hover{color:#ef4444!important;background:#ef44441a}.messages-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 300px);overflow-y:auto}.msg-detail-back{display:none;align-items:center;gap:8px;background:none;border:none;color:var(--accent-gold);font-size:13px;font-weight:600;cursor:pointer;padding:14px 20px;border-bottom:1px solid var(--border-light);font-family:inherit;width:100%}.msg-detail-content{padding:28px}.msg-detail-header{margin-bottom:24px}.msg-detail-type-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;margin-bottom:12px}.msg-detail-header h3{font-size:20px;font-weight:700;margin:0 0 10px;line-height:1.4;color:var(--text-primary)}.msg-detail-meta{display:flex;gap:16px;font-size:13px;color:var(--text-secondary);flex-wrap:wrap}.msg-detail-meta span{display:flex;align-items:center;gap:6px}.msg-detail-meta i{color:var(--text-muted);font-size:12px}.msg-detail-body{border-top:1px solid var(--border);padding-top:24px;white-space:pre-wrap;line-height:1.8;font-size:14px;color:var(--text-secondary)}.bot-message-body{color:var(--text-primary)}.msg-detail-actions{display:flex;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);flex-wrap:wrap}.msg-detail-archive-btn{display:flex;align-items:center;gap:8px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:#3b82f6;cursor:pointer;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;transition:all .2s}.msg-detail-archive-btn:hover{background:#3b82f626;border-color:#3b82f666;transform:translateY(-1px)}.msg-detail-delete-btn{display:flex;align-items:center;gap:8px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;cursor:pointer;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;transition:all .2s}.msg-detail-delete-btn:hover{background:#ef444426;border-color:#ef444466;transform:translateY(-1px)}.msg-status-pill{display:inline-flex;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600}.msg-status-pill.open{background:#f59e0b1f;color:#f59e0b}.msg-status-pill.done{background:#10b9811f;color:#10b981}.messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);text-align:center}.messages-empty.detail{height:100%;min-height:300px}.messages-empty-icon{width:64px;height:64px;border-radius:16px;background:#ffffff0a;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.messages-empty-icon i{font-size:24px;opacity:.3}.messages-empty-title{font-size:15px;font-weight:600;color:var(--text-secondary);margin:0 0 6px}.messages-empty-sub{font-size:13px;color:var(--text-muted);margin:0}.msg-detail-card{background:var(--bg-input);border:1px solid var(--border-light);border-radius:12px;padding:4px 0;margin-top:16px;overflow:hidden}.msg-detail-field{padding:12px 18px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:8px}.msg-detail-field:last-child{border-bottom:none}.field-label{font-size:12px;color:var(--text-muted);font-weight:500}.field-value{font-size:14px;color:var(--text-primary);font-weight:500}.msg-compose-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.msg-compose-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;width:100%;max-width:520px;box-shadow:0 25px 60px #00000080;animation:modalSlideUp .25s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.msg-compose-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.msg-compose-header-left{display:flex;align-items:center;gap:14px}.msg-compose-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.msg-compose-header h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.msg-compose-header p{font-size:12px;color:var(--text-muted);margin:2px 0 0}.msg-compose-close{width:32px;height:32px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s}.msg-compose-close:hover{color:var(--text-primary);border-color:var(--border-light)}.msg-compose-body{padding:24px}.msg-compose-field{margin-bottom:18px}.msg-compose-field:last-child{margin-bottom:0}.msg-compose-field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.msg-compose-field input,.msg-compose-field textarea{width:100%;padding:12px 16px;border-radius:10px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .2s;resize:none}.msg-compose-field input:focus,.msg-compose-field textarea:focus{outline:none;border-color:#e8a838;box-shadow:0 0 0 3px #e8a8381a}.msg-compose-field input::placeholder,.msg-compose-field textarea::placeholder{color:var(--text-muted)}.msg-compose-counter{display:block;text-align:right;font-size:11px;color:var(--text-muted);margin-top:6px}.msg-compose-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border)}.msg-compose-cancel{padding:10px 20px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.msg-compose-cancel:hover{color:var(--text-primary);border-color:var(--border-light)}.msg-compose-send{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;background:linear-gradient(135deg,#e8a838,#d4942e);border:none;color:#000;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .25s;box-shadow:0 4px 12px #e8a83840}.msg-compose-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #e8a83859}.msg-compose-send:disabled{opacity:.5;cursor:not-allowed}.msg-detail-email{padding:24px}.msg-detail-to{font-size:12px;color:var(--text-muted);margin-top:6px}.email-html-body{font-size:14px;line-height:1.7;color:var(--text-primary)}.email-html-body img{max-width:100%}.email-html-body a{color:#e8a838}.email-text-body{font-size:14px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;font-family:inherit;background:none;border:none;margin:0;padding:0}.msg-detail-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:8px 16px;border-radius:var(--radius-sm);background:#e8a83814;color:#e8a838;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:var(--transition)}.msg-detail-link:hover{background:#e8a83826}.mini-cal-day.clickable{cursor:pointer;transition:all .2s;position:relative}.mini-cal-day.clickable:hover{background:var(--bg-hover);border-radius:8px;color:var(--text-primary)}.mini-cal-day.selected{background:#e8a83840;border-radius:8px;color:#e8a838;font-weight:700}.mini-cal-day.has-events{color:var(--text-primary);font-weight:600}.mini-cal-dot{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#e8a838}.crm-table-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.crm-table-header h3{margin:0;white-space:nowrap}.crm-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.crm-search{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px}.crm-search i{color:var(--text-muted);font-size:12px}.crm-search input{background:none;border:none;color:var(--text-primary);font-size:13px;outline:none;width:140px}.crm-filter-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px;cursor:pointer;outline:none}.crm-filter-select:focus{border-color:#e8a838}.crm-live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.crm-live-badge.live{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.crm-live-badge.live i{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes lock-pulse{0%,to{background:#ef44441f;box-shadow:0 0 #ef444400}50%{background:#ef444447;box-shadow:0 0 14px #ef44444d}}.lock-btn-pulse{animation:lock-pulse 1s ease-in-out infinite}@keyframes green-pulse{0%,to{background:#10b9811f;box-shadow:0 0 #10b98100}50%{background:#10b98147;box-shadow:0 0 14px #10b9814d}}.green-btn-pulse{animation:green-pulse 1s ease-in-out infinite}.crm-live-badge.demo{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.crm-live-badge.loading{background:#a0a0b81a;color:var(--text-muted);border:1px solid var(--border)}.crm-filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.crm-chip{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.crm-chip:hover{border-color:var(--text-muted);color:var(--text-primary)}.crm-chip.active{border-color:#e8a838;color:#e8a838;background:#e8a83814;font-weight:600}.crm-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.crm-date-cell{display:flex;flex-direction:column;gap:2px}.crm-date-relative{font-size:13px;color:var(--text-primary);font-weight:500}.crm-date-full{font-size:11px;color:var(--text-muted)}.kpi-card-wrapper{position:relative}.win-rate-selector{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.wr-btn{padding:3px 8px;border-radius:6px;font-size:10px;cursor:pointer;background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);transition:all .2s;white-space:nowrap}.wr-btn:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.wr-btn.active{border-color:#8b5cf6;color:#8b5cf6;background:#8b5cf61a;font-weight:600}.chat-add-group-btn{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:11px;transition:all .2s}.chat-add-group-btn:hover{border-color:#e8a838;color:#e8a838;background:#e8a83814}.chat-create-group{padding:8px 12px 12px;border-bottom:1px solid var(--border);margin-bottom:4px}.chat-group-icon-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.chat-icon-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:11px;transition:all .2s}.chat-icon-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.chat-icon-btn.active{border-color:#e8a838;color:#e8a838;background:#e8a8381a}.chat-group-input-row{display:flex;gap:6px}.chat-group-input-row input{flex:1;padding:6px 10px;border-radius:6px;font-size:12px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);outline:none}.chat-group-input-row input:focus{border-color:#e8a838}.chat-group-input-row button{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#e8a83826;border:none;color:#e8a838;cursor:pointer;font-size:12px}.chat-group-input-row button:disabled{opacity:.3;cursor:not-allowed}.chat-channel-delete{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:4px;display:none;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px}.chat-channel:hover .chat-channel-delete{display:flex}.chat-channel-delete:hover{color:var(--accent-red)}.chat-team-tag{font-size:9px;padding:1px 6px;border-radius:4px;background:#e8a8381a;color:#e8a838;margin-left:auto}.team-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:4px 24px 4px 10px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;background:#ffffff0a;border:1px solid var(--border-light);color:var(--text-secondary);outline:none;font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b6b80' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .2s}.team-select:hover{border-color:#e8a83866}.team-select:focus{border-color:#e8a838;box-shadow:0 0 0 2px #e8a83826}.team-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 0}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.quick-action-btn i{color:var(--action-color, #E8A838)}.quick-action-btn:hover{border-color:var(--action-color, #E8A838);color:var(--text-primary);background:var(--bg-hover)}.client-v2-opp-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.client-v2-opp-badge.active-opp{background:#e8a8381a;color:#e8a838}.client-v2-opp-badge.won-opp{background:#10b9811a;color:#10b981}.client-v2-value.muted{color:var(--text-muted);font-style:italic}.client-v2-updated{font-size:11px;color:var(--text-muted)}.client-v2-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.client-v2-sat .sat-score{font-size:12px;font-weight:600}.header-icon-btn{position:relative;background:none;border:1px solid var(--border);color:var(--text-secondary);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:all .2s}.header-icon-btn:hover{color:var(--accent-gold);border-color:#e8a8384d;background:#e8a8380f}.header-icon-btn.active{color:var(--accent-gold);border-color:var(--accent-gold);background:#e8a8381a}.header-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;animation:badgeBounce .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes badgeBounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.header-badge-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-primary);animation:badgeBounce .4s cubic-bezier(.34,1.56,.64,1) both}.header-noti-wrapper,.header-chat-wrapper{position:relative}.header-noti-popup{position:fixed;top:64px;right:80px;width:min(380px,calc(100vw - 16px));max-height:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #0009;z-index:1100;display:flex;flex-direction:column;overflow:hidden;animation:headerPopupIn .15s ease-out}@media (max-width: 600px){.header-noti-popup{position:fixed;top:60px;right:8px;left:8px;width:auto;max-height:70vh}}@keyframes headerPopupIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hnp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.hnp-header h4{font-size:14px;font-weight:600;margin:0}.hnp-mark-read{background:none;border:none;color:var(--accent-gold);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px}.hnp-mark-read:hover{background:#e8a8381a}.hnp-list{overflow-y:auto;max-height:400px}.hnp-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.hnp-empty i{font-size:32px;margin-bottom:10px;opacity:.3;display:block}.hnp-empty p{font-size:13px}.hnp-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border-light)}.hnp-item:hover{background:#ffffff08}.hnp-item.unread{background:#e8a8380a}.hnp-item.unread:hover{background:#e8a83814}.hnp-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.hnp-content{flex:1;min-width:0}.hnp-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.hnp-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.hnp-time{font-size:11px;color:var(--text-muted);margin-top:4px}.hnp-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-gold);flex-shrink:0;margin-top:6px}.header-chat-popup{position:fixed;top:64px;right:40px;width:min(420px,calc(100vw - 16px));height:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #0009;z-index:1100;display:flex;flex-direction:column;overflow:hidden;animation:headerPopupIn .15s ease-out}@media (max-width: 600px){.header-chat-popup{position:fixed;top:60px;right:8px;left:8px;width:auto;height:min(480px,70vh)}}.hcp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);gap:8px}.hcp-tabs{display:flex;gap:2px;flex:1;overflow-x:auto}.hcp-tab{background:none;border:none;color:var(--text-muted);font-size:12px;padding:6px 10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap;transition:all .15s}.hcp-tab:hover{color:var(--text-secondary);background:#ffffff0a}.hcp-tab.active{color:var(--accent-gold);background:#e8a8381a;font-weight:600}.hcp-tab i{font-size:11px}.hcp-expand-btn{background:none;border:1px solid var(--border);color:var(--text-muted);width:30px;height:30px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s;flex-shrink:0}.hcp-expand-btn:hover{color:var(--accent-gold);border-color:#e8a8384d}.hcp-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.hcp-empty{text-align:center;padding:40px 12px;color:var(--text-muted)}.hcp-empty i{font-size:28px;margin-bottom:8px;opacity:.3;display:block}.hcp-empty p{font-size:13px}.hcp-msg{display:flex;gap:8px}.hcp-msg.own{flex-direction:row-reverse}.hcp-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.hcp-bubble{max-width:75%}.hcp-meta{display:flex;align-items:baseline;gap:6px;margin-bottom:1px}.hcp-sender{font-size:11px;font-weight:600;color:var(--text-primary)}.hcp-time{font-size:10px;color:var(--text-muted)}.hcp-text{font-size:13px;line-height:1.45;color:var(--text-primary);background:var(--bg-secondary);padding:6px 10px;border-radius:0 8px 8px}.hcp-msg.own .hcp-text{background:#e8a8381f;border-radius:8px 0 8px 8px}.hcp-input{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--border)}.hcp-input input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:20px;padding:8px 14px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}.hcp-input input:focus{border-color:var(--accent-gold)}.hcp-input input::placeholder{color:var(--text-muted)}.hcp-input button{background:var(--accent-gold);border:none;color:#000;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.hcp-input button:disabled{opacity:.3;cursor:not-allowed}.hcp-input button:hover:not(:disabled){opacity:.85}.header-users-wrapper{position:relative}.user-avatar.active{box-shadow:0 0 0 2px var(--accent-gold)}.avatar-online-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;background:#10b981;border-radius:50%;border:2px solid var(--bg-primary)}.header-users-popup{position:fixed;top:64px;right:16px;width:min(340px,calc(100vw - 16px));max-height:min(440px,calc(100vh - 80px));background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #0009,0 0 0 1px #ffffff0a;z-index:1100;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fadeInScale .2s ease-out both;transform-origin:top right;overflow:hidden;bottom:auto}.hup-header{padding:16px 16px 12px;border-bottom:1px solid var(--border)}.hup-header h4{font-size:14px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.hup-header h4 i{color:var(--accent-gold);font-size:15px}.hup-teams{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;border-bottom:1px solid var(--border-light);scrollbar-width:none}.hup-teams::-webkit-scrollbar{display:none}.hup-team-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;padding:5px 14px;border-radius:16px;cursor:pointer;white-space:nowrap;transition:all .2s ease;font-weight:500;font-family:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center}.hup-team-btn:hover{color:var(--text-primary);border-color:#e8a8384d;background:#e8a8380f}.hup-team-btn.active{color:var(--accent-gold);border-color:#e8a83880;background:#e8a8381f;font-weight:600}.hup-list{overflow-y:auto;flex:1;min-height:0;padding:4px 0}.hup-empty{text-align:center;padding:24px 16px;color:var(--text-muted);font-size:13px}.hup-user{display:flex;align-items:center;gap:10px;padding:8px 16px;transition:background .15s}.hup-user:hover{background:#ffffff08}.hup-user.offline{opacity:.55}.hup-avatar{position:relative;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.hup-status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-card)}.hup-status-dot.online{background:#10b981}.hup-status-dot.offline{background:#6b6b80}.hup-user-info{flex:1;min-width:0}.hup-user-name{font-size:13px;font-weight:500;color:var(--text-primary)}.hup-you{color:var(--text-muted);font-weight:400;font-size:11px;margin-left:4px}.hup-user-meta{display:flex;gap:6px;margin-top:1px}.hup-team-tag{font-size:10px;padding:1px 6px;border-radius:4px;background:#e8a8381a;color:var(--accent-gold)}.hup-role-tag{font-size:10px;padding:1px 6px;border-radius:4px;background:#8b5cf61f;color:#8b5cf6}.hup-online-label{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:1px}.hup-status-text{font-size:11px;font-weight:600}.hup-online-label.online .hup-status-text{color:#10b981}.hup-online-label.offline .hup-status-text{color:var(--text-muted)}.hup-status-timer{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums}.hup-status-timer i{font-size:8px}.hup-online-label.online .hup-status-timer{color:#10b98199}@media (max-width: 768px){.header-users-popup{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:min-content!important;max-height:70vh!important;border-radius:16px 16px 0 0!important;padding-bottom:env(safe-area-inset-bottom,0px);animation:slideUpSheet .3s cubic-bezier(.4,0,.2,1) both!important;transform-origin:bottom center!important;box-shadow:0 -8px 40px #0009!important;overflow-y:auto!important}@keyframes slideUpSheet{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.hup-user{padding:10px 16px}.hup-avatar{width:36px;height:36px;font-size:12px}}.hup-detail-card{position:fixed;z-index:9999;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:16px;box-shadow:0 12px 40px #00000080;animation:hupDetailIn .15s ease-out}.hup-user-active{background:var(--bg-hover)}@keyframes hupDetailIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hup-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.hup-detail-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.hup-detail-name{font-size:14px;font-weight:600;color:var(--text-primary)}.hup-detail-email{font-size:11px;color:var(--text-muted);margin-top:1px}.hup-detail-rows{display:flex;flex-direction:column;gap:6px}.hup-detail-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.hup-detail-row i{font-size:10px;color:var(--text-muted);width:14px;text-align:center}.hup-detail-section{margin-top:10px;padding-top:8px;border-top:1px solid var(--border-color)}.hup-detail-section-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-weight:600}.deactivated-user td{opacity:.45}.deactivated-user:hover td{opacity:.65}.deactivated-badge{font-size:10px;padding:2px 8px;border-radius:10px;margin-left:6px;background:#ef44441f;color:var(--accent-red);font-weight:600}.admin-menu-wrapper{position:relative;z-index:10}.admin-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 12px 32px #0009;min-width:180px;overflow:hidden;animation:headerPopupIn .15s ease}.admin-dropdown-portal{pointer-events:auto}.admin-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .12s;font-family:inherit;text-align:left}.admin-dropdown-menu button:hover{background:#ffffff0f;color:var(--text-primary)}.admin-dropdown-menu button i{width:16px;text-align:center;font-size:12px}.admin-dropdown-menu button.deactivate:hover{background:#ef44441a;color:var(--accent-red)}.admin-dropdown-menu button.activate:hover{background:#10b9811a;color:var(--accent-green)}.admin-requests-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:24px}.admin-requests-section h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:16px}.admin-requests-section h3 i{color:var(--accent-gold);font-size:14px}.admin-req-count{font-size:11px;font-weight:700;background:var(--accent-red);color:#fff;padding:2px 8px;border-radius:10px;margin-left:4px}.admin-req-empty{display:flex;align-items:center;gap:8px;padding:16px;color:var(--text-muted);font-size:13px}.admin-req-empty i{color:var(--accent-green)}.admin-req-list{display:flex;flex-direction:column;gap:8px}.admin-req-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff05;border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:var(--transition)}.admin-req-item:hover{border-color:var(--border);background:#ffffff0a}.admin-req-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#e8a8381f;color:var(--accent-gold);font-size:14px;flex-shrink:0}.admin-req-content{flex:1;min-width:0}.admin-req-title{font-size:13px;font-weight:500}.admin-req-meta{font-size:11px;color:var(--text-muted);margin-top:2px;display:flex;gap:4px}.admin-req-actions{display:flex;gap:4px}.access-admin-tag{font-size:10px;padding:1px 6px;border-radius:4px;margin-left:4px;background:#8b5cf61f;color:#8b5cf6;font-weight:600}.access-row-admin{opacity:.7}.toggle-switch.disabled{pointer-events:none;opacity:.6}.admin-mobile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;position:relative}.admin-mobile-card:has(.admin-dropdown-menu){z-index:10}.admin-mobile-card.deactivated{opacity:.5}.amc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.amc-header .admin-user-cell{flex:1;min-width:0}.amc-header .admin-user-email{word-break:break-all;font-size:11px}.amc-details{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--border-light)}.amc-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.amc-label{font-size:12px;color:var(--text-muted);font-weight:600;min-width:60px;flex-shrink:0}.amc-info-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.amc-team-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;border:1px solid var(--border-light)}.amc-team-select-wrap{position:relative;display:inline-flex}.amc-team-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff0a;border:1px solid var(--border-light);border-radius:20px;padding:3px 26px 3px 10px;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;outline:none;transition:all .2s;font-family:inherit}.amc-team-select:hover{border-color:#e8a83866}.amc-team-select:focus{border-color:#e8a838;box-shadow:0 0 0 2px #e8a83826}.amc-team-chevron{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:8px;color:var(--text-muted);pointer-events:none}.amc-chips-row{display:flex;flex-wrap:wrap;gap:4px}.amc-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;border:1px solid var(--border-light);white-space:nowrap}.amc-security-row{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#ffffff05;border-radius:10px;border:1px solid var(--border-light)}.amc-sec-item{display:flex;align-items:center;gap:6px;flex:1}.amc-sec-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.amc-sec-badge{font-size:11px;display:flex;align-items:center}.amc-sec-active{color:#10b981}.amc-sec-inactive{color:#ef4444}.amc-sec-reset{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;cursor:pointer;color:#ef4444;font-size:9px;font-weight:600;padding:2px 6px;display:flex;align-items:center;gap:3px;transition:all .2s;font-family:inherit}.amc-sec-reset:hover{background:#ef444426;border-color:#ef444466}.amc-sec-toggle{width:34px;height:20px;border-radius:10px;cursor:pointer;border:2px solid;position:relative;transition:all .2s;flex-shrink:0}.amc-sec-toggle-dot{width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:1px;transition:left .2s;box-shadow:0 1px 3px #0000004d}.amc-sec-divider{width:1px;height:20px;background:var(--border-light);flex-shrink:0}.amc-footer{display:flex;align-items:center;gap:16px;padding-top:8px;border-top:1px solid var(--border-light)}.amc-footer-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.amc-footer-item i{font-size:10px}.admin-edit-modal{max-width:520px;border:1px solid rgba(232,168,56,.2)}.admin-edit-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.admin-edit-avatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.pw-change-wrapper{position:relative}.pw-change-panel{position:fixed;bottom:76px;left:24px;width:320px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;z-index:999;overflow:hidden;animation:pw-slide-up .25s ease}.pw-change-panel.pw-change-sidebar{position:absolute;bottom:100%;left:8px;width:340px;margin-bottom:8px}@keyframes pw-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pw-change-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:14px;font-weight:600;color:var(--text-primary)}.pw-change-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px;transition:color .2s}.pw-change-close:hover{color:var(--text-primary)}.pw-change-form{padding:16px;display:flex;flex-direction:column;gap:12px}.pw-change-field label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.pw-input-wrap{position:relative;display:flex;align-items:center}.pw-input-wrap input{width:100%;padding:10px 36px 10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .2s}.pw-input-wrap input:focus{border-color:var(--accent-blue)}.pw-toggle-vis{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:4px;transition:color .2s}.pw-toggle-vis:hover{color:var(--text-primary)}.pw-mismatch{font-size:11px;color:var(--accent-red);margin-top:4px;display:block}.pw-match{font-size:11px;color:var(--accent-green);margin-top:4px;display:block}.pw-change-msg{padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;display:flex;align-items:center;gap:8px}.pw-change-msg.error{background:#ef44441a;color:var(--accent-red);border:1px solid rgba(239,68,68,.2)}.pw-change-msg.success{background:#10b9811a;color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.pw-change-submit{width:100%;padding:10px 16px;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.pw-change-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #3b82f64d}.pw-change-submit:disabled{opacity:.5;cursor:not-allowed}.hof-mobile-banner{display:none;overflow:hidden;background:linear-gradient(90deg,#e8a8380f,#e8a8381f,#e8a8380f);border:1px solid rgba(232,168,56,.15);border-radius:var(--radius);padding:10px 0;margin-bottom:16px;max-height:60px;transition:max-height .6s ease,margin-bottom .6s ease,padding .6s ease,opacity .4s ease}.hof-mobile-banner.hof-banner-slide-up{max-height:0;margin-bottom:0;padding:0;opacity:0;overflow:hidden}@media (max-width: 900px){.hof-mobile-banner{display:block}}.hof-mobile-banner-track{display:flex;flex-wrap:nowrap;animation:hofScroll 20s linear infinite;width:fit-content}@keyframes hofScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hof-mobile-banner-item{display:flex;align-items:center;gap:8px;padding:4px 24px;flex-shrink:0;white-space:nowrap;position:relative}.hof-banner-rank{font-size:16px;font-weight:900;min-width:18px;text-align:center;flex-shrink:0}.hof-rank-1 .hof-banner-rank{font-size:18px}.hof-banner-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.hof-banner-name{font-size:13px;font-weight:700;color:var(--text-primary)}.hof-rank-1 .hof-banner-name{color:#e8a838}.hof-rank-2 .hof-banner-name{color:#b8c4d0}.hof-rank-3 .hof-banner-name{color:#cd7f32}.hof-banner-points{font-size:11px;font-weight:700;color:#e8a838;opacity:.9}.hof-alltime-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:20px;position:relative;overflow:hidden}.hof-alltime-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,#E8A838,#10b981,transparent)}.hof-alltime-toggle{display:flex;gap:4px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hof-alltime-toggle::-webkit-scrollbar{display:none}.hof-alltime-toggle-btn{padding:7px 16px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.hof-alltime-toggle-btn:hover{color:var(--text-primary)}.hof-alltime-toggle-btn.active{background:#e8a83826;color:#e8a838;font-weight:600}.hof-alltime-toggle-btn i{font-size:11px}.hof-alltime-list{display:flex;flex-direction:column;gap:6px}.hof-alltime-entry{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-input);border-radius:var(--radius-sm);transition:all .2s ease}.hof-alltime-entry:hover{background:var(--bg-hover)}.hof-alltime-entry.rank-1{background:#e8a8380f;border:1px solid rgba(232,168,56,.15)}.hof-alltime-entry.rank-2{background:#94a3b80f;border:1px solid rgba(148,163,184,.1)}.hof-alltime-entry.rank-3{background:#cd7f320f;border:1px solid rgba(205,127,50,.1)}.hof-alltime-rank{width:24px;text-align:center;font-size:14px;font-weight:700;color:var(--text-muted);flex-shrink:0}.hof-alltime-avatar-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.hof-alltime-name{flex:1;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hof-alltime-value{font-size:13px;font-weight:500;color:var(--text-secondary);flex-shrink:0;text-align:right}@media (max-width: 768px){.hof-alltime-toggle{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hof-alltime-toggle::-webkit-scrollbar{display:none}.hof-alltime-toggle-btn{padding:6px 12px;font-size:11px;flex-shrink:0}.hof-alltime-entry{padding:8px 10px;gap:8px}.hof-alltime-name{font-size:13px}.hof-alltime-value{font-size:12px}}.hof-company-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;position:relative;overflow:hidden}.hof-company-stats:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,#10b981,#ec4899,transparent)}.hof-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hof-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s}.hof-stat-card:hover{border-color:var(--border-light);transform:translateY(-1px)}.hof-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.hof-stat-info{flex:1;min-width:0}.hof-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.hof-stat-value{font-size:20px;font-weight:700;line-height:1.2}.hof-stat-spark{width:60px;height:30px;flex-shrink:0;opacity:.6}@media (max-width: 900px){.hof-stats-grid{grid-template-columns:1fr 1fr}.hof-stat-value{font-size:16px}.hof-stat-spark{display:none}}@media (max-width: 480px){.hof-stats-grid{grid-template-columns:1fr}}@media (max-width: 900px){.pw-change-panel.pw-change-sidebar{position:fixed!important;bottom:auto!important;top:env(safe-area-inset-top,0px)!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;margin-bottom:0!important;max-height:calc(80vh - env(safe-area-inset-top,0px));overflow-y:auto;z-index:10001!important;border-radius:0 0 14px 14px!important}}.login-mode-toggle{display:flex;background:#0a0a0f99;border-radius:var(--radius-sm);padding:3px;margin-bottom:var(--space-6);border:1px solid rgba(201,168,76,.15)}.login-mode-toggle .toggle-btn{flex:1;padding:8px 16px;border:none;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:var(--font-sm);transition:var(--transition);font-weight:500}.login-mode-toggle .toggle-btn:hover{color:var(--text-secondary)}.login-mode-toggle .toggle-btn.active{background:#e8a8381f;color:#e8a838;border:1px solid rgba(201,168,76,.25)}.client-calendar{flex:2;min-width:320px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-day{min-height:70px;padding:6px 8px;position:relative;transition:background .15s ease}.cal-day:last-child{border-right:none!important}.cal-day-opps{display:flex;flex-direction:column;gap:2px;margin-top:4px}.mitarbeiter-layout{display:flex;gap:20px}.mitarbeiter-list{width:260px;flex-shrink:0}.mitarbeiter-card{cursor:pointer}.mitarbeiter-detail{flex:1;min-width:0}@media (max-width: 900px){.mitarbeiter-layout{flex-direction:column}.mitarbeiter-list{width:100%}.client-calendar{min-width:280px}}@media (max-width: 640px){.cal-day{min-height:48px;padding:4px 3px}.cal-day-opps{display:none}}.client-billing-layout{display:flex;flex-direction:column;gap:20px}.billing-overview{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px 24px}.billing-overview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.billing-price{font-size:24px;font-weight:700;color:var(--accent-gold)}.billing-product-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.billing-chip{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;padding:4px 12px;font-size:12px}.chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chip-label{color:var(--text-secondary)}.chip-value{font-weight:600}.product-cards-list{display:flex;flex-direction:column;gap:16px}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px 24px;transition:border-color var(--transition)}.product-card:hover{border-color:var(--accent-gold)}.product-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.product-title{font-size:16px;font-weight:600;color:var(--text-primary)}.product-counter{white-space:nowrap;text-align:right}.progress-bar{height:8px;border-radius:4px;background:var(--bg-tertiary);overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease,background .3s ease}.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.product-period{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:4px}.activity-toggle{display:inline-flex;align-items:center;gap:4px;margin-top:12px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all var(--transition);font-family:inherit}.activity-toggle:hover{border-color:var(--accent-gold);color:var(--text-primary)}.activity-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--accent-gold);color:#000;border-radius:9px;font-size:11px;font-weight:700;margin-left:4px}.activity-section{margin-top:14px;border-top:1px solid var(--border-light);padding-top:14px}.activity-table{width:100%;border-collapse:collapse;font-size:13px}.activity-table th{text-align:left;padding:8px 12px;color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.activity-table th:first-child{border-radius:var(--radius-xs) 0 0 0}.activity-table th:last-child{border-radius:0 var(--radius-xs) 0 0}.activity-table td{padding:10px 12px;border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:middle}.activity-table tr:last-child td{border-bottom:none}.activity-table tr:hover td,.activity-table tr.expanded td{background:var(--bg-hover)}.activity-table tr.info-row td{padding:0;border-bottom:1px solid var(--border-color)}.activity-info-panel{padding:14px 16px;background:var(--bg-input)}.activity-info-grid{display:flex;flex-wrap:wrap;gap:16px 32px}.activity-info-grid>div{display:flex;flex-direction:column;gap:2px;min-width:120px}.info-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:block}.burger-menu{display:inline-block}.burger-trigger{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;border-radius:var(--radius-xs);transition:all var(--transition);font-family:inherit}.burger-trigger:hover{background:var(--bg-hover);color:var(--text-primary)}.burger-dropdown{position:absolute;right:0;top:calc(100% + 4px);min-width:210px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006;z-index:100;overflow:hidden}.burger-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;text-align:left;transition:background var(--transition);font-family:inherit}.burger-dropdown button:hover{background:var(--bg-hover);color:var(--text-primary)}.burger-dropdown button.dispute-trigger{color:var(--accent-yellow)}.burger-dropdown button.dispute-trigger:hover{background:#e8a83814}.dispute-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px}.dispute-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:28px 32px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009}.dispute-modal-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.dispute-icon{font-size:22px}.dispute-modal-header h2{font-size:18px;font-weight:700}.dispute-activity-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:16px;font-size:14px}.dispute-warning{background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:16px;font-size:13px;color:var(--text-secondary)}.dispute-warning ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.dispute-textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:13px;font-family:inherit;resize:vertical;min-height:90px;transition:border-color var(--transition);outline:none}.dispute-textarea:focus{border-color:var(--accent-gold)}.dispute-textarea:disabled{opacity:.6;cursor:not-allowed}.dispute-error{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);padding:10px 14px;color:var(--accent-red);font-size:13px;margin-top:10px}.dispute-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-dispute-submit{display:inline-flex;align-items:center;padding:9px 20px;background:var(--accent-red);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit}.btn-dispute-submit:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn-dispute-submit:disabled{opacity:.45;cursor:not-allowed}.dispute-success-banner{display:flex;align-items:center;padding:12px 16px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-sm);color:var(--accent-green);font-size:14px;font-weight:500}.billing-overview-with-upsell{display:flex;gap:16px;align-items:stretch}.billing-overview-with-upsell>div:first-child{display:flex}.billing-overview-with-upsell>div:first-child>.billing-overview{flex:1;display:flex;flex-direction:column}.billing-overview-with-upsell .billing-upsell-sidebar>.upsell-section{height:100%;display:flex;flex-direction:column}.billing-upsell-sidebar{flex:0 0 auto;width:320px;min-width:280px}@media (max-width: 900px){.billing-overview-with-upsell{flex-direction:column}.billing-upsell-sidebar{flex:1 1 auto;min-width:0}}.upsell-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.upsell-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 0%,rgba(232,168,56,.06) 0%,transparent 60%);pointer-events:none}.upsell-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.upsell-header h3{font-size:16px;font-weight:700;color:var(--accent-gold)}.upsell-image{width:100%;max-height:160px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:16px}.upsell-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.upsell-benefits{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.upsell-benefits li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--text-secondary)}.benefit-check{flex-shrink:0;font-size:14px}.upsell-subtitle{font-size:15px;font-weight:600;color:var(--accent-gold);margin-bottom:16px}.btn-upsell{display:inline-flex;align-items:center;padding:10px 24px;background:var(--accent-gold);color:#000;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition);font-family:inherit}.btn-upsell:hover{background:#f0b840;box-shadow:0 4px 16px #e8a83859;transform:translateY(-1px)}@media (max-width: 640px){.billing-overview-header{flex-direction:column}.billing-price{font-size:20px}.product-card-header{flex-direction:column;gap:8px}.product-counter{text-align:left}.dispute-modal{padding:20px}.dispute-actions{flex-direction:column-reverse}.activity-info-grid{gap:12px 20px}}.cs-root{padding:0}.cs-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.cs-page-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.cs-page-subtitle{font-size:13px;color:var(--text-muted);margin:0}.cs-add-btn{display:flex;align-items:center;gap:8px;white-space:nowrap}.cs-toast{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:20px}.cs-toast-success{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981}.cs-toast-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#ef4444}.cs-loading{display:flex;align-items:center;gap:12px;color:var(--text-muted);padding:40px 0}.cs-error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444;font-size:13px;margin-bottom:16px}.cs-retry-btn{margin-left:auto;background:none;border:1px solid rgba(239,68,68,.4);color:#ef4444;border-radius:6px;padding:4px 12px;cursor:pointer;font-size:12px}.cs-retry-btn:hover{background:#ef44441a}.cs-employees-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px}.cs-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.cs-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.cs-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--bg-tertiary);border-radius:50%;font-size:11px;font-weight:700;color:var(--text-muted)}.cs-employee-list{display:flex;flex-direction:column;gap:8px}.cs-employee-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition)}.cs-employee-card:hover{border-color:var(--accent-gold);transform:translateY(-1px)}.cs-employee-card-left{display:flex;align-items:center;gap:12px}.cs-employee-card-right{display:flex;align-items:center;gap:10px}.cs-employee-avatar{position:relative;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#e8a838,#f97316)}.cs-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--bg-card);border:2px solid var(--bg-card)}.cs-online-dot.online{background:#10b981}.cs-employee-name{font-weight:600;font-size:14px;color:var(--text-primary)}.cs-employee-email{font-size:12px;color:var(--text-muted)}.cs-edit-btn{width:30px;height:30px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all var(--transition)}.cs-edit-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#e8a83814}.cs-empty-state{display:flex;flex-direction:column;align-items:center;padding:48px 24px;gap:8px}.cs-empty-icon{font-size:32px;color:var(--text-muted);margin-bottom:4px}.cs-empty-text{font-size:15px;font-weight:600;color:var(--text-secondary)}.cs-empty-sub{font-size:13px;color:var(--text-muted)}.cs-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.cs-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:28px 28px 24px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009}.cs-modal-sm{max-width:360px}.cs-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cs-modal-header h3{font-size:16px;font-weight:700;margin:0;color:var(--text-primary)}.cs-modal-close{width:30px;height:30px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.cs-modal-close:hover{background:#ef44441f;border-color:#ef444466;color:#ef4444}.cs-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.cs-temp-password-box{background:var(--bg-card);border:1px solid rgba(232,168,56,.3);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.cs-temp-password-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.cs-temp-password{font-size:18px;font-family:monospace;color:#e8a838;letter-spacing:2px}.cs-edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cs-edit-panel{position:fixed;top:0;right:0;bottom:0;z-index:1060;width:380px;max-width:100vw;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;box-shadow:-8px 0 40px #0006;animation:cs-panel-slide-in .25s cubic-bezier(.4,0,.2,1)}@keyframes cs-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.cs-edit-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-secondary);z-index:1}.cs-edit-title-row{display:flex;align-items:center;gap:12px}.cs-edit-body{padding:16px 20px;flex:1}.cs-edit-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:12px}.cs-edit-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:12px}.cs-danger-zone{border-color:#ef444433}.cs-danger-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.cs-danger-row+.cs-danger-row{border-top:1px solid var(--border-light)}.cs-small-btn{padding:6px 14px;font-size:12px}.cs-form-field{margin-bottom:14px}.cs-form-field:last-of-type{margin-bottom:0}.cs-form-field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.cs-input{width:100%;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;transition:border-color var(--transition);box-sizing:border-box}.cs-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #e8a83826}.cs-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.cs-toggle-row+.cs-toggle-row{border-top:1px solid var(--border-light)}.cs-toggle-label{font-size:13px;font-weight:500;color:var(--text-primary)}.cs-edit-actions-row{margin-top:4px;display:flex;justify-content:flex-end}.toggle-with-info{display:flex;align-items:center;gap:8px}.toggle-with-info .info-icon{color:var(--text-muted);cursor:help;font-size:12px;transition:color var(--transition)}.toggle-with-info .info-icon:hover{color:var(--accent-gold)}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-sm);background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-danger:hover:not(:disabled){background:#ef444438;border-color:#ef4444}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.cs-page-header{flex-direction:column}.cs-edit-panel{width:100%}.cs-modal{padding:20px}}.admin-tab-bar{display:flex;gap:0;margin-bottom:var(--space-6);border-bottom:2px solid var(--border-color)}.admin-tab{padding:14px 24px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;font-family:inherit;letter-spacing:.01em}.admin-tab:hover{color:var(--text-primary);background:#e8a8380a}.admin-tab.active{color:#e8a838;border-bottom-color:#e8a838}.ca-settings{width:100%}.ca-layout{display:flex;gap:0;height:calc(100vh - 200px);min-height:500px;overflow:hidden}.ca-left-panel{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:0;height:100%;overflow-y:auto;border-right:1px solid var(--border-color);padding-right:20px}.ca-left-header{padding-bottom:10px;display:flex;flex-direction:column;gap:8px}.ca-search-wrap{position:relative;display:flex;align-items:center}.ca-search-wrap i{position:absolute;left:12px;color:var(--text-muted);font-size:13px;pointer-events:none}.ca-search-input{width:100%;padding:10px 14px 10px 36px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:all .2s}.ca-search-input:focus{border-color:#e8a838;box-shadow:0 0 0 2px #e8a8381f}.ca-list-filter{display:flex;gap:2px;margin-bottom:10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.ca-filter-tab{flex:1;text-align:center;padding:6px 8px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;color:var(--text-muted);background:transparent;border:none;font-family:inherit;transition:all .2s;white-space:nowrap;outline:none}.ca-filter-tab:hover{color:var(--text-primary);background:var(--bg-hover);box-shadow:0 0 12px #e8a83814}.ca-filter-tab.active{background:linear-gradient(135deg,#e8a838,#d4942e);color:#fff;box-shadow:0 2px 8px #e8a8384d,0 0 20px #e8a8381f}.ca-filter-tab:focus-visible{outline:2px solid #E8A838;outline-offset:1px}.ca-filter-count{font-size:10px;opacity:.8;margin-left:3px}.ca-client-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-top:4px}.ca-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--text-muted);font-size:var(--font-sm);gap:6px}.ca-client-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(42,42,62,.6);border-radius:12px;padding:14px 16px;cursor:pointer;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff05;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.ca-client-card:hover{border-color:#e8a83866;background:var(--bg-card);box-shadow:0 0 24px #e8a8381f}.ca-client-card.active{border-color:#e8a838;background:var(--bg-card);box-shadow:0 12px 40px #00000059,0 0 20px #e8a83814}.ca-client-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e8a838,#d4942e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 2px 8px #e8a83840}.ca-client-card-top{display:flex;align-items:center;gap:10px}.ca-client-name{flex:1;min-width:0;font-weight:600;font-size:var(--font-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-client-meta{font-size:11px;color:var(--text-muted);margin-top:4px;display:flex;align-items:center;gap:4px}.ca-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;flex-shrink:0;border:1px solid transparent}.ca-badge.active{background:#10b98126;color:#10b981;border-color:#10b9814d}.ca-badge.inactive{background:#6b728026;color:var(--text-muted);border-color:#6b72804d}.ca-right-panel{flex:1;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;padding-left:20px}.ca-empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius);opacity:.7}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-input{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input:focus{border-color:#e8a838;box-shadow:0 0 0 2px #e8a83826}.form-input::placeholder{color:var(--text-muted)}.form-input:disabled{opacity:.5;cursor:not-allowed}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b6b80' d='M1.4 0L6 4.6 10.6 0 12 1.4l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.password-field-wrap{position:relative;display:flex}.password-field-wrap .form-input{padding-right:40px}.password-toggle-btn{position:absolute;right:1px;top:1px;bottom:1px;width:38px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color .2s}.password-toggle-btn:hover{color:var(--text-primary)}.toggle-wrap{cursor:pointer;padding:4px 0}.toggle-track{width:44px;height:24px;border-radius:12px;background:var(--border);position:relative;transition:background .25s}.toggle-track.on,.toggle-track.active{background:#e8a838}.toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .25s;box-shadow:0 1px 4px #0000004d}.toggle-track.on .toggle-thumb,.toggle-track.active .toggle-thumb{transform:translate(20px)}.cad-container{display:flex;flex-direction:column;gap:0}.cad-header-card{background:var(--bg-secondary);border:1px solid rgba(232,168,56,.12);border-radius:var(--radius);padding:20px 24px;margin-bottom:0;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}.cad-header-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#E8A838 30%,#f0c060 50%,#E8A838 70%,transparent 100%);opacity:.7}.cad-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}.cad-header-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.cad-header-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#e8a838,#c4802a);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 12px #e8a8384d}@keyframes cad-avatar-glow{0%{box-shadow:0 2px 12px #e8a83840}to{box-shadow:0 2px 16px #e8a83866}}.cad-header-info{display:flex;flex-direction:column;gap:5px;min-width:0}.cad-header-name{font-size:17px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cad-header-status{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--text-muted);align-items:center}.cad-header-status i{margin-right:3px}.cad-header-status .connected{color:#10b981}.cad-header-status .disconnected{color:#ef4444}.cad-header-dot{color:var(--text-muted);opacity:.35;font-size:10px;-webkit-user-select:none;user-select:none}.cad-api-badge{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:11px;padding:2px 8px;border-radius:5px;transition:all .2s ease}.cad-api-badge.connected{color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.cad-api-badge.disconnected{color:#ef4444;background:#ef444414;border:1px solid rgba(239,68,68,.15);opacity:.8}.cad-api-badge.connected i{filter:drop-shadow(0 0 3px rgba(16,185,129,.5))}.cad-api-badge.disconnected i{filter:drop-shadow(0 0 3px rgba(239,68,68,.4))}.ca-api-indicator{display:inline-flex;align-items:center;gap:3px;font-weight:500}.ca-api-indicator.on{color:#10b981}.ca-api-indicator.off{color:#ef4444;opacity:.7}.cad-header-actions{display:flex;gap:8px;flex-shrink:0;align-items:center;position:relative;z-index:1}.cad-btn-warning{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid rgba(245,158,11,.25);background:#f59e0b12;color:#f59e0b;transition:all .2s ease;white-space:nowrap}.cad-btn-warning:hover{background:#ef44441f;border-color:#ef444459;color:#ef4444;box-shadow:0 2px 12px #ef444426}.cad-btn-warning:active{transform:scale(.97)}.cad-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.cad-status-badge.active{background:#10b98126;color:#10b981}.cad-status-badge.inactive{background:#f59e0b26;color:#f59e0b}.cad-status-badge.archived{background:#6b6b8026;color:#6b6b80}.cad-tab-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding:0;background:transparent;border:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cad-tab-bar::-webkit-scrollbar{display:none}.cad-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;color:#fff6;cursor:pointer;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:#0f0a02b3;font-family:inherit;white-space:nowrap;flex-shrink:0;transition:all .2s ease;box-shadow:inset 0 1px #ffffff0a;position:relative;overflow:hidden}.cad-tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.cad-tab:hover{background:#d4a8530f;border-color:#d4a85340;color:#ffffffb3;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d,inset 0 1px #d4a85314}.cad-tab.active{background:#140d02f2;border-color:#d4a853;color:#d4a853;font-weight:700;box-shadow:0 0 16px #d4a85340,0 4px 12px #0006,inset 0 1px #e8a83826;transform:translateY(-1px)}.cad-tab i{font-size:12px;opacity:.5;transition:all .2s ease}.cad-tab:hover i{opacity:.8}.cad-tab.active i{opacity:1;color:#d4a853}.cad-tab-count{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;line-height:1.2;transition:all .2s ease;background:#ffffff14;color:#ffffff59;border:1px solid rgba(255,255,255,.08)}.cad-tab.active .cad-tab-count{background:#d4a8532e;color:#d4a853;border-color:#d4a8534d}.cad-tab-content{padding:24px 0 0}.cad-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cad-toggle-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:16px}.cad-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:8px}.cad-module-toggle{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-muted);transition:all .2s;-webkit-user-select:none;user-select:none}.cad-module-toggle i{font-size:14px;width:18px;text-align:center}.cad-module-toggle:hover{border-color:#e8a83866;color:var(--text-primary);background:var(--bg-hover)}.cad-module-toggle.on{background:#e8a83814;border-color:#e8a83880;color:#e8a838;box-shadow:0 0 16px #e8a8381a,inset 0 0 0 1px #e8a83814}.cad-module-toggle.on i{color:#e8a838}.cad-module-dot{width:8px;height:8px;border-radius:50%;background:var(--border);margin-left:auto;transition:all .2s;flex-shrink:0}.cad-module-toggle.on .cad-module-dot{background:#e8a838;box-shadow:0 0 6px #e8a83880}.cad-user-list{display:flex;flex-direction:column;gap:8px}.cad-user-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s}.cad-user-row:hover{border-color:#e8a8384d}.cad-user-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.cad-user-info{flex:1;min-width:0}.cad-user-name{font-weight:600;font-size:14px;color:var(--text-primary)}.cad-user-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.cad-user-actions{display:flex;gap:6px;flex-shrink:0}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:0;max-width:520px;width:90%;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff08;animation:cdp-fadein .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:#e8a83808}.modal-header h3{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.modal-close-btn{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-xs);transition:all .2s}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-box .cad-form-grid{padding:20px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.cad-action-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:100;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:220px;padding:4px 0;box-shadow:0 12px 40px #00000080;animation:cdp-fadein .15s ease}.cad-action-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s;text-align:left}.cad-action-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.cad-action-menu button:disabled{opacity:.35;cursor:not-allowed}.cad-action-menu button:disabled:hover{background:none}.cad-action-menu button i{width:16px;text-align:center;font-size:13px}.cad-menu-divider{height:1px;background:var(--border);margin:4px 0}.cad-role-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;margin-left:8px;vertical-align:middle}.cad-role-badge.admin{background:#e8a83826;color:#e8a838}.cad-role-badge.pending{background:#f59e0b26;color:#f59e0b}.cad-role-badge.deactivated{background:#ef444426;color:#ef4444}.cad-user-row.deactivated{opacity:.5}.cst-api-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.cst-api-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(42,42,62,.6);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff05}.cst-api-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:3px 0 0 3px}.cst-api-card.connected{border-color:#10b98159;box-shadow:0 8px 32px #0000004d,0 0 12px #10b9810f}.cst-api-card.connected:before{background:transparent}.cst-api-card.disconnected{border-color:#ef444459;box-shadow:0 8px 32px #0000004d,0 0 12px #ef44440f}.cst-api-card.disconnected:before{background:transparent}.cst-api-card.connected:hover{border-color:#10b98180;box-shadow:0 4px 20px #0000004d,0 0 30px #10b98126,0 0 60px #10b9810f}.cst-api-card.disconnected:hover{border-color:#ef444480;box-shadow:0 4px 20px #0000004d,0 0 30px #ef444426,0 0 60px #ef44440f}.cst-api-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.cst-api-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.cst-api-name{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;white-space:nowrap}.cst-api-status{font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap}.cst-api-status.ok{color:#10b981}.cst-api-status.missing{color:#ef4444}.cst-api-key-display{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-family:monospace;font-size:13px;color:var(--text-muted)}.cst-api-key-display .key-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cst-api-key-display button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 6px;transition:color .2s}.cst-api-key-display button:hover{color:var(--text-primary)}.cst-api-actions{display:flex;gap:8px}.cst-account-row{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:20px;box-shadow:0 2px 8px #00000014}.cst-account-row .form-input{flex:1}.cst-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cst-module-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-muted);transition:all .2s;-webkit-user-select:none;user-select:none}.cst-module-chip i{font-size:14px;width:18px;text-align:center}.cst-module-chip:hover{border-color:#e8a83866;color:var(--text-primary);background:var(--bg-hover)}.cst-module-chip.on{background:#e8a83814;border-color:#e8a83880;color:#e8a838;box-shadow:0 0 12px #e8a83814}.cst-module-chip.on i{color:#e8a838}.cst-module-dot{width:8px;height:8px;border-radius:50%;background:var(--border);margin-left:auto;transition:all .2s;flex-shrink:0}.cst-module-chip.on .cst-module-dot{background:#e8a838;box-shadow:0 0 6px #e8a83880}.cbt-user-list{display:flex;flex-direction:column;gap:10px}.cbt-user-card{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s}.cbt-user-card:hover{border-color:#e8a8384d;box-shadow:0 4px 16px #0000001f}.cbt-user-card.deactivated{opacity:.45}.cbt-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 3px 10px #0003}.cbt-user-body{flex:1;min-width:0}.cbt-user-name-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.cbt-user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.cbt-role-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600}.cbt-role-badge.admin{background:#e8a83826;color:#e8a838}.cbt-role-badge.employee{background:#3b82f626;color:#3b82f6}.cbt-status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;margin-left:6px}.cbt-status-badge.pw-reset{background:#f59e0b26;color:#f59e0b}.cbt-status-badge.deactivated{background:#ef444426;color:#ef4444}.cbt-user-email{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.cbt-last-seen{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);margin-left:8px}.cbt-last-seen-dot{width:6px;height:6px;border-radius:50%}.cbt-last-seen-dot.online{background:#10b981;box-shadow:0 0 6px #10b98180}.cbt-last-seen-dot.offline{background:var(--border)}.cbt-feature-chips{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.cbt-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:10px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.cbt-chip.active{background:#10b9811a;color:#10b981;border-color:#10b98133}.cbt-chip.inactive{background:var(--bg-hover);color:var(--text-muted);border-color:var(--border)}.cbt-chip:hover{border-color:#e8a83866}.cbt-chip.loading{animation:chipPulse 1s ease-in-out infinite}@keyframes chipPulse{0%,to{opacity:1}50%{opacity:.4}}.cbt-actions{display:flex;gap:6px;flex-shrink:0;margin-left:auto;align-self:center}.cpt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.cpt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .2s}.cpt-card:hover{border-color:#e8a8384d;box-shadow:0 4px 20px #0000001f}.cpt-card.editing{border-color:#e8a83880;box-shadow:0 0 20px #e8a83814}.cpt-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cpt-card-title{font-size:15px;font-weight:600;color:var(--text-primary)}.cpt-card-status{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.cpt-card-status.active{background:#10b981;box-shadow:0 0 6px #10b98166}.cpt-card-status.inactive{background:var(--border)}.cpt-card-status.expired{background:#ef4444;box-shadow:0 0 6px #ef444466}.cpt-card-status.paused{background:#f59e0b;box-shadow:0 0 6px #f59e0b66}.cpt-card-status.fulfilled{background:#10b981;box-shadow:0 0 6px #10b98166}.cpt-card-status.vorgemerkt{background:#8b5cf6;box-shadow:0 0 6px #8b5cf666}.cpt-card-status.archived{background:#6b7280}.cpt-type-badge{display:inline-block;padding:3px 10px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.cpt-type-badge.single{background:#e8a8381f;color:#e8a838}.cpt-type-badge.bundle{background:#8b5cf61f;color:#8b5cf6}.cpt-pricing{display:inline-flex;gap:16px;padding:8px 14px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border);flex-wrap:wrap;align-items:center}.cpt-price-item{display:flex;flex-direction:column;gap:1px}.cpt-price-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.cpt-price-value{font-size:15px;font-weight:700;color:var(--text-primary)}.cpt-price-value.actual{color:#e8a838}.cpt-skonto{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;background:#10b9811a;color:#10b981;font-size:13px;font-weight:700;align-self:center}.cpt-details{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.cpt-details span{display:flex;align-items:center;gap:6px}.cpt-details i{width:14px;color:var(--text-muted);font-size:11px;text-align:center}.cpt-bundle-products{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-secondary);padding-left:4px}.cpt-bundle-products span:before{content:"•";margin-right:8px;color:var(--text-muted)}.cpt-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}.cpt-card-actions .btn-secondary,.cpt-card-actions .cpt-action-btn{height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;padding:0 14px;border-radius:8px}.cpt-action-btn{background:var(--bg-tertiary, #1a1a2e);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s}.cpt-action-btn:hover{color:var(--accent-red, #ef4444);border-color:#ef44444d;background:#ef444414}.cpt-no-price{font-size:13px;color:var(--text-muted);font-style:italic}.cpt-preview{margin-top:4px}.cpt-preview-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;padding:4px 0;text-transform:uppercase;letter-spacing:.5px;transition:color .2s;font-family:inherit}.cpt-preview-toggle:hover{color:var(--text-secondary)}.cpt-preview-toggle i{font-size:9px;transition:transform .2s}.cpt-preview-toggle.open i{transform:rotate(180deg)}.cpt-preview-box{margin-top:8px;padding:14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm)}.cpt-preview-label{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.cpt-preview-label i{color:#e8a838;font-size:10px}.cpt-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cpt-preview-title{font-size:14px;font-weight:600;color:var(--text-primary)}.cpt-preview-counter{font-size:13px}.cpt-preview-counter strong{font-size:16px;font-weight:700;color:var(--text-primary)}.cpt-preview-counter span{color:var(--text-muted)}.cpt-preview-bar{height:6px;background:var(--bg-tertiary, #1a1a2e);border-radius:3px;overflow:hidden;margin-bottom:6px}.cpt-preview-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.cpt-preview-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted)}.cpt-preview-status{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.cpt-preview-period{margin-top:8px;font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.cpt-preview-period i{font-size:10px}.cpw-wizard{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:95%;max-width:1200px;max-height:min(92vh,calc(100dvh - 32px));display:flex;flex-direction:column;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff08;animation:cdp-fadein .2s ease;margin:16px}.cpw-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:#e8a83808;border-radius:16px 16px 0 0;gap:12px;flex-shrink:0}.cpw-header-left{display:flex;align-items:center;gap:20px;min-width:0}.cpw-header h3{margin:0;font-size:17px;font-weight:700;color:var(--text-primary);white-space:nowrap}.cpw-header-tabs{display:flex;gap:2px}.cpw-tab{padding:6px 14px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;display:flex;align-items:center;gap:6px}.cpw-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.cpw-tab.active{color:#e8a838;background:#e8a8381a}.cpw-tab i{font-size:11px}.cpw-body{display:flex;flex:1;overflow:hidden;min-height:0}.cpw-form-side{flex:1;min-width:0;overflow-y:auto;border-right:1px solid var(--border)}.cpw-form-content{padding:24px 28px;display:flex;flex-direction:column;gap:20px}.di-wrap{position:relative}.di-input-row{position:relative;display:flex}.di-text{padding-right:38px!important}.di-cal-btn{position:absolute;right:1px;top:1px;bottom:1px;width:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color .2s}.di-cal-btn:hover{color:#e8a838}.di-popup{position:fixed;z-index:9999;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px;width:280px;box-shadow:0 12px 40px #00000080;animation:cdp-fadein .15s ease}.di-popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.di-month{font-size:13px;font-weight:700;color:var(--text-primary)}.di-nav{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:6px;font-size:12px;transition:all .15s}.di-nav:hover{color:var(--text-primary);background:var(--bg-hover)}.di-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:4px}.di-weekdays span{text-align:center;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;padding:4px 0}.di-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.di-day{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all .12s;font-family:inherit}.di-day:hover{background:var(--bg-hover);color:var(--text-primary)}.di-day.today{color:#e8a838;font-weight:700}.di-day.selected{background:#e8a838;color:#fff;font-weight:700;box-shadow:0 2px 8px #e8a8384d}.di-day.di-empty{cursor:default}.di-popup-footer{display:flex;justify-content:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.di-today-btn{background:none;border:none;color:#e8a838;font-size:12px;font-weight:600;cursor:pointer;padding:4px 12px;border-radius:6px;font-family:inherit;transition:all .15s}.di-today-btn:hover{background:#e8a8381a}.cpw-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm)}.cpw-section-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:4px}.cpw-section-label i{font-size:12px;color:#e8a838;opacity:.7}.cpw-preview-side{width:400px;flex-shrink:0;overflow-y:auto;padding:24px;background:var(--bg-primary);min-width:0;min-height:0}.cpw-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0}.cpw-product-list{display:flex;flex-direction:column;gap:2px;margin-top:4px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;max-height:160px;overflow-y:auto}.cpw-product-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);cursor:pointer;padding:6px 8px;border-radius:6px;transition:background .15s}.cpw-product-item:hover{background:var(--bg-hover)}.cpw-bundle-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;margin-bottom:10px;transition:border-color .2s;position:relative}.cpw-bundle-item:hover{border-color:#8b5cf64d}.cpw-bundle-item-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.cpw-bundle-item-header .form-input{flex:1}.cpw-bundle-item-title{font-size:14px;font-weight:600;color:#8b5cf6;flex:1}.cpw-bundle-item-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:6px;font-size:13px;transition:all .15s;margin-left:auto}.cpw-bundle-item-remove:hover{color:#ef4444;background:#ef44441a}.cpw-bundle-fields{display:flex;flex-direction:column;gap:10px}.cpw-bundle-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cpw-bundle-field .form-label{font-size:11px}.cpw-bundle-field .form-input{font-size:13px;padding:8px 12px}.cpw-bundle-toggles{display:flex;gap:16px;padding-top:8px;border-top:1px solid var(--border)}.cpw-add-product-row{margin-top:8px}.cpw-add-product-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cpw-add-product-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--bg-primary);border:1px dashed var(--border);border-radius:6px;color:var(--text-muted);font-size:12px;font-family:inherit;cursor:pointer;transition:all .2s}.cpw-add-product-btn:hover{border-color:#d4a853;color:#d4a853;border-style:solid;background:#d4a8530f;box-shadow:0 0 8px #d4a85326}.cpw-add-new-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;margin-top:8px;background:transparent;border:1px dashed rgba(212,168,83,.35);border-radius:var(--radius-sm);color:#d4a853;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.cpw-add-new-btn:hover{background:#d4a8530f;border-color:#d4a853;border-style:solid;box-shadow:0 0 10px #d4a85333}.cpw-add-new-btn i{font-size:14px}.cpw-toggles{display:flex;flex-wrap:wrap;gap:16px 24px;padding:12px 16px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border)}.cpw-toggle-item{display:flex;align-items:center;gap:10px}.cpw-toggle-item span{font-size:13px;font-weight:600;color:var(--text-secondary)}.cpw-pause-menu{min-width:140px;max-width:200px;width:max-content;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0006;overflow:hidden}.cpw-pause-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;text-align:left;transition:background .15s}.cpw-pause-menu button:hover{background:var(--bg-hover)}.cpw-pause-menu button i{width:14px;text-align:center}.cpw-pause-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:380px;width:90%}.cpw-pause-modal h4{margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.cpw-ai-btn{display:flex;align-items:center;font-weight:600;padding:8px 14px;border-radius:10px;border:1px solid rgba(217,119,6,.3);background:#d9770614;color:#d97706;transition:all .2s;position:relative;overflow:hidden;z-index:0}.cpw-ai-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.12;background:linear-gradient(90deg,transparent 0%,transparent 40%,#D97706 50%,transparent 60%,transparent 100%),linear-gradient(0deg,transparent 0%,transparent 42%,#f59e0b 50%,transparent 58%,transparent 100%),linear-gradient(135deg,transparent 0%,transparent 38%,#D97706 48%,transparent 58%,transparent 100%),linear-gradient(45deg,transparent 0%,transparent 44%,#f59e0b 50%,transparent 56%,transparent 100%);background-size:200% 1px,1px 200%,280% 1px,280% 1px;background-repeat:no-repeat;background-position:-100% 30%,70% -100%,-140% 60%,240% 80%;animation:cpw-ai-circuit 3s linear infinite}.cpw-ai-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.06;background:linear-gradient(90deg,transparent 0%,transparent 35%,#f59e0b 50%,transparent 65%,transparent 100%),linear-gradient(0deg,transparent 0%,transparent 40%,#D97706 50%,transparent 60%,transparent 100%);background-size:200% 1px,1px 200%;background-repeat:no-repeat;background-position:200% 70%,30% 200%;animation:cpw-ai-circuit2 2.5s linear infinite}@keyframes cpw-ai-circuit{0%{background-position:-100% 30%,70% -100%,-140% 60%,240% 80%;opacity:.12}25%{background-position:200% 30%,70% 200%,140% 60%,-40% 80%;opacity:.2}50%{background-position:-100% 30%,70% -100%,-140% 60%,240% 80%;opacity:.08}75%{background-position:200% 30%,70% 200%,140% 60%,-40% 80%;opacity:.18}to{background-position:-100% 30%,70% -100%,-140% 60%,240% 80%;opacity:.12}}@keyframes cpw-ai-circuit2{0%{background-position:200% 70%,30% 200%;opacity:.06}50%{background-position:-100% 70%,30% -100%;opacity:.15}to{background-position:200% 70%,30% 200%;opacity:.06}}.cpw-ai-btn:hover{background:#d9770626;border-color:#d9770680;transform:translateY(-1px);box-shadow:0 4px 12px #d9770633}.cpw-ai-btn:hover:before{opacity:.3}.cpw-ai-btn:hover:after{opacity:.2}.cpw-ai-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 5px;border-radius:4px;background:#ffffff14;color:#fff;margin-left:4px;line-height:1;animation:cpw-ai-shimmer 2s ease-in-out infinite;text-shadow:0 0 8px rgba(255,255,255,.6)}@keyframes cpw-ai-shimmer{0%,to{color:#ffffffb3;text-shadow:0 0 4px rgba(255,255,255,.2)}50%{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(217,119,6,.3)}}.cpw-ai-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:680px;width:95%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.cpw-ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#d4a85314,#c4943d0d)}.cpw-ai-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#d4a853,#c4943d);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.cpw-ai-modal-body{padding:20px 24px;flex:1;overflow-y:auto}.cpw-ai-textarea{width:100%;min-height:380px;max-height:60vh;resize:vertical;font-family:inherit;font-size:13px;line-height:1.6;padding:14px;border-radius:10px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);transition:border-color .2s}.cpw-ai-textarea:focus{border-color:#d4a853;outline:none;box-shadow:0 0 0 3px #d4a8531a}.cpw-ai-textarea::placeholder{color:var(--text-muted);font-size:12px}.cpw-ai-textarea:disabled{opacity:.6;cursor:not-allowed}.cpw-ai-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border);background:#00000026}.cpw-ai-analyze-btn{background:linear-gradient(135deg,#d4a853,#c4943d)!important;border:none;padding:10px 24px;font-weight:600;border-radius:10px}.cpw-ai-analyze-btn:hover:not(:disabled){box-shadow:0 4px 15px #d4a85366;transform:translateY(-1px)}.cpw-ai-analyze-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.cpw-template-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:6px;transition:all .2s}.cpw-template-card:hover{border-color:#e8a8384d}.cpw-template-info{cursor:pointer;flex:1;min-width:0}.cpw-preview{display:flex;flex-direction:column;gap:0}.cpw-preview-label{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.cpw-preview-label i{color:#e8a838;font-size:10px}.cpw-preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:10px;overflow:hidden;word-break:break-word}.cpw-preview-card.bpc-uniform{height:100%}.bpc-header{flex-shrink:0}.bpc-description{min-height:8px;flex-shrink:0}.bpc-progress,.bpc-price{flex-shrink:0}.bpc-billing-info{flex:1 1 auto}.bpc-badges{margin-top:auto;padding-top:4px;flex-shrink:0}.bpc-toggle{flex-shrink:0}.cpw-preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.cpw-preview-title{font-size:15px;font-weight:600;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis}.cpw-preview-desc{font-size:13px;color:#ffffffbf;line-height:1.6;margin:4px 0 10px;white-space:pre-wrap}.cpw-desc-input{resize:vertical;min-height:44px;max-height:120px;line-height:1.5;font-family:inherit}.cpw-disabled-hint{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#e8a8380f;border:1px solid rgba(232,168,56,.15);border-radius:6px;font-size:11px;color:#e8a838;line-height:1.5;margin-bottom:8px}.cpw-disabled-hint i{font-size:12px;margin-top:1px;flex-shrink:0;opacity:.8}.cpw-preview-counter{font-size:13px}.cpw-preview-counter strong{font-size:17px;font-weight:700;color:var(--text-primary)}.cpw-preview-counter span{color:var(--text-muted)}.cpw-preview-bar{height:6px;background:var(--bg-tertiary, #1a1a2e);border-radius:3px;overflow:hidden}.cpw-preview-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.cpw-preview-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted)}.cpw-preview-status{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.cpw-preview-period{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}.cpw-preview-period i{font-size:10px}.cpw-preview-pricing{display:flex;align-items:baseline;gap:4px;margin-top:4px;flex-wrap:wrap;min-width:0}.cpw-preview-price{font-size:18px;font-weight:700;color:var(--text-primary)}.cpw-preview-period-label{font-size:11px;color:var(--text-muted)}.cpw-preview-original{font-size:13px;color:var(--text-muted);text-decoration:line-through;margin-left:6px;font-weight:500}.cpw-preview-skonto{margin-left:6px;padding:2px 8px;border-radius:6px;background:#10b9811a;color:#10b981;font-size:12px;font-weight:700}.cpw-preview-badges{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.cpw-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;font-size:10px;font-weight:600;background:var(--bg-tertiary, #1a1a2e);color:var(--text-muted);border:1px solid var(--border)}.cpw-badge.active{background:#10b98114;color:#10b981;border-color:#10b98133}.cpw-badge i{font-size:9px}.cpw-preview-expand{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;margin-top:2px;background:none;border:1px dashed var(--border);border-radius:6px;color:var(--text-muted);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.cpw-preview-expand:hover{color:var(--text-secondary);border-color:var(--text-muted);background:#ffffff05}.cpw-preview-expand i{font-size:9px;transition:transform .2s}.cpw-preview-details{display:flex;flex-direction:column;gap:0;margin-top:4px;padding-top:8px;border-top:1px solid var(--border)}.cpw-preview-detail-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.cpw-preview-detail-row:last-child{border-bottom:none}.cpw-preview-detail-row>i{font-size:11px;color:var(--text-muted);width:16px;text-align:center;flex-shrink:0}.cpw-preview-detail-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px}.cpw-preview-detail-value{font-size:13px;color:var(--text-secondary)}.cpw-preview-activity-list{display:flex;flex-direction:column;gap:0;margin-top:4px;max-height:180px;overflow-y:auto}.cpw-preview-activity-item{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:12px}.cpw-preview-activity-item:last-child{border-bottom:none}.cpw-preview-activity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cpw-preview-activity-label{color:var(--text-secondary);flex:1}.cpw-preview-activity-date{color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.cpw-preview-activity-menu{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:11px;line-height:1;transition:all .15s;flex-shrink:0;opacity:.4}.cpw-preview-activity-item:hover .cpw-preview-activity-menu{opacity:1}.cpw-preview-activity-menu:hover{color:var(--text-primary);background:var(--bg-hover)}.cpw-activity-dropdown{min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:4px 0;box-shadow:0 8px 24px #00000080;animation:cdp-fadein .12s ease}.cpw-activity-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:background .12s}.cpw-activity-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.cpw-activity-dropdown-item i{font-size:11px;width:14px;text-align:center;color:var(--text-muted)}.cpw-activity-dropdown-item.danger,.cpw-activity-dropdown-item.danger i{color:#ef4444}.cpw-activity-dropdown-item.danger:hover{background:#ef444414}.cpw-activity-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.cpw-detail-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;width:380px;max-width:92vw;box-shadow:0 20px 60px #00000080;animation:cdp-fadein .15s ease}.cpw-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.cpw-detail-modal-header h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center}.cpw-detail-modal-body{padding:20px}.cpw-detail-modal-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.cpw-detail-modal-row:last-child{border-bottom:none}.cpw-detail-modal-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.cpw-detail-modal-value{font-size:13px;color:var(--text-primary);font-weight:500}.cpw-preview-flat-item{display:flex;flex-direction:column;gap:6px}.cpw-preview-flat-row{display:flex;justify-content:space-between;align-items:center}.cpw-preview-flat-title{font-size:12px;font-weight:600;color:var(--text-secondary)}.cpw-preview-flat-price{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.cpw-preview-flat-status{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600}.cpw-preview-flat-status i{font-size:12px}.cpw-preview-flat-status.open{background:#3b82f614;color:#3b82f6;border:1px solid rgba(59,130,246,.15)}.cpw-preview-flat-status.fulfilled{background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.15)}.cpw-preview-flat-status.vorgemerkt{background:#8b5cf614;color:#8b5cf6;border:1px solid rgba(139,92,246,.15)}.cpw-preview-flat-status.inactive{background:#6b728014;color:#6b7280;border:1px solid rgba(107,114,128,.15)}.cpw-preview-flat-status.paused{background:#f59e0b14;color:#f59e0b;border:1px solid rgba(245,158,11,.15)}.cpw-preview-bundle-detail{margin-top:8px;padding:10px;background:#8b5cf60a;border:1px solid rgba(139,92,246,.12);border-radius:8px;transition:border-color .2s,background .2s}.cpw-preview-bundle-detail.expired{background:#ef44440a;border-color:#ef444433}.cpw-preview-bundle-detail+.cpw-preview-bundle-detail{margin-top:6px}.cpw-preview-bundle-detail-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(139,92,246,.1)}.cpw-preview-bundle-detail-content{display:flex;flex-direction:column;gap:0}.cpw-preview-bundle-detail-content .cpw-preview-detail-row{padding:5px 0}.cpw-preview-bundle-detail-content .cpw-preview-activity-list{max-height:120px}@media (max-width: 768px){.cpw-wizard{max-width:none;width:100%;max-height:100vh;max-height:100dvh;border-radius:0;margin:0}.cpw-body{flex-direction:column;overflow-y:auto}.cpw-form-side{border-right:none;border-bottom:1px solid var(--border);overflow-y:visible;flex-shrink:0}.cpw-preview-side{width:100%;overflow-y:visible;flex-shrink:0}.cpw-header-left{flex-direction:column;align-items:flex-start;gap:8px}}.cow-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-width:600px;width:90%;box-shadow:0 24px 80px #0009;animation:cdp-fadein .2s ease}.cow-header{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between}.cow-header h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.cow-progress{display:flex;align-items:center;gap:0;padding:20px 24px}.cow-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.cow-step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:2px solid var(--border);color:var(--text-muted);background:var(--bg-primary);transition:all .3s}.cow-step-dot.active{border-color:#e8a838;color:#e8a838;background:#e8a8381a}.cow-step-dot.done{border-color:#10b981;color:#fff;background:#10b981}.cow-step-line{flex:1;height:2px;background:var(--border);margin:0 -4px 20px;transition:background .3s}.cow-step-line.done{background:#10b981}.cow-step-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.cow-step-label.active{color:var(--text-primary);font-weight:600}.cow-body{padding:0 24px 24px}.cow-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--border)}.cow-crm-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-right:4px}.cow-crm-item{padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .15s}.cow-crm-item:hover{border-color:#e8a83866;color:var(--text-primary)}.cow-crm-item.selected{border-color:#e8a838;background:#e8a8380f;color:#e8a838}.cow-summary{text-align:center;padding:24px 0}.cow-summary-icon{font-size:48px;margin-bottom:12px}.cow-summary-title{font-size:18px;font-weight:700;margin-bottom:8px}.cow-summary-stats{display:flex;justify-content:center;gap:16px;font-size:13px;color:var(--text-secondary);margin-bottom:16px}.cow-temp-password{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-family:monospace;font-size:14px;color:#e8a838;margin-top:12px}.cow-temp-password span{flex:1}.cow-temp-password button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px}.cow-temp-password button:hover{color:var(--text-primary)}.confirm-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-width:420px;width:90vw;padding:32px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff0d;animation:fadeInScale .15s ease-out both}.confirm-modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.confirm-modal-icon.danger{background:#ef444426;color:#ef4444}.confirm-modal-icon.warning{background:#f59e0b26;color:#f59e0b}.confirm-modal-icon.default{background:#e8a83826;color:#e8a838}.confirm-modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:4px 0 0}.confirm-modal-message{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.confirm-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:8px;flex-wrap:wrap}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;padding:10px 20px;min-height:44px;border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-smooth);display:flex;align-items:center;gap:6px}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ef444459}.btn-danger:active{transform:scale(.98)}.btn-danger:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;padding:10px 20px;min-height:44px;border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-smooth);display:flex;align-items:center;gap:6px}.btn-warning:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b59}.btn-warning:active{transform:scale(.98)}.btn-warning:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.cpe-container{display:flex;flex-direction:column;gap:12px}.cpe-section-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.cpe-product-list{display:flex;flex-direction:column;gap:6px}.cpe-product-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition)}.cpe-product-row.editing{border-color:var(--accent-gold)}.cpe-product-row:hover{border-color:var(--border-light)}.cpe-product-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.cpe-product-title{font-weight:600;font-size:var(--font-base);color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpe-product-price{font-size:var(--font-sm);font-weight:600;color:var(--accent-gold);flex-shrink:0}.cpe-product-actions{display:flex;gap:4px;flex-shrink:0}.cpe-empty{text-align:center;padding:20px;color:var(--text-muted);font-size:var(--font-sm);border:1px dashed var(--border-color);border-radius:var(--radius-sm)}.cpe-edit-form{background:#e8a8380f;border:1px solid rgba(232,168,56,.25);border-radius:var(--radius-sm);padding:16px;margin-top:8px}.cpe-edit-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-weight:700;color:var(--text-primary)}.cpe-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:180px;z-index:100;box-shadow:0 8px 24px #0006;overflow:hidden}.cpe-dropdown-item{padding:10px 14px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background var(--transition)}.cpe-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.cpe-dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.cpe-dropdown-label{padding:6px 14px 2px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cpe-template-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.cpe-template-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.cpe-checkbox-row{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.cpe-checkbox-row:last-child{border-bottom:none}.cpe-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-gold);cursor:pointer;flex-shrink:0}.cdr-container{display:flex;flex-direction:column;gap:12px}.cdr-filter-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cdr-filter-tab{padding:6px 14px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition);font-family:inherit;display:flex;align-items:center;gap:6px}.cdr-filter-tab:hover{border-color:var(--accent-gold);color:var(--text-primary)}.cdr-filter-tab.active{background:#e8a83826;border-color:#e8a83866;color:var(--text-primary)}.cdr-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#f59e0b40;color:#f59e0b;font-size:11px;font-weight:700}.cdr-dispute-list{display:flex;flex-direction:column;gap:10px}.cdr-dispute-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:10px}.cdr-dispute-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cdr-dispute-meta{display:flex;flex-direction:column;gap:2px}.cdr-dispute-lead{font-weight:600;font-size:var(--font-base);color:var(--text-primary)}.cdr-dispute-date{font-size:11px;color:var(--text-muted)}.cdr-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;flex-shrink:0}.cdr-reason-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.cdr-reason-text{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.cdr-review-area{display:flex;flex-direction:column;gap:8px}.cdr-action-buttons{display:flex;gap:8px}.cdr-approve-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;background:#10b98126;border:1px solid rgba(16,185,129,.4);border-radius:var(--radius-sm);color:#10b981;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit}.cdr-approve-btn:hover:not(:disabled){background:#10b98140}.cdr-approve-btn:disabled{opacity:.5;cursor:not-allowed}.cdr-reject-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-sm);color:#ef4444;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit}.cdr-reject-btn:hover:not(:disabled){background:#ef444438}.cdr-reject-btn:disabled{opacity:.5;cursor:not-allowed}.cdr-review-note{font-size:var(--font-sm);color:var(--text-muted);font-style:italic;display:flex;align-items:flex-start;gap:6px}.cue-container{display:flex;flex-direction:column;gap:12px}.cue-info-banner{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm);padding:10px 14px;font-size:var(--font-sm);color:#60a5fa;display:flex;align-items:center;gap:8px}.cue-benefits-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.cue-benefit-row{display:flex;align-items:center;gap:8px}.cue-benefit-row .form-input{flex:1}@property --cue-border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.cue-preview-card{position:relative;border:1px solid rgba(232,168,56,.2)}.cue-preview-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:13px;padding:1.5px;z-index:0;pointer-events:none;background:conic-gradient(from var(--cue-border-angle, 0deg),rgba(232,168,56,.15) 0%,rgba(232,168,56,.5) 10%,rgba(212,148,46,.9) 20%,#E8A838 25%,rgba(212,148,46,.9) 30%,rgba(232,168,56,.5) 40%,rgba(232,168,56,.15) 50%,rgba(232,168,56,.15) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cue-border-spin 3s linear infinite}@keyframes cue-border-spin{to{--cue-border-angle: 360deg}}.cue-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 22px 10px 12px;border-radius:10px;background:linear-gradient(135deg,#e8a838,#d4942e,#e8a838);background-size:200% 200%;animation:cue-gold-shimmer 3s ease infinite;color:#fff;font-size:13px;font-weight:700;margin-bottom:16px;cursor:pointer;box-shadow:0 4px 16px #e8a8384d;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.cue-cta-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);animation:cue-shine 4s ease-in-out infinite}.cue-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #e8a83866}.cue-cta-logo{padding:3px 8px;border-radius:6px;background:#0a0a0f;display:inline-flex;align-items:center;font-size:11px;color:#fff;flex-shrink:0;letter-spacing:-.3px;line-height:1.4}@keyframes cue-gold-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes cue-shine{0%,to{transform:translate(-100%) rotate(25deg)}50%{transform:translate(100%) rotate(25deg)}}.cue-check-pulse{width:20px;height:20px;border-radius:50%;background:#10b98126;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#10b981;font-size:9px;animation:cue-green-pulse 3s ease-in-out infinite}@keyframes cue-green-pulse{0%,to{background:#10b98126;box-shadow:none}50%{background:#10b9814d;box-shadow:0 0 8px #10b98166}}.cue-text-shimmer{background:linear-gradient(90deg,#fff,#fff 40%,#ffffff80,#fff 60%,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:cue-text-shine 4s ease-in-out infinite}@keyframes cue-text-shine{0%,to{background-position:100% 0}50%{background-position:-100% 0}}.ca-mobile-back{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;width:100%}.ca-mobile-back:hover{color:#e8a838;border-color:#e8a83866}.ca-mobile-back i{font-size:12px}@media (max-width: 1100px){.ca-layout{flex-direction:column;gap:16px;height:auto;overflow:visible}.ca-left-panel{width:100%;height:auto;overflow-y:visible;flex-shrink:1;border-right:none;padding-right:0}.ca-left-header{display:flex;flex-direction:column;gap:8px}.ca-client-list{max-height:200px;overflow-y:auto}.ca-right-panel{width:100%;height:auto;overflow-y:visible;padding-left:0}.cad-header-name{font-size:16px}.cad-header-avatar{width:42px;height:42px;font-size:17px}.cad-tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:3px;padding:3px}.cad-tab-bar::-webkit-scrollbar{display:none}.cad-tab{white-space:nowrap;padding:7px 14px;font-size:12px;flex:0 0 auto}}@media (max-width: 768px){.admin-tab-bar{flex-wrap:wrap}.admin-tab{flex:1;min-width:0;font-size:13px;padding:12px 16px;text-align:center;justify-content:center}.ca-layout{flex-direction:column;gap:0;height:auto;overflow:visible}.ca-left-panel{width:100%;height:auto;overflow-y:visible;flex-shrink:0;border-right:none;padding-right:0}.ca-client-list{max-height:none;overflow-y:visible}.ca-right-panel{width:100%;height:auto;overflow-y:visible;padding-left:0}.cad-header-top{gap:10px}.cad-header-status{gap:4px}.cad-tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:3px;flex-wrap:nowrap;padding:3px}.cad-tab-bar::-webkit-scrollbar{display:none}.cad-tab{white-space:nowrap;flex-shrink:0;flex:0 0 auto;padding:7px 12px;font-size:12px}.cpt-grid{grid-template-columns:1fr}}@media (max-width: 600px){.ca-layout{gap:0}.ca-left-panel{width:100%}.ca-client-card{padding:10px 12px}.cad-header-card{padding:14px 16px}.cad-header-left{gap:10px}.cad-header-avatar{width:38px;height:38px;font-size:15px}.cad-header-name{font-size:15px;gap:6px}.cad-header-status{font-size:11px;gap:4px}.cad-btn-warning{padding:6px 10px;font-size:11px}.cad-tab{padding:6px 10px;font-size:11px;gap:4px}.cad-tab i{font-size:11px}.cad-tab-count{font-size:10px;padding:1px 5px}.cad-tab-content{padding:16px 0 0}.cpt-grid{grid-template-columns:1fr}.cad-user-row{flex-direction:column;align-items:flex-start;gap:10px}.cad-user-actions{width:100%;justify-content:flex-end}.cad-form-grid{grid-template-columns:1fr!important}.cad-modules-grid{grid-template-columns:repeat(2,1fr)!important}.cst-api-grid{grid-template-columns:1fr}.cst-api-card{padding:14px}.cst-account-row{flex-direction:column;align-items:stretch;gap:10px}.admin-tab{font-size:12px;padding:10px 12px}.ca-mobile-back{padding:8px 12px;font-size:12px;margin-bottom:10px}.modal-box{width:95%;max-width:none;margin:12px}}@media (max-width: 480px){.header-left span[style*="borderRadius: 20"]{display:none}.header-right>div>div:last-child{display:none}.header-right button span{display:none}}@media (max-width: 640px){.dashboard-time-range{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important}.dashboard-time-range::-webkit-scrollbar{display:none}.dashboard-time-range .time-range-btn{flex-shrink:0;font-size:12px;padding:6px 12px}.kpi-grid,.widget-grid{grid-template-columns:1fr!important;gap:12px}.widget-cell,.widget-cell.widget-large{grid-column:span 1!important;grid-row:span 1!important}.widget-cell .chart-container{height:220px;min-height:200px}.chart-card{overflow-x:auto}.data-table{min-width:600px}.billing-products-grid{grid-template-columns:1fr!important}.billing-overview-header{flex-direction:column;gap:8px}.billing-price{font-size:20px}}@media (max-width: 768px){.finance-tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:2px;padding:4px;margin-bottom:16px}.finance-tab-bar::-webkit-scrollbar{display:none}.finance-tab{padding:10px 14px;font-size:12px;gap:6px;min-height:44px}.finance-view{max-width:100%}.finance-view .section-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.finance-view .section-header>div{width:100%;justify-content:flex-start!important;flex-wrap:wrap!important}.finance-view .section-header h2{font-size:18px}.finance-view .kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.finance-chart-section{padding:16px!important}.finance-chart-section>div:last-child{height:240px!important}.expense-charts-grid{grid-template-columns:1fr!important}.donut-legend-layout{flex-direction:column!important;gap:16px!important}.donut-legend-layout>div:first-child{flex:1 1 auto!important;width:100%!important;height:220px!important}.finance-ai-quick-grid{grid-template-columns:repeat(2,1fr);gap:8px}.finance-ai-quick-btn{padding:12px;font-size:13px}.finance-ai-messages{padding:12px 14px;max-height:400px}.finance-ai-msg{max-width:92%}.finance-ai-input-area{padding:10px 12px}}@media (max-width: 600px){.finance-tab-bar{gap:2px;padding:3px;margin-bottom:12px}.finance-tab{padding:10px 12px;gap:0;min-height:44px;min-width:44px;justify-content:center}.finance-tab .finance-tab-label{display:none}.finance-tab i,.finance-tab .claude-sparkle{font-size:16px!important}.finance-view .kpi-grid{grid-template-columns:1fr;gap:8px}.finance-view .kpi-card{padding:12px 14px}.finance-view .kpi-card .kpi-value{font-size:22px}.finance-chart-section>div:last-child{height:200px!important}.finance-ai-quick-grid{grid-template-columns:1fr;gap:6px}.finance-ai-quick-btn{padding:10px 12px;font-size:12px}.finance-ai-quick-btn i{font-size:14px}.finance-ai-chat{border-radius:12px}.finance-ai-chat-header{padding:10px 14px}.finance-ai-messages{padding:10px 12px;max-height:350px;gap:8px}.finance-ai-msg{max-width:95%}.finance-ai-msg-bubble{padding:10px 12px}.finance-ai-msg-content{font-size:13px}.finance-ai-input-area{padding:8px 10px}.finance-ai-input{font-size:14px;padding:8px 12px}.finance-ai-send-btn{width:36px;height:36px;min-width:36px}.finance-view .finance-income-time-range{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.finance-view .finance-income-time-range::-webkit-scrollbar{display:none}.finance-team-grid{grid-template-columns:1fr!important;gap:14px!important}.finance-team-time-range{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important}.finance-team-time-range::-webkit-scrollbar{display:none}.finance-team-time-range button{flex-shrink:0;min-height:44px}.finance-account-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;margin:0 -16px!important;padding:12px 16px!important}.finance-account-tabs::-webkit-scrollbar{display:none}.finance-account-tabs button{padding:6px 12px!important;font-size:12px!important;white-space:nowrap!important;flex-shrink:0!important}}