@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f1419;--bg-secondary: #1a202c;--bg-tertiary: #2d3748;--bg-hover: #4a5568;--text-primary: #e2e8f0;--text-secondary: #a0aec0;--text-muted: #718096;--corporate-blue: #2563eb;--corporate-blue-dark: #1e40af;--corporate-blue-light: #3b82f6;--corporate-navy: #1e3a8a;--corporate-gray: #64748b;--corporate-slate: #475569;--success-green: #059669;--warning-orange: #ea580c;--error-red: #dc2626;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);--gradient-secondary: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-warning: linear-gradient(135deg, #ea580c 0%, #f59e0b 100%);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-card: linear-gradient(135deg, rgba(37, 99, 235, .08) 0%, rgba(30, 64, 175, .08) 100%);--border: rgba(148, 163, 184, .12);--border-light: rgba(148, 163, 184, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .25);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .3);--shadow-glow: 0 0 12px rgba(37, 99, 235, .25);--shadow-glow-hover: 0 0 20px rgba(37, 99, 235, .4);--particle-color: rgba(37, 99, 235, .8);--glass-bg: rgba(26, 32, 44, .7);--glass-bg-hover: rgba(26, 32, 44, .85);--sidebar-bg: rgba(26, 32, 44, .9);--card-bg: rgba(26, 32, 44, .65)}[data-theme=light]{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-tertiary: #e2e8f0;--bg-hover: #cbd5e1;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--corporate-blue: #2563eb;--corporate-blue-dark: #1e40af;--corporate-blue-light: #3b82f6;--corporate-navy: #1e3a8a;--corporate-gray: #64748b;--corporate-slate: #475569;--success-green: #059669;--warning-orange: #ea580c;--error-red: #dc2626;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);--gradient-secondary: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-warning: linear-gradient(135deg, #ea580c 0%, #f59e0b 100%);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-card: linear-gradient(135deg, rgba(37, 99, 235, .04) 0%, rgba(30, 64, 175, .04) 100%);--border: rgba(100, 116, 139, .2);--border-light: rgba(100, 116, 139, .1);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 2px 8px rgba(15, 23, 42, .1);--shadow-lg: 0 4px 16px rgba(15, 23, 42, .12);--shadow-glow: 0 0 12px rgba(37, 99, 235, .12);--shadow-glow-hover: 0 0 20px rgba(37, 99, 235, .2);--particle-color: rgba(37, 99, 235, .5);--glass-bg: rgba(255, 255, 255, .8);--glass-bg-hover: rgba(255, 255, 255, .95);--sidebar-bg: rgba(255, 255, 255, .95);--card-bg: rgba(255, 255, 255, .85)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.06) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(30,64,175,.06) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:1;transition:opacity .3s ease}[data-theme=light] body:before{background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.02) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(30,64,175,.02) 0%,transparent 50%)}#root{min-height:100vh;position:relative;z-index:1}.app-container{display:flex;min-height:100vh;overflow:visible}.sidebar{width:80px;background:var(--sidebar-bg);backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;overflow-x:visible;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:var(--gradient-primary);opacity:.1;pointer-events:none}.sidebar-header{padding:24px 0;border-bottom:1px solid var(--border);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.sidebar-logo{font-size:28px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-1px;text-align:center}.sidebar-subtitle{font-size:7px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-weight:600;text-align:center;white-space:nowrap;writing-mode:horizontal-tb}.sidebar-nav{flex:1;padding:24px 0;position:relative;overflow:visible}.sidebar-footer{padding:20px 0;border-top:1px solid var(--border);display:flex;justify-content:center;align-items:center;overflow:visible}.theme-toggle{width:48px;height:48px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.theme-toggle:before{content:attr(data-tooltip);position:absolute;left:60px;top:50%;transform:translateY(-50%) translate(-10px);background:#0f172af2;backdrop-filter:blur(10px);color:var(--text-primary);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:99999}[data-theme=light] .theme-toggle:before{background:#fffffffa}.theme-toggle:hover:before{opacity:1;transform:translateY(-50%) translate(0)}.theme-toggle:hover{background:#667eea26;color:var(--text-primary);transform:scale(1.05)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg) scale(1.1)}.nav-section{margin-bottom:24px;overflow:visible}.nav-section-title{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:0 12px;margin-bottom:8px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link{display:flex;align-items:center;justify-content:center;padding:16px 0;margin:4px 12px;color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;font-weight:500;position:relative;border-left:none;overflow:visible}.nav-link span{display:none}.nav-link svg{width:22px;height:22px}.nav-link:before{content:attr(data-tooltip);position:absolute;left:70px;top:50%;transform:translateY(-50%) translate(-10px);background:#0f172af2;backdrop-filter:blur(10px);color:var(--text-primary);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:99999}[data-theme=light] .nav-link:before{background:#fffffffa;backdrop-filter:blur(10px)}.nav-link:hover:before{opacity:1;transform:translateY(-50%) translate(0)}.nav-link:hover{color:var(--text-primary);background:#667eea26;transform:scale(1.05)}.nav-link.active{color:#fff;background:var(--gradient-primary);font-weight:600}.nav-link:hover svg,.nav-link.active svg{transform:scale(1.1)}.main-content{flex:1;margin-left:80px;padding:40px;max-width:calc(100vw - 80px);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:40px;animation:slideDown .5s ease-out;display:flex;align-items:flex-start;justify-content:space-between}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.5px}.page-description{color:var(--text-secondary);font-size:13px}.card{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.card:hover{border-color:#2563eb66;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.card:hover:before{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.card-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.3px;text-transform:uppercase;font-size:13px;color:var(--corporate-slate)}.btn{padding:12px 24px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .5s,height .5s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #667eea4d}.btn-primary:hover{box-shadow:0 8px 24px #667eea80;transform:translateY(-2px)}.btn-secondary{background:#33415599;color:var(--text-primary);border:1px solid var(--border);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#334155cc;border-color:#667eea4d;box-shadow:0 4px 16px #0003}.table{width:100%;border-collapse:separate;border-spacing:0}.table thead{background:#2563eb14}.table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:700;color:var(--corporate-slate);text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--corporate-blue);white-space:nowrap}.table th:first-child{border-top-left-radius:6px}.table th:last-child{border-top-right-radius:6px}.table td{padding:12px;font-size:13px;border-bottom:1px solid var(--border-light);color:var(--text-primary);white-space:nowrap}.table tbody tr{transition:background .3s cubic-bezier(.4,0,.2,1)}.table tbody tr:hover{background:#2563eb0d}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.status-paid{background:#05966926;color:var(--success-green);border:1px solid var(--success-green)}.status-overdue{background:#dc262626;color:var(--error-red);border:1px solid var(--error-red)}.status-pending,.status-sent{background:#ea580c26;color:var(--warning-orange);border:1px solid var(--warning-orange)}.status-draft,.status-active{background:#2563eb26;color:var(--corporate-blue);border:1px solid var(--corporate-blue)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:#667eea66}.stat-card:hover:before{opacity:.05}.stat-card>*{position:relative;z-index:1}.stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:40px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:-2px}.stat-change{font-size:14px;margin-top:8px;font-weight:600}.stat-change.positive{color:#4facfe}.stat-change.negative{color:#f5576c}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a;background:var(--glass-bg-hover)}.form-textarea{min-height:120px;resize:vertical}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative}.auth-container:before{content:"";position:absolute;top:50%;left:50%;width:500px;height:500px;background:var(--gradient-primary);filter:blur(100px);opacity:.3;transform:translate(-50%,-50%);pointer-events:none;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.4}}.auth-card{background:var(--glass-bg-hover);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:48px;width:100%;max-width:440px;box-shadow:var(--shadow-lg);position:relative;z-index:1}.auth-brand{text-align:center;margin-bottom:36px}.auth-logo{width:52px;height:52px;border-radius:14px;background:var(--gradient-primary);display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px;box-shadow:0 4px 16px #2563eb4d}.auth-title{font-size:32px;font-weight:800;text-align:center;margin-bottom:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.auth-title-dot{font-weight:500;font-size:22px;opacity:.7}.auth-subtitle{font-size:14px;color:var(--text-muted);font-weight:500;margin-top:6px;letter-spacing:.5px;text-transform:uppercase;font-size:11px}.auth-submit-btn{width:100%;padding:14px 24px;font-size:15px;border-radius:12px}.auth-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.3px}.error-message{background:linear-gradient(135deg,#f5576c1a,#f5576c0d);border:1px solid rgba(245,87,108,.3);color:#f5576c;padding:14px 18px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:500}.success-message{background:linear-gradient(135deg,#4facfe1a,#00f2fe0d);border:1px solid rgba(79,172,254,.3);color:#4facfe;padding:14px 18px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modal{background:#0f172af2;backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:40px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border)}.modal-title{font-size:24px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;font-size:24px;transition:all .3s ease;border-radius:8px}.close-btn:hover{color:var(--text-primary);background:#667eea1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@media(max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px;max-width:calc(100vw - 240px)}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0;max-width:100vw;padding:16px}}.skeleton-container{padding:20px 0}.skeleton-pulse{background:linear-gradient(90deg,#0f172a99,#667eea1a,#0f172a99);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:16px;border:1px solid var(--border)}.skeleton-header{height:60px;width:40%;margin-bottom:40px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.skeleton-card{height:140px}.skeleton-table{height:400px;margin-top:24px}.skeleton-table-wrapper{display:flex;flex-direction:column;gap:12px;padding:20px 0}.skeleton-row{height:60px}.skeleton-single-card{height:200px;margin-bottom:24px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;animation:fadeIn .6s ease-out}.empty-state-icon{width:120px;height:120px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:float 3s ease-in-out infinite;box-shadow:0 8px 24px #667eea33}.empty-state-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.empty-state-description{font-size:16px;color:var(--text-secondary);max-width:400px;margin-bottom:32px;line-height:1.5}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stats-card-modern{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:0;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;will-change:transform;contain:layout style}.stats-card-gradient{position:absolute;top:0;left:0;right:0;height:4px;opacity:.8}.stats-card-content{padding:28px;position:relative;z-index:1}.stats-card-modern:hover{transform:translateY(-6px) scale(1.02);border-color:#667eea66;box-shadow:0 12px 32px #667eea33}.stats-card-modern:hover .stats-card-gradient{height:100%;opacity:.1}.stats-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stats-card-label{font-size:13px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.stats-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0003}.stats-card-value{font-size:44px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;margin-bottom:12px}.stats-card-change{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}.stats-card-change.positive{color:#4facfe}.stats-card-change.negative{color:#f5576c}.stats-card-change-label{margin-left:4px;font-weight:500;color:var(--text-muted)}.chart-container{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.chart-title{font-size:20px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-tabs{display:flex;gap:8px;background:#3341554d;padding:4px;border-radius:12px}.chart-tab{padding:8px 16px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.chart-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #667eea4d}.chart-tab:hover:not(.active){background:#667eea1a;color:var(--text-primary)}.data-visualization{height:300px;display:flex;align-items:flex-end;gap:16px;padding:20px;position:relative}.chart-container-compact{padding:16px}.chart-container-compact .chart-header{margin-bottom:16px}.chart-container-compact .chart-title{font-size:16px}.data-visualization-compact{height:160px;padding:12px;gap:12px}.bar-chart-bar{flex:1;background:var(--gradient-primary);border-radius:8px 8px 0 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;min-height:20px;animation:growUp .6s ease-out;transform-origin:bottom}@keyframes growUp{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.bar-chart-bar:hover{filter:brightness(1.2);transform:translateY(-4px);box-shadow:0 8px 24px #667eea66}.bar-chart-label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text-secondary);font-weight:600;white-space:nowrap}.bar-chart-value{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:14px;color:var(--text-primary);font-weight:700;opacity:0;transition:opacity .3s ease}.bar-chart-bar:hover .bar-chart-value{opacity:1}.tooltip{position:absolute;background:#0f172afa;backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;padding:12px 16px;font-size:13px;color:var(--text-primary);pointer-events:none;z-index:1000;box-shadow:0 8px 32px #0006;opacity:0;transition:opacity .2s ease}.tooltip.show{opacity:1}.activity-feed{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:16px;padding:16px;background:#33415533;border-radius:12px;border-left:3px solid transparent;transition:all .3s ease;animation:slideInRight .4s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.activity-item:hover{background:#667eea1a;border-left-color:#667eea;transform:translate(4px)}.activity-icon{width:40px;height:40px;border-radius:10px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.activity-content{flex:1}.activity-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.activity-description{font-size:13px;color:var(--text-secondary)}.activity-time{font-size:12px;color:var(--text-muted);margin-top:4px}.progress-bar{width:100%;height:8px;background:#3341554d;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.badge-modern{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #667eea4d}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:24px}.feature-card{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:32px;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;will-change:transform;contain:layout style}.feature-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-8px) scale(1.02);border-color:#667eea80;box-shadow:0 12px 32px #667eea40}.feature-card:hover:before{opacity:.1}.feature-icon{width:64px;height:64px;border-radius:16px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px;box-shadow:0 8px 24px #667eea4d;position:relative;z-index:1}.feature-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px;position:relative;z-index:1}.feature-description{font-size:14px;color:var(--text-secondary);line-height:1.6;position:relative;z-index:1}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animated-gradient{background:linear-gradient(270deg,#667eea,#764ba2,#f093fb,#4facfe);background-size:400% 400%;animation:gradientShift 8s ease infinite}.glass-effect{background:#0f172ab3;backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.app-container-unified{min-height:100vh;display:flex;flex-direction:column}.main-content-unified{flex:1;padding:24px;max-width:100vw;animation:fadeIn .5s ease-out}.floating-stack{position:fixed;bottom:20px;right:20px;z-index:998;display:flex;flex-direction:column;align-items:center;gap:10px}.floating-stack-btn{width:46px;height:46px;border-radius:50%;background:var(--card-bg);border:1.5px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #0000001f;flex-shrink:0}.floating-stack-btn:hover{background:var(--corporate-blue);color:#fff;border-color:var(--corporate-blue);transform:scale(1.1);box-shadow:0 4px 16px #2563eb59}.floating-stack-btn.support-trigger{background:var(--corporate-blue);color:#fff;border-color:var(--corporate-blue)}.floating-stack-btn.support-trigger:hover{background:#1e40af;border-color:#1e40af;box-shadow:0 4px 16px #1e40af80}.floating-stack-tooltip{position:absolute;right:56px;background:var(--text-primary);color:var(--bg-primary);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translate(4px);box-shadow:0 2px 8px #00000026}.floating-stack-btn:hover .floating-stack-tooltip{opacity:1;transform:translate(0)}.floating-stack-divider{width:28px;height:1px;background:var(--border);flex-shrink:0}.sidebar{display:none}@media(max-width:768px){.main-content-unified{padding:16px}.floating-stack{bottom:12px;right:12px;gap:8px}.floating-stack-btn{width:42px;height:42px}.floating-stack-tooltip{display:none}}@media(max-width:480px){.main-content-unified{padding:12px}.floating-stack{bottom:8px;right:8px;gap:6px}.floating-stack-btn{width:38px;height:38px}}.support-chat-widget{position:fixed;bottom:24px;right:24px;width:400px;max-height:600px;background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;z-index:999;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.support-chat-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary);border-radius:8px 8px 0 0}.support-chat-body{flex:1;overflow-y:auto;max-height:500px}.support-chat-messages{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:300px;max-height:400px;overflow-y:auto}.support-message{display:flex;margin-bottom:8px}.user-message{justify-content:flex-end}.user-message .support-message-content{background:var(--corporate-blue);color:#fff;border-radius:12px 12px 0;max-width:75%}.support-message-item{justify-content:flex-start}.support-message-item .support-message-content{background:var(--bg-tertiary);color:var(--text-primary);border-radius:12px 12px 12px 0;max-width:75%}.support-message-content{padding:10px 14px;word-wrap:break-word}.support-chat-input{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:8px;background:var(--bg-tertiary);border-radius:0 0 8px 8px}.conversation-item:hover{background:var(--bg-hover)!important;border-color:var(--corporate-blue)}@media(max-width:768px){.support-chat-widget{width:calc(100vw - 24px);right:12px;bottom:12px;max-height:70vh}}@media(max-width:480px){.support-chat-widget{width:calc(100vw - 16px);right:8px;bottom:8px}}.notification-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--accent-red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary);animation:pulse-badge 2s infinite}.notification-item{padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;margin-bottom:8px;transition:all .2s ease;cursor:pointer}.notification-item:hover{background:var(--bg-hover);border-color:var(--corporate-blue);transform:translate(2px)}.notification-item.unread{border-left:3px solid var(--corporate-blue);background:#1e40af0d}.notification-priority-high{border-left-color:var(--accent-red)!important}.notification-priority-medium{border-left-color:var(--accent-orange)!important}.notification-priority-low{border-left-color:var(--corporate-gray)!important}.invoice-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.invoice-action-btn{padding:6px 12px;border-radius:4px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.invoice-action-btn:hover{background:var(--corporate-blue);color:#fff;border-color:var(--corporate-blue);transform:translateY(-1px);box-shadow:0 2px 8px #1e40af4d}.invoice-action-btn.danger:hover{background:var(--accent-red);border-color:var(--accent-red)}.invoice-action-btn.success:hover{background:var(--accent-green);border-color:var(--accent-green)}.theme-toggle-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle-btn:hover{border-color:var(--corporate-blue);color:var(--corporate-blue);transform:scale(1.05)}.chart-legend{display:flex;align-items:center;gap:16px;padding:0 24px 12px}.chart-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-secondary)}.chart-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dash-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.dash-summary-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:20px;transition:all .25s ease;overflow:hidden;position:relative}.dash-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.dash-summary-card.auction:before{background:linear-gradient(90deg,#2563eb,#0891b2)}.dash-summary-card.marketplace:before{background:linear-gradient(90deg,#059669,#0891b2)}.dash-summary-card:hover{border-color:#2563eb4d;box-shadow:0 4px 20px #0000000f;transform:translateY(-2px)}.dash-summary-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.dash-summary-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dash-summary-icon.auction{background:linear-gradient(135deg,#2563eb,#1e40af)}.dash-summary-icon.marketplace{background:linear-gradient(135deg,#059669,#047857)}.dash-summary-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0}.dash-summary-subtitle{font-size:11px;color:var(--text-muted);margin:2px 0 0}.dash-summary-metrics{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.dash-metric{display:flex;flex-direction:column;align-items:center;flex:1}.dash-metric-value{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2}.dash-metric-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.dash-metric-divider{width:1px;height:32px;background:var(--border)}.dash-summary-list{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.dash-summary-list-item{display:flex;align-items:center;gap:8px;font-size:12px}.dash-won-icon{color:#059669;flex-shrink:0}.dash-item-icon{color:var(--corporate-blue);flex-shrink:0}.dash-summary-list-title{flex:1;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-summary-list-value{font-weight:700;color:var(--text-primary);white-space:nowrap}.dash-status-pill{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.dash-status-pill.available{background:#2563eb1a;color:#2563eb}.dash-status-pill.sold{background:#0596691a;color:#059669}.dash-status-pill.closed{background:#6b72801a;color:#6b7280}.dash-content-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:900px){.dash-cards-row,.dash-content-row{grid-template-columns:1fr}}.dashboard-layout{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:start}.dashboard-main{min-width:0}.communications-hub{position:sticky;top:24px;background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;overflow:hidden;height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 4px 24px #0000001a}.comms-header{padding:20px 20px 0;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.comms-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.comms-header-left{display:flex;align-items:center;gap:8px;min-width:0}.comms-header-icon{color:var(--corporate-blue);flex-shrink:0;display:none}.comms-collapsed-hint{display:none;margin:0;font-size:12px;color:var(--text-muted);font-weight:400;line-height:1.4}.comms-collapse-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.comms-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.comms-collapse-btn:active{transform:scale(.95)}.comms-collapsed .comms-collapse-btn{background:var(--corporate-blue);color:#fff;border-color:var(--corporate-blue)}.comms-title{margin:0 0 16px;font-size:15px;font-weight:800;color:var(--text-primary);letter-spacing:.5px}.comms-title-light{font-weight:500;color:var(--text-secondary)}.comms-tabs{display:flex;gap:2px}.comms-tab{flex:1;padding:10px 8px;border:none;background:transparent;border-radius:8px 8px 0 0;font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s ease;position:relative}.comms-tab:hover{color:var(--text-primary);background:#2563eb0d}.comms-tab.active{color:var(--corporate-blue);background:var(--card-bg);border-bottom:2px solid var(--corporate-blue);margin-bottom:-1px}.comms-tab-label{white-space:nowrap}.comms-tab-badge{background:#dc2626;color:#fff;font-size:9px;padding:1px 5px;border-radius:8px;font-weight:700;min-width:16px;text-align:center;line-height:1.4}.comms-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.comms-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.comms-panel-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.comms-msg{display:flex;gap:10px;align-items:flex-start;animation:fadeIn .2s ease}.comms-msg.user{flex-direction:row-reverse}.comms-msg-avatar{width:30px;height:30px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.comms-msg.assistant .comms-msg-avatar{background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;border:none}.comms-msg.user .comms-msg-avatar{background:var(--corporate-blue);color:#fff;border:none}.comms-msg-body{flex:1;min-width:0;max-width:85%}.comms-msg-text{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.6;word-wrap:break-word}.comms-msg.assistant .comms-msg-text{background:var(--bg-tertiary);color:var(--text-primary);border-radius:2px 12px 12px}.comms-msg.user .comms-msg-text{background:var(--corporate-blue);color:#fff;border-radius:12px 2px 12px 12px}.comms-msg-text p{margin:0 0 8px}.comms-msg-text p:last-child{margin-bottom:0}.comms-msg-time{font-size:10px;color:var(--text-muted);margin-top:4px;padding:0 4px}.comms-msg-sources{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px;padding:0 4px}.comms-source-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px;border:1px solid var(--border);text-transform:capitalize}.comms-typing{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-tertiary);border-radius:12px;font-size:12px;color:var(--text-muted)}.comms-typing-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comms-suggestions{padding:0 16px 8px;border-bottom:1px solid var(--border)}.comms-suggestions-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.comms-suggestions-grid{display:flex;flex-wrap:wrap;gap:6px}.comms-suggestion-btn{padding:6px 12px;border:1px solid var(--border);background:var(--bg-tertiary);border-radius:16px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.comms-suggestion-btn:hover{border-color:var(--corporate-blue);color:var(--corporate-blue);background:#2563eb0d}.comms-input-bar{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px;background:var(--bg-tertiary)}.comms-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .2s ease;font-family:inherit}.comms-input:focus{border-color:var(--corporate-blue);box-shadow:0 0 0 2px #2563eb1a}.comms-send-btn{width:40px;height:40px;border:none;border-radius:8px;background:var(--corporate-blue);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.comms-send-btn:hover:not(:disabled){background:#1e40af;transform:translateY(-1px)}.comms-send-btn:disabled{opacity:.4;cursor:not-allowed}.comms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted);gap:12px}.comms-empty p{font-size:13px;margin:0}.faq-search-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-muted)}.faq-search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:13px;outline:none;font-family:inherit}.faq-categories{display:flex;gap:4px;padding:10px 16px;overflow-x:auto;border-bottom:1px solid var(--border)}.faq-category-btn{padding:4px 10px;border:1px solid var(--border);background:transparent;border-radius:12px;font-size:10px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.faq-category-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.faq-category-btn.active{background:var(--corporate-blue);color:#fff;border-color:var(--corporate-blue)}.faq-list{flex:1;overflow-y:auto;padding:12px 16px}.faq-group{margin-bottom:16px}.faq-group-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-light)}.faq-group-count{margin-left:auto;font-size:10px;color:var(--text-muted);background:var(--bg-tertiary);padding:1px 6px;border-radius:8px}.faq-item{border:1px solid var(--border);border-radius:8px;margin-bottom:6px;overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:#2563eb4d}.faq-item.expanded{border-color:var(--corporate-blue);box-shadow:0 2px 8px #2563eb1a}.faq-item-header{width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;font-family:inherit}.faq-item-header:hover{background:#2563eb08}.faq-item-title{flex:1}.faq-item-content{padding:10px 12px 12px;font-size:12px;line-height:1.7;color:var(--text-secondary);border-top:1px solid var(--border-light);animation:fadeIn .2s ease}.support-list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.support-list-title{font-size:13px;font-weight:700;color:var(--text-primary)}.support-new-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--corporate-blue);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.support-new-btn:hover{background:#1e40af}.support-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.support-convo-item{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}.support-convo-item:hover{border-color:var(--corporate-blue);background:var(--bg-hover);transform:translate(2px)}.support-convo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.support-convo-subject{font-size:13px;font-weight:600;color:var(--text-primary)}.support-convo-date{font-size:10px;color:var(--text-muted)}.support-convo-bottom{display:flex;justify-content:space-between;align-items:center}.support-convo-category{font-size:10px;text-transform:uppercase;font-weight:600;color:var(--text-muted);letter-spacing:.3px}.support-convo-status{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;text-transform:capitalize}.support-detail-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.support-back-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.support-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.support-detail-info{display:flex;flex-direction:column;gap:2px;min-width:0}.support-detail-subject{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-detail-meta{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;text-transform:capitalize;color:var(--text-muted)}.support-form-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.support-form-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0}.support-form{padding:16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.support-field{display:flex;flex-direction:column;gap:4px}.support-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.support-input,.support-select,.support-textarea{padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;outline:none;font-family:inherit;transition:border-color .2s ease}.support-input:focus,.support-select:focus,.support-textarea:focus{border-color:var(--corporate-blue)}.support-textarea{resize:vertical;min-height:80px}.support-submit-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:var(--corporate-blue);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.support-submit-btn:hover:not(:disabled){background:#1e40af}.support-submit-btn:disabled{opacity:.5;cursor:not-allowed}.notif-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.notif-item{display:flex;gap:10px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{background:#2563eb0a;border-left-color:var(--corporate-blue)}.notif-item.notif-priority-high{border-left-color:#dc2626}.notif-icon{flex-shrink:0;margin-top:2px}.notif-body{flex:1;min-width:0}.notif-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.notif-title{font-size:12px;font-weight:700;color:var(--text-primary)}.notif-time{font-size:10px;color:var(--text-muted);flex-shrink:0}.notif-message{font-size:11px;color:var(--text-secondary);margin:0 0 6px;line-height:1.5}.notif-action-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--corporate-blue);color:#fff;border:none;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.notif-action-btn:hover{background:#1e40af}.email-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;flex:1}.email-empty-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#0891b2);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.email-empty-title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text-primary)}.email-empty-desc{margin:0 0 24px;font-size:13px;color:var(--text-secondary);line-height:1.6;max-width:280px}.email-empty-features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;width:100%;max-width:260px}.email-empty-feature{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary);text-align:left}.email-empty-feature svg{color:var(--corporate-blue);flex-shrink:0}.email-connect-cta{padding:12px 28px;background:var(--corporate-blue);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.email-connect-cta:hover{background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.email-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);gap:8px}.email-toolbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.email-toolbar-right{display:flex;align-items:center;gap:4px}.email-folder-toggle{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.email-folder-toggle:hover,.email-folder-toggle.active{border-color:var(--corporate-blue);color:var(--corporate-blue)}.email-search-wrap{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-tertiary);flex:1;min-width:0;color:var(--text-muted)}.email-search{border:none;background:transparent;color:var(--text-primary);font-size:12px;outline:none;width:100%}.email-toolbar-btn{width:30px;height:30px;border:1px solid var(--border);border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.email-toolbar-btn:hover{border-color:var(--corporate-blue);color:var(--corporate-blue)}.email-toolbar-btn.compose{background:var(--corporate-blue);border-color:var(--corporate-blue);color:#fff}.email-toolbar-btn.compose:hover{background:#1e40af}.email-folder-bar{display:flex;padding:6px 14px;gap:4px;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.email-folder-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:none;border-radius:5px;background:transparent;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.email-folder-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.email-folder-btn.active{background:var(--corporate-blue);color:#fff}.email-account-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-bottom:1px solid var(--border);font-size:10px}.email-account-addr{color:var(--text-secondary);font-weight:500}.email-account-status{padding:2px 6px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:9px}.email-account-status.active{background:#0596691a;color:#059669}.email-account-status.error{background:#dc26261a;color:#dc2626}.email-account-status.expired{background:#f59e0b1a;color:#f59e0b}.email-list{flex:1;overflow-y:auto}.email-list-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:none;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;width:100%;text-align:left;transition:background .15s ease}.email-list-item:hover{background:var(--bg-hover)}.email-list-item.unread{background:#2563eb08}.email-list-item.unread .email-list-from,.email-list-item.unread .email-list-subject{font-weight:700}.email-list-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.email-list-content{flex:1;min-width:0}.email-list-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.email-list-from{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-list-date{font-size:10px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.email-list-subject{display:block;font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.email-list-preview{display:block;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-list-indicators{display:flex;flex-direction:column;gap:4px;color:var(--text-muted);flex-shrink:0;padding-top:2px}.email-starred{color:#f59e0b}.email-detail-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.email-back-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.email-back-btn:hover{border-color:var(--corporate-blue);color:var(--corporate-blue)}.email-detail-subject{font-size:14px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-detail-body{flex:1;overflow-y:auto;padding:16px}.email-detail-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.email-detail-sender{display:flex;align-items:center;gap:10px}.email-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.email-detail-from-name{display:block;font-size:13px;font-weight:600;color:var(--text-primary)}.email-detail-from-addr{display:block;font-size:11px;color:var(--text-muted)}.email-detail-date{font-size:11px;color:var(--text-muted);white-space:nowrap}.email-detail-recipients{font-size:11px;color:var(--text-secondary);margin-bottom:12px;padding:8px 12px;background:var(--bg-tertiary);border-radius:6px}.email-detail-attachments{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);margin-bottom:16px;padding:6px 10px;background:#f59e0b14;border-radius:6px;border:1px solid rgba(245,158,11,.2)}.email-detail-content{font-size:13px;line-height:1.7;color:var(--text-primary)}.email-compose-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.email-compose-title{flex:1;font-size:14px;font-weight:600;color:var(--text-primary)}.email-send-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--corporate-blue);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.email-send-btn:hover:not(:disabled){background:#1e40af}.email-send-btn:disabled{opacity:.5;cursor:not-allowed}.email-compose-form{flex:1;overflow-y:auto;display:flex;flex-direction:column}.email-compose-field{display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 14px}.email-compose-field label{font-size:12px;font-weight:600;color:var(--text-secondary);width:50px;flex-shrink:0}.email-compose-field input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:13px;padding:10px 0;outline:none}.email-compose-body{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:13px;line-height:1.6;padding:14px;resize:none;outline:none;min-height:200px;font-family:inherit}.email-setup{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px}.email-setup-back{display:flex;align-items:center;gap:6px;padding:0;margin-bottom:16px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:color .15s}.email-setup-back:hover{color:var(--corporate-blue)}.email-setup-title{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--text-primary)}.email-setup-subtitle{margin:0 0 20px;font-size:12px;color:var(--text-secondary);line-height:1.6}.email-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.email-provider-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-tertiary);cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.email-provider-card:hover:not(:disabled){border-color:var(--corporate-blue);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.email-provider-card.connected{opacity:.6;cursor:default}.email-provider-name{font-size:13px;font-weight:600;color:var(--text-primary)}.email-provider-desc{font-size:10px;color:var(--text-muted);line-height:1.4}.email-provider-connected-badge{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;padding:2px 6px;background:#0596691a;color:#059669;border-radius:3px;text-transform:uppercase}.email-security-footer{display:flex;align-items:flex-start;gap:8px;padding:12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border)}.email-security-footer svg{color:#059669;flex-shrink:0;margin-top:1px}.email-security-footer span{font-size:11px;color:var(--text-secondary);line-height:1.5}.email-setup-provider-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.email-setup-provider-name{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.email-setup-provider-desc{margin:2px 0 0;font-size:11px;color:var(--text-muted)}.email-security-card{background:#0596690d;border:1px solid rgba(5,150,105,.2);border-radius:10px;padding:14px;margin-bottom:20px}.email-security-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#059669;margin-bottom:10px}.email-security-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.email-security-list li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.email-security-list li svg{color:#059669;flex-shrink:0}.email-setup-field{margin-bottom:16px}.email-setup-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.email-setup-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s;box-sizing:border-box}.email-setup-input:focus{border-color:var(--corporate-blue)}.email-scope-toggle{display:flex;align-items:center;gap:6px;padding:0;margin-bottom:12px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:color .15s}.email-scope-toggle:hover{color:var(--corporate-blue)}.email-scope-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:10px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border)}.email-scope-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.email-scope-item svg{color:#059669}.email-connect-btn{width:100%;padding:12px;border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.email-connect-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.email-connect-btn:disabled{opacity:.5;cursor:not-allowed}.email-connected-list{margin-bottom:24px}.email-connected-heading{margin:0 0 10px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.email-add-heading{margin:0 0 12px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.email-connected-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.email-connected-info{display:flex;align-items:center;gap:10px}.email-connected-address{display:block;font-size:12px;font-weight:600;color:var(--text-primary)}.email-connected-status{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;text-transform:uppercase}.email-connected-status.status-active{color:#059669}.email-connected-status.status-error{color:#dc2626}.email-connected-actions{display:flex;align-items:center;gap:10px}.email-sync-toggle{position:relative;display:inline-block;width:32px;height:18px}.email-sync-toggle input{opacity:0;width:0;height:0}.email-sync-slider{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:18px;transition:background .2s}.email-sync-slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .2s}.email-sync-toggle input:checked+.email-sync-slider{background:#059669}.email-sync-toggle input:checked+.email-sync-slider:before{transform:translate(14px)}.email-disconnect-btn{padding:4px 10px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--text-muted);font-size:10px;cursor:pointer;transition:all .15s}.email-disconnect-btn:hover{border-color:#dc2626;color:#dc2626}.email-disconnect-confirm{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-secondary)}.email-disconnect-yes{padding:2px 8px;border:none;border-radius:4px;background:#dc2626;color:#fff;font-size:10px;font-weight:600;cursor:pointer}.email-disconnect-no{padding:2px 8px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-secondary);font-size:10px;cursor:pointer}@media(max-width:1200px){.dashboard-layout{grid-template-columns:1fr}.communications-hub{position:relative;top:0;height:550px}}@media(max-width:768px){.communications-hub{height:auto;max-height:60vh;border-radius:12px;position:relative;top:0;overflow:hidden;transition:all .3s ease}.communications-hub.comms-collapsed{max-height:none;height:auto;overflow:visible}.communications-hub.comms-collapsed .comms-body,.communications-hub.comms-collapsed .comms-tabs{display:none}.communications-hub.comms-collapsed .comms-header{border-bottom:none;padding:14px 16px;cursor:pointer}.communications-hub.comms-collapsed .comms-title{margin-bottom:0}.communications-hub.comms-collapsed .comms-collapsed-hint{display:block;margin-top:4px}.comms-header-icon{display:block}.comms-collapse-btn{display:flex}.comms-tab-label{display:none}.comms-tab{padding:10px 12px}.comms-suggestion-btn{font-size:10px;padding:5px 10px}}.stats-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.stats-card:active{transform:translateY(-2px)}.page-header{margin-bottom:32px}.page-brand{display:flex;align-items:center;gap:8px;margin-bottom:4px}.page-brand-icon{color:var(--corporate-blue)}.page-brand-label{font-size:13px;font-weight:800;color:var(--corporate-blue);letter-spacing:1.5px;text-transform:uppercase}.page-title{font-size:32px;font-weight:800;background:linear-gradient(135deg,var(--text-primary) 0%,var(--corporate-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:-.5px}.page-description{font-size:15px;color:var(--text-secondary);font-weight:500}.stats-grid{gap:20px;margin-bottom:32px}.stats-card-modern{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-card-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.stats-card-modern:hover:before{opacity:1}.card{border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #0000001f}.card-header{padding:24px;border-bottom:1px solid var(--border);background:var(--bg-tertiary);border-radius:12px 12px 0 0}.card-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.chart-container{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #00000014}.chart-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary)}.chart-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.chart-tabs{display:flex;gap:8px}.chart-tab{padding:6px 14px;border:1px solid var(--border);background:transparent;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.chart-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.chart-tab.active{background:var(--corporate-blue);color:#fff;border-color:var(--corporate-blue)}.btn{font-weight:600;border-radius:8px;padding:10px 18px;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;cursor:pointer;border:none;letter-spacing:-.1px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--corporate-blue);color:#fff;box-shadow:0 2px 8px #2563eb4d}.btn-primary:hover{background:#1e40af;box-shadow:0 4px 12px #2563eb66}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--corporate-blue)}.table{width:100%;border-collapse:collapse;min-width:700px}.table thead{background:var(--bg-tertiary)}.table th{padding:14px 20px;text-align:left;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);white-space:nowrap}.table td{padding:16px 20px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-primary);white-space:nowrap}.table tbody tr{transition:background .2s ease}.table tbody tr:hover{background:var(--bg-hover)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.status-badge.status-paid{background:#10b98126;color:#10b981}.status-badge.status-pending{background:#f59e0b26;color:#f59e0b}.status-badge.status-overdue{background:#dc262626;color:#dc2626}.status-badge.status-draft{background:#6b728026;color:#6b7280}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--corporate-blue);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#2563eb33;color:var(--text-primary)}.loading-shimmer{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mobile-section-nav{display:none}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.invoice-totals-wrapper{display:flex;justify-content:flex-end;margin-top:20px}.invoice-totals{width:300px}@media(max-width:1400px){.dashboard-layout{grid-template-columns:1fr 360px;gap:20px}.communications-hub{height:calc(100vh - 40px);top:20px}}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.page-title{font-size:28px}.page-description{font-size:14px}.chart-container{overflow-x:auto}}@media(max-width:768px){.dashboard-layout{grid-template-columns:1fr;gap:16px}.dashboard-main{padding:0}.page-header{margin-bottom:16px;flex-direction:column;gap:12px}.page-header .theme-toggle-btn{align-self:flex-end;margin-top:-40px}.page-title{font-size:22px}.page-description{font-size:13px}.mobile-section-nav{display:flex;gap:4px;margin-bottom:20px;padding:4px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-section-tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.mobile-section-tab.active{background:var(--corporate-blue);color:#fff;box-shadow:0 2px 8px #2563eb4d}.mobile-tab-badge{position:absolute;top:4px;right:8px;width:16px;height:16px;border-radius:50%;background:#dc2626;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.floating-stack{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stats-card-modern{min-height:auto}.stats-card-content{padding:14px}.stats-card-label{font-size:11px}.stats-card-value{font-size:22px}.stats-card-icon{width:32px;height:32px;border-radius:8px}.stats-card-icon svg{width:16px;height:16px}.stats-card-change{font-size:11px}.chart-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.chart-tabs{width:100%}.chart-tab{flex:1;font-size:11px;padding:6px 8px;text-align:center}.table-container{margin:0 -1px}.table{min-width:540px}.table th,.table td{padding:10px 12px;font-size:12px}.table th{font-size:10px}.card{border-radius:10px}.card-header{padding:14px 16px;flex-wrap:wrap;gap:8px}.card-title{font-size:15px}.btn{padding:8px 14px;font-size:13px}.dash-cards-row,.dash-content-row{grid-template-columns:1fr;gap:12px}.dash-summary-card{padding:16px}.dash-summary-metrics{gap:8px}.dash-metric-value{font-size:16px}.dash-metric-label{font-size:10px}.activity-feed{padding:12px}.activity-item{padding:10px 0}.activity-icon{width:34px;height:34px}.activity-title{font-size:13px}.activity-description{font-size:12px}.notification-item{padding:10px}.form-grid-2col{grid-template-columns:1fr;gap:12px}.invoice-totals-wrapper{justify-content:stretch}.invoice-totals{width:100%}.invoice-actions{flex-wrap:wrap;gap:6px}.invoice-action-btn{font-size:11px;padding:4px 8px}.auth-card{padding:32px 24px;border-radius:16px;margin:0 8px}.auth-title{font-size:24px;margin-bottom:28px}.form-input,.form-select,.form-textarea{padding:12px;font-size:16px}.status-badge{font-size:10px;padding:3px 8px}.chart-container-compact .data-visualization{height:120px}}@media(max-width:480px){.main-content-unified{padding:10px}.page-title{font-size:20px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stats-card-content{padding:12px}.stats-card-value{font-size:18px}.stats-card-label{font-size:10px}.stats-card-change{display:none}.mobile-section-tab{padding:8px 6px;font-size:10px}.mobile-section-tab svg{width:14px;height:14px}.card-header{padding:12px}.card-title{font-size:14px}.btn{padding:7px 12px;font-size:12px;gap:4px}.communications-hub{max-height:55vh}.comms-header-row{gap:8px}.comms-header{padding:14px 14px 0}.comms-title{font-size:13px}.comms-tab{padding:8px 10px}.comms-collapse-btn{width:28px;height:28px;border-radius:6px}.dash-summary-card{padding:12px}.dash-summary-header{margin-bottom:12px}.dash-summary-icon{width:34px;height:34px;border-radius:8px}.dash-summary-title{font-size:13px}.auth-card{padding:24px 16px;border-radius:14px}.auth-title{font-size:20px;margin-bottom:24px}.chart-container-compact{padding:12px}.chart-container-compact .chart-header{padding:0 0 12px}.chart-container-compact .data-visualization{height:100px;padding:8px;gap:8px}.bar-chart-value,.bar-chart-label{font-size:9px}}@media(max-width:900px)and (orientation:landscape){.communications-hub{max-height:50vh}.communications-hub.comms-collapsed{max-height:none;height:auto}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(hover:none)and (pointer:coarse){.stats-card:active{transform:scale(.98)}.btn:active{transform:scale(.97)}.floating-stack-btn:active{transform:scale(.95)}.notif-item:active{transform:scale(.99)}.mobile-section-tab:active{transform:scale(.96)}.table-container{scrollbar-width:none;-ms-overflow-style:none}.table-container::-webkit-scrollbar{display:none}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.stats-card-gradient,.chart-container,.communications-hub{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.floating-stack,.communications-hub,.mobile-section-nav{display:none!important}.dashboard-layout{grid-template-columns:1fr}.stats-card-modern{break-inside:avoid}}.toast-container{position:fixed;top:72px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--card-bg);border:1px solid var(--border);border-left:4px solid #2563eb;border-radius:12px;box-shadow:0 8px 24px #00000026;animation:toast-slide-in .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;margin-top:1px}.toast-content{flex:1;min-width:0}.toast-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.toast-message{font-size:12px;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.toast-close{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;transition:color .2s,background .2s}.toast-close:hover{color:var(--text-primary);background:var(--bg-hover)}.notif-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.notif-toolbar-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:11px;font-weight:500;padding:4px 10px;cursor:pointer;transition:all .2s}.notif-toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.notif-toolbar-btn.danger:hover{color:var(--accent-red);border-color:var(--accent-red)}.notif-actions-row{display:flex;align-items:center;gap:6px;margin-top:4px}.notif-delete-btn{margin-left:auto;opacity:0;transition:opacity .2s}.notif-item:hover .notif-delete-btn{opacity:1}@media(max-width:480px){.toast-container{right:8px;left:8px;max-width:none;top:64px}}.nd-overlay{position:fixed;inset:56px 0 0;z-index:500}.nd-panel{position:absolute;top:8px;right:24px;width:400px;max-height:calc(100vh - 80px);background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #0003,0 0 0 1px #ffffff08;display:flex;flex-direction:column;overflow:hidden;animation:nd-slide-in .2s cubic-bezier(.4,0,.2,1)}@keyframes nd-slide-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.nd-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.nd-header-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.nd-header-actions{display:flex;align-items:center;gap:4px}.nd-action-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.nd-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nd-action-danger:hover{color:#dc2626}.nd-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.nd-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nd-body{flex:1;overflow-y:auto;overscroll-behavior:contain;max-height:440px}.nd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;color:var(--text-muted)}.nd-empty p{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0}.nd-empty span{font-size:12px}.nd-item{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;cursor:pointer;transition:background .15s ease;position:relative;border-bottom:1px solid var(--border)}.nd-item:last-child{border-bottom:none}.nd-item:hover{background:var(--bg-tertiary)}.nd-unread{background:#2563eb0a}.nd-unread:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#2563eb}.nd-item-icon{flex-shrink:0;margin-top:2px}.nd-item-body{flex:1;min-width:0}.nd-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.nd-item-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nd-item-time{font-size:10px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px}.nd-item-msg{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nd-item-dismiss{flex-shrink:0;opacity:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;margin-top:2px}.nd-item:hover .nd-item-dismiss{opacity:1}.nd-item-dismiss:hover{color:var(--text-primary);background:var(--bg-hover)}.nd-footer{padding:10px 20px;border-top:1px solid var(--border);font-size:11px;font-weight:500;color:var(--corporate-blue);text-align:center}.app-topbar-bell.active{background:var(--bg-tertiary);color:var(--corporate-blue);border-color:#2563eb4d}@media(max-width:640px){.nd-panel{right:8px;left:8px;width:auto}}.phone-verify-step{display:flex;flex-direction:column;gap:16px}.phone-verify-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:4px}.phone-verify-header svg{color:var(--accent, #4facfe);margin-top:2px}.phone-verify-title{margin:0;font-size:18px;font-weight:600;color:var(--text, #e5e7eb)}.phone-verify-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-muted, #94a3b8)}.info-message{background:linear-gradient(135deg,#4facfe1a,#00f2fe0d);border:1px solid rgba(79,172,254,.3);color:#4facfe;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:500}.form-hint{margin:6px 2px 0;font-size:12px;color:var(--text-muted, #94a3b8)}.phone-input-row{display:flex;align-items:stretch;gap:8px}.phone-dial-code{display:inline-flex;align-items:center;padding:0 14px;border-radius:12px;border:1px solid var(--border, rgba(255,255,255,.1));background:#ffffff05;color:var(--text, #e5e7eb);font-size:14px;font-weight:600;white-space:nowrap;min-width:78px;justify-content:center}.phone-number-input{flex:1;min-width:0}.phone-verify-channels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-verify-channel{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--border, rgba(255,255,255,.1));background:#ffffff05;color:var(--text-muted, #94a3b8);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.phone-verify-channel:hover{border-color:#4facfe66;color:var(--text, #e5e7eb)}.phone-verify-channel.active{border-color:#4facfe;background:#4facfe1f;color:#4facfe}.phone-verify-sent{text-align:center;font-size:13px;color:var(--text-muted, #94a3b8)}.phone-verify-sent strong{color:var(--text, #e5e7eb);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.phone-verify-code-inputs{display:flex;justify-content:center;gap:8px}.phone-verify-code-digit{width:44px;height:54px;text-align:center;font-size:22px;font-weight:700;padding:0}.auth-alt-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-muted, #94a3b8);font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;transition:color .15s ease}.auth-alt-action:hover:not(:disabled){color:#4facfe}.auth-alt-action:disabled{opacity:.5;cursor:not-allowed}.auth-submitting{text-align:center;padding:24px 0;color:var(--text-muted, #94a3b8);font-size:13px}.claim-pending-panel{display:flex;flex-direction:column;gap:16px}.claim-pending-facts{background:#4facfe14;border:1px solid rgba(79,172,254,.25);border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.55;color:var(--text, #e5e7eb)}.claim-pending-row{display:block;margin-bottom:6px}.claim-pending-row:last-child{margin-bottom:0}.claim-pending-row.claim-pending-note{margin-top:8px;padding-top:8px;border-top:1px solid rgba(79,172,254,.2);color:var(--text-muted, #94a3b8);font-size:12px}.landing-simple{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;z-index:1}.landing-theme-btn-float{position:fixed;top:16px;right:16px;width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--glass-bg);backdrop-filter:blur(12px);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.landing-theme-btn-float:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--corporate-blue)}.landing-simple-card{width:100%;max-width:400px;background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:40px 32px 32px;box-shadow:var(--shadow-lg);animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.landing-simple-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.landing-logo{width:40px;height:40px;border-radius:11px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #2563eb4d}.landing-simple-title{font-size:24px;font-weight:800;color:var(--text-primary);letter-spacing:1px}.landing-simple-dot{color:var(--corporate-blue)}.landing-simple-tagline{text-align:center;font-size:14px;color:var(--text-muted);margin-bottom:28px}.landing-simple-form{display:flex;flex-direction:column;gap:0}.auth-switch-link-btn{background:none;border:none;color:var(--corporate-blue);font-weight:600;font-size:13px;cursor:pointer;padding:0;text-decoration:none;transition:color .2s ease}.auth-switch-link-btn:hover{color:var(--corporate-blue-light);text-decoration:underline}.auth-info{margin-top:24px;display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg-tertiary)}.auth-info-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:12.5px;color:var(--text-secondary);line-height:1.4;transition:background .15s ease}.auth-info-item:not(:last-child){border-bottom:1px solid var(--border)}.auth-info-item:hover{background:var(--bg-secondary)}.auth-info-icon{color:var(--corporate-blue);flex-shrink:0;opacity:.8}@media(max-width:480px){.landing-simple-card{padding:32px 20px 24px;border-radius:16px}.landing-simple-title{font-size:20px}}.app-topbar{position:sticky;top:0;z-index:100;background:var(--glass-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);will-change:backdrop-filter;contain:layout style}.app-topbar-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;gap:16px}.app-topbar-brand{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}.app-topbar-logo{width:32px;height:32px;border-radius:8px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #2563eb40}.app-topbar-name{font-size:16px;font-weight:800;color:var(--text-primary);letter-spacing:1px}.app-topbar-nav{display:flex;align-items:center;gap:4px}.app-topbar-nav-item{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.app-topbar-nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.app-topbar-nav-item.active{color:var(--corporate-blue);background:#2563eb14}.app-topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.app-topbar-bell{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.app-topbar-bell:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:#2563eb4d}.app-topbar-bell-badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#dc2626;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--glass-bg);line-height:1;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-topbar-user{position:relative;flex-shrink:0}.app-topbar-user-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:all .2s ease}.app-topbar-user-btn:hover{border-color:#2563eb4d;background:var(--bg-hover)}.app-topbar-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.app-topbar-email{font-size:13px;font-weight:500;color:var(--text-secondary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topbar-chevron{color:var(--text-muted);transition:transform .2s ease}.app-topbar-chevron.open{transform:rotate(180deg)}.app-topbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:var(--shadow-lg);animation:dropdownIn .15s ease;z-index:200}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-topbar-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-primary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.app-topbar-dropdown-item:hover{background:var(--bg-tertiary)}.app-topbar-dropdown-item.danger{color:var(--error-red)}.app-topbar-dropdown-item.danger:hover{background:#dc262614}.app-topbar-dropdown-divider{height:1px;background:var(--border);margin:4px 8px}@media(max-width:640px){.app-topbar-inner{padding:0 12px;height:52px}.app-topbar-name,.app-topbar-email,.app-topbar-nav-item span{display:none}.app-topbar-nav-item{padding:8px 12px}.app-topbar-user-btn{padding:3px;border-radius:50%}.app-topbar-chevron{display:none}}.profile-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted)}.profile-page{max-width:920px;margin:0 auto;animation:fadeIn .3s ease;position:relative}.pf-toast{position:fixed;top:72px;right:24px;z-index:10000;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;animation:fadeIn .2s ease;box-shadow:0 8px 24px #00000026}.pf-toast.success{background:#059669;color:#fff}.pf-toast.error{background:#dc2626;color:#fff}.ph-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:20px 24px;margin-bottom:16px}.ph-top{display:flex;align-items:center;gap:16px}.ph-avatar{width:56px;height:56px;border-radius:14px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #2563eb33}.ph-avatar-img{width:100%;height:100%;border-radius:14px;object-fit:cover}.ph-avatar-initials{font-size:20px;font-weight:800;color:#fff}.ph-info{flex:1;min-width:0}.ph-name-row{display:flex;align-items:center;gap:8px;margin-bottom:1px}.ph-name{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-email{font-size:12px;color:var(--text-muted);margin-bottom:4px}.ph-role-badge{display:inline-block;padding:1px 8px;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);border-radius:100px;font-size:9px;font-weight:700;color:var(--corporate-blue);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.ph-bidder-badge{display:inline-flex;align-items:center;gap:2px;padding:1px 8px;background:#0596691a;border:1px solid rgba(5,150,105,.2);border-radius:100px;font-size:9px;font-weight:700;color:#059669;letter-spacing:.3px;flex-shrink:0;font-variant-numeric:tabular-nums}.ph-meta{display:flex;flex-wrap:wrap;gap:12px}.ph-meta-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.ph-stats{display:flex;align-items:center;gap:20px;flex-shrink:0;padding-left:20px;border-left:1px solid var(--border);margin-left:auto}.ph-stat{display:flex;flex-direction:column;align-items:center}.ph-stat-value{font-size:16px;font-weight:800;color:var(--text-primary);letter-spacing:-.2px;display:flex;align-items:center}.ph-stat-label{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ph-stat-divider{width:1px;height:28px;background:var(--border)}.profile-tabs{display:flex;gap:2px;padding:3px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:16px}.profile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:none;background:transparent;border-radius:7px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.profile-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.profile-tab-active{color:var(--corporate-blue);background:#2563eb1a}.profile-tab-text{display:inline}.profile-form{display:flex;flex-direction:column;gap:16px}.profile-tab-content{animation:fadeIn .2s ease}.pf-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.pf-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.pf-section-head-row{display:flex;align-items:center;gap:6px;color:var(--corporate-slate)}.pf-section-title{font-size:12px;font-weight:700;color:var(--corporate-slate);text-transform:uppercase;letter-spacing:.8px;margin:0}.pf-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.pf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.pf-field{display:flex;flex-direction:column;gap:4px}.pf-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.pf-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.pf-input:focus{border-color:var(--corporate-blue);box-shadow:0 0 0 3px #2563eb1a}.pf-input::placeholder{color:var(--text-muted)}.pf-textarea{resize:vertical;min-height:72px}.pf-mono{font-family:SF Mono,Fira Code,Consolas,monospace;letter-spacing:.5px}.pf-avatar-preview{margin-top:8px;width:48px;height:48px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.pf-avatar-preview img{width:100%;height:100%;object-fit:cover}.pf-actions{display:flex;justify-content:flex-end}.pf-small-btn{font-size:12px;padding:7px 14px;gap:5px}.pf-panel{display:flex;flex-direction:column;gap:12px}.pf-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pf-add-form{animation:fadeIn .2s ease}.pf-add-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.pf-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 24px;background:var(--card-bg);border:1px dashed var(--border);border-radius:12px;color:var(--text-muted);text-align:center}.pf-empty p{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0}.pf-empty span{font-size:12px}.pf-list{display:flex;flex-direction:column;gap:6px}.pf-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;transition:all .15s ease}.pf-card:hover{border-color:#2563eb33;box-shadow:0 2px 8px #0000000a}.pf-card-primary{border-color:#2563eb40;background:linear-gradient(135deg,rgba(37,99,235,.04) 0%,var(--card-bg) 100%)}.pf-card-expired{opacity:.65}.pf-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:800}.pf-card-icon-text{font-size:10px;font-weight:800;letter-spacing:.5px}.pf-card-body{flex:1;min-width:0}.pf-card-top{display:flex;align-items:center;gap:6px;margin-bottom:2px}.pf-card-name{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-badge-primary{padding:1px 5px;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.5px;background:var(--corporate-blue);color:#fff}.pf-badge-expired{padding:1px 5px;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.5px;background:#dc2626;color:#fff}.pf-card-addr{display:flex;align-items:center;gap:6px}.pf-addr-text{font-size:12px;color:var(--text-secondary)}.pf-card-detail{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary)}.pf-card-exp{font-size:11px;color:var(--text-muted)}.pf-card-type-badge{font-size:10px;font-weight:600;text-transform:capitalize;padding:1px 6px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-muted)}.pf-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.pf-icon-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pf-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pf-icon-danger:hover{color:#dc2626;background:#dc262614}.pf-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pf-type-chip{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.pf-type-chip:hover{border-color:#2563eb4d;color:var(--text-primary);background:var(--bg-secondary)}.pf-type-chip-active{border-color:var(--corporate-blue);background:#2563eb14;color:var(--corporate-blue);font-weight:600}.pf-card-acct-type{font-size:10px;font-weight:600;text-transform:capitalize;padding:1px 6px;border-radius:4px;background:#0596691a;color:var(--success-green)}.pf-settings{display:flex;flex-direction:column;gap:16px}.pf-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:10px}.pf-toggle-info{display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.pf-toggle-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary)}.pf-toggle-desc{display:block;font-size:11px;color:var(--text-muted);margin-top:1px}.pf-toggle{position:relative;width:40px;height:22px;border-radius:100px;border:none;background:var(--border);cursor:pointer;transition:background .2s ease;flex-shrink:0;padding:0}.pf-toggle-on{background:var(--corporate-blue)}.pf-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.pf-toggle-on .pf-toggle-knob{transform:translate(18px)}.pf-toggle-sm{width:32px;height:18px}.pf-toggle-sm .pf-toggle-knob{width:14px;height:14px}.pf-toggle-sm.pf-toggle-on .pf-toggle-knob{transform:translate(14px)}.pf-toggle-disabled{opacity:.35;cursor:not-allowed}.pf-sms-status-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:100px}.pf-sms-verified{background:#0596691a;color:#059669}.pf-sms-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#eab30814;border:1px solid rgba(234,179,8,.2);border-radius:10px;color:#b45309}.pf-sms-phone-row{display:flex;gap:12px;margin-top:4px}.pf-sms-input-group{display:flex;gap:8px;align-items:center}.pf-sms-input-group .pf-input{flex:1}.pf-sms-verified-inline{display:flex;align-items:center;color:#059669;flex-shrink:0}.pf-sms-code-row{display:flex;align-items:flex-end;gap:12px;margin-top:12px;animation:fadeIn .2s ease}.pf-text-btn{padding:0;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .15s ease;margin-bottom:6px}.pf-text-btn:hover{color:var(--text-primary)}.pf-sms-error{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#dc26260f;border:1px solid rgba(220,38,38,.15);border-radius:8px;font-size:12px;font-weight:500;color:#dc2626;animation:fadeIn .2s ease}.pf-sms-test-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.pf-sms-test-result{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;animation:fadeIn .2s ease}.pf-sms-test-result.success{color:#059669}.pf-sms-test-result.error{color:#dc2626}.pf-notif-sms-col{color:var(--corporate-blue)}.pf-2fa-loading{display:flex;align-items:center;gap:8px;padding:16px;font-size:12px;color:var(--text-muted)}.pf-2fa-status{display:flex;flex-direction:column;gap:8px}.pf-2fa-active-row{display:flex;align-items:center;gap:8px}.pf-2fa-disable-btn{font-size:11px;padding:5px 10px;color:var(--error-red);border-color:#dc26264d}.pf-2fa-disable-btn:hover{background:#dc262614;border-color:var(--error-red)}.pf-2fa-enroll{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:10px;animation:fadeIn .25s ease}.pf-2fa-enroll-header{display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary)}.pf-2fa-qr-container{display:flex;justify-content:center;padding:20px;background:#fff;border-radius:12px;max-width:220px;margin:0 auto}.pf-2fa-qr{width:180px;height:180px;image-rendering:pixelated}.pf-2fa-secret{display:flex;flex-direction:column;gap:4px}.pf-2fa-secret-row{display:flex;align-items:center;gap:6px}.pf-2fa-secret-code{padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:SF Mono,Fira Code,Consolas,monospace;color:var(--text-primary);letter-spacing:1.5px;word-break:break-all;flex:1}.pf-2fa-verify-form{padding-top:4px}.mfa-prompt{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0 8px}.mfa-icon{width:56px;height:56px;border-radius:14px;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);display:flex;align-items:center;justify-content:center;color:var(--corporate-blue)}.mfa-description{font-size:13px;color:var(--text-secondary);text-align:center;line-height:1.5;margin:0}.mfa-code-input{text-align:center;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:20px;letter-spacing:8px;padding:12px 16px}.auth-alt-action{display:block;width:100%;padding:10px;margin-top:12px;background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;text-align:center;transition:color .15s ease}.auth-alt-action:hover{color:var(--text-primary);text-decoration:underline}.pf-notif-header-cols{display:flex;gap:16px}.pf-notif-col-label{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;width:32px;justify-content:center}.pf-notif-list{display:flex;flex-direction:column;gap:0}.pf-notif-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.pf-notif-row:last-child{border-bottom:none}.pf-notif-info{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-primary)}.pf-notif-info svg{color:var(--text-muted)}.pf-notif-toggles{display:flex;gap:16px}.pa-section{display:flex;flex-direction:column;gap:12px}.pa-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pa-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.pa-add-btn{flex-shrink:0;font-size:12px;padding:7px 14px;gap:5px}.pa-search{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-muted)}.pa-search-input{flex:1;border:none;background:transparent;font-size:12px;color:var(--text-primary);outline:none;font-family:inherit}.pa-search-input::placeholder{color:var(--text-muted)}.pa-add-form{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;animation:fadeIn .2s ease}.pa-add-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pa-add-title{font-size:14px;font-weight:700;color:var(--text-primary)}.pa-close-btn{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pa-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pa-platform-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.pa-platform-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.pa-platform-chip:hover{border-color:var(--corporate-blue);color:var(--corporate-blue);background:#2563eb0d}.pa-platform-chip-active{border-color:var(--corporate-blue);color:#fff;background:var(--corporate-blue)}.pa-platform-chip-active:hover{color:#fff;background:var(--corporate-blue-dark)}.pa-primary-tag{padding:1px 5px;border-radius:3px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#2563eb26;color:var(--corporate-blue-light)}.pa-platform-chip-active .pa-primary-tag{background:#fff3;color:#fff}.pa-add-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.pa-add-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.pa-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 24px;background:var(--card-bg);border:1px dashed var(--border);border-radius:12px;color:var(--text-muted);text-align:center}.pa-empty p{font-size:14px;font-weight:600;color:var(--text-secondary)}.pa-empty span{font-size:12px}.pa-list{display:flex;flex-direction:column;gap:6px}.pa-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;transition:all .15s ease}.pa-card:hover{border-color:#2563eb33;box-shadow:0 2px 8px #0000000a}.pa-card-primary{border-color:#2563eb40;background:linear-gradient(135deg,rgba(37,99,235,.04) 0%,var(--card-bg) 100%)}.pa-card-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.pa-card-icon{width:36px;height:36px;border-radius:8px;background:#2563eb1a;color:var(--corporate-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pa-card-icon-market{background:#0596691a;color:var(--success-green)}.pa-card-info{min-width:0}.pa-card-name-row{display:flex;align-items:center;gap:6px;margin-bottom:1px}.pa-card-name{font-size:13px;font-weight:700;color:var(--text-primary)}.pa-primary-badge{padding:1px 5px;border-radius:3px;font-size:8px;font-weight:800;letter-spacing:.5px;background:var(--corporate-blue);color:#fff}.pa-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pa-card-number-row{display:flex;align-items:center}.pa-card-number{font-size:12px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.pa-card-stats{display:flex;gap:20px;flex-shrink:0}.pa-card-stat{display:flex;flex-direction:column;align-items:flex-end;min-width:56px}.pa-card-stat-val{font-size:12px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.pa-card-stat-lbl{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.pa-card-actions{position:relative;flex-shrink:0}.pa-menu-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pa-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pa-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:150px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:var(--shadow-lg);z-index:20;animation:fadeIn .15s ease}.pa-dropdown-item{display:flex;align-items:center;gap:7px;width:100%;padding:7px 10px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;border-radius:5px;cursor:pointer;transition:all .15s ease;text-align:left}.pa-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pa-dropdown-danger{color:var(--error-red)}.pa-dropdown-danger:hover{background:#dc262614;color:var(--error-red)}.pa-inline-edit{display:flex;align-items:center;gap:4px}.pa-inline-input{width:90px;padding:2px 6px;border:1px solid var(--corporate-blue);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none}.pa-inline-btn{width:20px;height:20px;border-radius:4px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.pa-inline-save{background:var(--success-green);color:#fff}.pa-inline-cancel{background:var(--bg-tertiary);color:var(--text-muted)}.auth-back-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;margin-bottom:24px;transition:all .2s ease}.auth-back-btn:hover{color:var(--text-primary);border-color:var(--corporate-blue);background:#2563eb0d}.auth-switch{text-align:center;font-size:13px;color:var(--text-muted);margin-top:20px;margin-bottom:0}.auth-switch-link{color:var(--corporate-blue);font-weight:600;text-decoration:none;transition:color .2s ease}.auth-switch-link:hover{color:var(--corporate-blue-light);text-decoration:underline}.auth-info{margin-top:20px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px}.auth-info-text{font-size:12px;line-height:1.6;color:var(--text-muted);text-align:center;margin:0}.auth-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.spin{animation:spinAnim .8s linear infinite}@keyframes spinAnim{to{transform:rotate(360deg)}}@media(max-width:768px){.profile-page{padding:0 4px}.ph-top{flex-wrap:wrap}.ph-stats{border-left:none;padding-left:0;margin-left:0;padding-top:12px;border-top:1px solid var(--border);width:100%;justify-content:center}.ph-meta{justify-content:flex-start}.pf-grid-2,.pa-add-row{grid-template-columns:1fr}.pf-grid-3{grid-template-columns:1fr 1fr}.pa-header,.pf-panel-header{flex-direction:column;align-items:stretch}.pa-card{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.pa-card-stats{gap:16px;padding-top:8px;border-top:1px solid var(--border)}.pa-card-stat{align-items:flex-start}.pf-section{padding:16px}.pf-actions{justify-content:stretch}.pf-actions .btn{width:100%;justify-content:center}.profile-tab-text{display:none}.profile-tab{padding:8px}}@media(max-width:480px){.pa-platform-grid{gap:5px}.pa-platform-chip{font-size:10px;padding:5px 9px}.ph-avatar{width:44px;height:44px;border-radius:10px}.ph-avatar-initials,.ph-name{font-size:16px}.pf-grid-3{grid-template-columns:1fr}}.inv-page{max-width:1080px;margin:0 auto;animation:fadeIn .3s ease}.inv-page-header{margin-bottom:24px}.inv-page-title{font-size:24px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:4px}.inv-page-desc{font-size:14px;color:var(--text-muted)}.inv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.inv-stat-card{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--card-bg);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;transition:all .2s ease}.inv-stat-card:hover{border-color:#2563eb33;box-shadow:var(--shadow-sm)}.inv-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inv-stat-icon-blue{background:#2563eb1f;color:var(--corporate-blue)}.inv-stat-icon-orange{background:#ea580c1f;color:var(--warning-orange)}.inv-stat-icon-red{background:#dc26261f;color:var(--error-red)}.inv-stat-icon-green{background:#0596691f;color:var(--success-green)}.inv-stat-value{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;font-variant-numeric:tabular-nums}.inv-stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.inv-filters{display:flex;align-items:center;gap:12px;margin-bottom:16px}.inv-filter-tabs{display:flex;gap:4px;padding:3px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap}.inv-filter-tab{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;background:transparent;border-radius:7px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.inv-filter-tab:hover{color:var(--text-primary);background:#2563eb0d}.inv-filter-tab-active{color:var(--corporate-blue);background:#2563eb1a}.inv-filter-count{padding:0 5px;background:var(--bg-tertiary);border-radius:100px;font-size:10px;font-weight:700;color:var(--text-secondary);line-height:18px}.inv-filter-tab-active .inv-filter-count{background:var(--corporate-blue);color:#fff}.inv-search{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);flex:1;max-width:240px}.inv-search-input{flex:1;border:none;background:transparent;font-size:12px;color:var(--text-primary);outline:none;font-family:inherit}.inv-search-input::placeholder{color:var(--text-muted)}.inv-table-card{background:var(--card-bg);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;overflow:hidden}.inv-table th{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.inv-date{font-variant-numeric:tabular-nums;font-size:13px}.inv-amount{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.inv-balance-due{color:var(--error-red);font-weight:700}.inv-balance-zero{color:var(--success-green);font-weight:700}.inv-empty-row{text-align:center;color:var(--text-muted);padding:40px 16px!important;font-size:14px}.inv-number-link{background:none;border:none;color:var(--corporate-blue);font-weight:700;font-size:13px;cursor:pointer;padding:0;transition:color .15s ease;font-family:inherit}.inv-number-link:hover{color:var(--corporate-blue-light);text-decoration:underline}.inv-actions{display:flex;align-items:center;gap:4px}.inv-pay-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:var(--corporate-blue);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.inv-pay-btn:hover{background:var(--corporate-blue-dark)}.inv-icon-btn{width:30px;height:30px;border-radius:7px;border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.inv-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.inv-menu-wrap{position:relative}.inv-menu-backdrop{position:fixed;inset:0;z-index:19}.inv-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:170px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:4px;box-shadow:var(--shadow-lg);z-index:20;animation:fadeIn .15s ease}.inv-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;font-family:inherit;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left}.inv-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.inv-dropdown-danger{color:var(--error-red)}.inv-dropdown-danger:hover{background:#dc26261a;color:var(--error-red)}.inv-dropdown-item-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.inv-dropdown-soon-pill{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:8px;background:var(--bg-secondary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.inv-detail-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:28px;max-width:720px;width:92%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s ease}.inv-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.inv-detail-title{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.inv-detail-client{font-size:14px;color:var(--text-secondary);margin-top:2px}.inv-detail-header-right{display:flex;align-items:center;gap:8px}.inv-detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.inv-detail-meta-item{display:flex;flex-direction:column;gap:2px}.inv-detail-meta-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.inv-detail-meta-value{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.inv-detail-meta-bold{font-weight:800}.inv-detail-actions-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.inv-detail-action-btn{font-size:12px;padding:8px 14px}.inv-detail-dispute-btn{color:var(--error-red)!important;border-color:#dc262633!important}.inv-detail-dispute-btn:hover{background:#dc26261a!important}.inv-detail-loading{text-align:center;padding:32px;color:var(--text-muted);font-size:14px}.inv-detail-section{margin-bottom:20px}.inv-detail-section-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.inv-detail-table{width:100%;border-collapse:collapse;font-size:13px}.inv-detail-table th{text-align:left;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;border-bottom:1px solid var(--border)}.inv-detail-table td{padding:8px 12px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.inv-detail-table tfoot td{border-bottom:none;padding:6px 12px}.inv-detail-foot-label{text-align:right;font-weight:600;color:var(--text-muted)}.inv-detail-foot-total td{font-weight:800;color:var(--text-primary);padding-top:8px;border-top:1px solid var(--border)}.inv-detail-payments{display:flex;flex-direction:column;gap:8px}.inv-payment-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px}.inv-payment-info{display:flex;align-items:center;gap:10px}.inv-payment-number{font-size:13px;font-weight:700;color:var(--text-primary)}.inv-payment-method{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:capitalize;padding:2px 8px;background:var(--bg-tertiary);border-radius:4px}.inv-payment-right{display:flex;align-items:center;gap:12px}.inv-payment-amount{font-size:14px;font-weight:700;color:var(--success-green);font-variant-numeric:tabular-nums}.inv-payment-date{font-size:12px;color:var(--text-muted)}.inv-payment-ref{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.inv-detail-disputes{display:flex;flex-direction:column;gap:8px}.inv-dispute-row{padding:12px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px}.inv-dispute-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.inv-dispute-reason{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:capitalize}.inv-dispute-date{font-size:11px;color:var(--text-muted);margin-left:auto}.inv-dispute-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.inv-dispute-resolution{font-size:13px;color:var(--success-green);margin-top:6px;padding-top:6px;border-top:1px solid var(--border-light)}.inv-payment-modal,.inv-dispute-modal,.inv-email-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:28px;max-width:560px;width:92%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s ease}.inv-pay-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.inv-pay-title{font-size:18px;font-weight:800;color:var(--text-primary)}.inv-pay-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.inv-pay-summary{padding:14px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.inv-pay-summary-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text-secondary)}.inv-pay-summary-due{padding-top:8px;margin-top:4px;border-top:1px solid var(--border);font-weight:800;font-size:15px;color:var(--text-primary)}.inv-pay-section{margin-bottom:18px}.inv-pay-label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.inv-pay-required{color:var(--error-red);margin-left:2px}.inv-pay-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.inv-pay-method{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.inv-pay-method:hover{border-color:var(--corporate-blue);color:var(--corporate-blue);background:#2563eb0d}.inv-pay-method-active{border-color:var(--corporate-blue);background:#2563eb1a;color:var(--corporate-blue);box-shadow:0 0 0 1px var(--corporate-blue)}.inv-pay-amount-wrap{position:relative}.inv-pay-currency{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:700;color:var(--text-muted)}.inv-pay-amount-input{padding-left:28px!important;font-size:18px!important;font-weight:700!important;font-variant-numeric:tabular-nums}.inv-pay-quick-amounts{display:flex;gap:6px;margin-top:8px}.inv-pay-quick{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.inv-pay-quick:hover{border-color:var(--corporate-blue);color:var(--corporate-blue)}.inv-pay-hint{font-size:11px;color:var(--text-muted);margin-top:6px;line-height:1.4}.inv-pay-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;margin-top:8px;border-top:1px solid var(--border)}.inv-pay-secure{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.inv-pay-footer-btns{display:flex;gap:8px}.inv-pay-success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;text-align:center}.inv-pay-success-icon{color:var(--success-green);animation:fadeIn .3s ease}.inv-pay-success h3{font-size:18px;font-weight:800;color:var(--text-primary)}.inv-pay-success p{font-size:14px;color:var(--text-secondary)}.inv-pay-success-ref{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.inv-dispute-warning{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:#ea580c14;border:1px solid rgba(234,88,12,.2);border-radius:10px;margin-bottom:20px;font-size:12px;color:var(--warning-orange);line-height:1.5}.inv-dispute-warning svg{flex-shrink:0;margin-top:1px}.inv-dispute-reasons{display:flex;flex-wrap:wrap;gap:6px}.inv-dispute-reason-chip{padding:7px 14px;border:1px solid var(--border);border-radius:100px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.inv-dispute-reason-chip:hover{border-color:var(--error-red);color:var(--error-red);background:#dc26260d}.inv-dispute-reason-active{border-color:var(--error-red);background:var(--error-red);color:#fff}.inv-dispute-reason-active:hover{background:#b91c1c;color:#fff}.inv-dispute-submit{background:var(--error-red)!important;border-color:var(--error-red)!important}.inv-dispute-submit:hover{background:#b91c1c!important}@media(max-width:768px){.inv-stats{grid-template-columns:repeat(2,1fr);gap:8px}.inv-filters{flex-direction:column;align-items:stretch}.inv-search{max-width:100%}.inv-filter-tabs{overflow-x:auto}.inv-detail-meta{grid-template-columns:repeat(2,1fr)}.inv-detail-actions-bar{flex-direction:column}.inv-pay-methods{grid-template-columns:repeat(2,1fr)}.inv-payment-row{flex-direction:column;align-items:flex-start;gap:6px}.inv-pay-footer{flex-direction:column;gap:12px;align-items:stretch}.inv-pay-footer-btns{justify-content:stretch}.inv-pay-footer-btns .btn{flex:1;justify-content:center}}@media(max-width:480px){.inv-stats{grid-template-columns:1fr 1fr}.inv-stat-card{padding:12px}.inv-stat-icon{width:32px;height:32px}.inv-stat-value{font-size:15px}.inv-pay-methods{grid-template-columns:1fr 1fr}.inv-detail-modal,.inv-payment-modal,.inv-dispute-modal,.inv-email-modal{padding:20px;border-radius:16px}}