*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #f5f7fa;--bg-card: #ffffff;--bg-elevated: #edf0f4;--bg-hover: #e4e8ee;--border: #dde1e7;--border-light: #c5cbd4;--primary: #00b359;--primary-dark: #009a4d;--primary-glow: rgba(0, 179, 89, .12);--secondary: #0099b3;--secondary-glow: rgba(0, 153, 179, .1);--gradient-text: linear-gradient(135deg, #00b359 0%, #0099b3 100%);--gradient-btn: linear-gradient(135deg, #00b359 0%, #009a4d 100%);--gradient-accent: linear-gradient(135deg, #00b359 0%, #0099b3 100%);--white: #ffffff;--text-primary: #1a1f36;--text-secondary: #4a5568;--text-muted: #718096;--text-dim: #a0aec0;--success: #00b359;--success-bg: rgba(0, 179, 89, .08);--error: #e53e3e;--error-bg: rgba(229, 62, 62, .08);--warning: #dd8a00;--warning-bg: rgba(221, 138, 0, .08);--info: #0099b3;--info-bg: rgba(0, 153, 179, .08);--draft-color: #718096;--draft-bg: rgba(113, 128, 150, .08);--sent-color: #0099b3;--sent-bg: rgba(0, 153, 179, .08);--accepted-color: #00b359;--accepted-bg: rgba(0, 179, 89, .08);--rejected-color: #e53e3e;--rejected-bg: rgba(229, 62, 62, .08);--expired-color: #dd8a00;--expired-bg: rgba(221, 138, 0, .08);--pending-color: #dd8a00;--pending-bg: rgba(221, 138, 0, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(0, 179, 89, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition: .2s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}html{font-size:14px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;margin:0;display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:100%;margin:0;padding:0;text-align:left}a{color:var(--primary);text-decoration:none;font-weight:inherit}a:hover{color:var(--secondary);text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:28px 36px;max-width:1400px;width:100%;margin:0 auto}.navbar{background:var(--bg-card);border-bottom:1px solid var(--border);color:var(--text-primary);padding:0 36px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.navbar-brand:hover{color:var(--text-primary);text-decoration:none}.navbar-logo{width:34px;height:34px;background:var(--gradient-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:16px;font-family:var(--font-sans)}.navbar-title{font-size:18px;font-weight:700;letter-spacing:.3px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-subtitle{font-size:11px;color:var(--text-muted);font-weight:400;letter-spacing:.3px}.navbar-nav{display:flex;align-items:center;gap:4px}.navbar-link{color:var(--text-secondary);text-decoration:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:all var(--transition)}.navbar-link:hover{color:var(--text-primary);background:var(--bg-elevated);text-decoration:none}.navbar-link.active{color:var(--primary);background:var(--primary-glow)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-title{font-family:var(--font-serif);font-style:italic;font-size:28px;font-weight:400;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:0;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--border-light)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated)}.card-header h3{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.2px}.card-body{padding:20px}button{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;padding:8px 16px;transition:all var(--transition);display:inline-flex;align-items:center;gap:6px;line-height:1.4;background:transparent;color:var(--text-primary)}.btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;padding:9px 18px;transition:all var(--transition);display:inline-flex;align-items:center;gap:6px;line-height:1.4}.btn-primary{background:var(--gradient-btn);color:#fff;box-shadow:0 2px 8px #00b35933}.btn-primary:hover{box-shadow:0 4px 14px #00b3594d;transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.btn-success{background:var(--gradient-btn);color:#fff;box-shadow:0 2px 8px #00b35933}.btn-success:hover{box-shadow:0 4px 14px #00b3594d;transform:translateY(-1px)}.btn-danger{background:var(--error-bg);color:var(--error);border:1px solid rgba(255,77,77,.2)}.btn-danger:hover{background:#ff4d4d26;border-color:#ff4d4d4d}.btn-ghost{background:transparent;color:var(--text-muted);padding:6px 10px}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(255,176,32,.2)}.btn-warning:hover{background:#ffb02026;border-color:#ffb0204d}.btn-sm{font-size:12px;padding:5px 10px}.btn-lg{font-size:14px;padding:11px 24px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-group{display:flex;gap:8px;align-items:center}.form-group{margin-bottom:16px}.form-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-control{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-base);transition:border-color var(--transition),box-shadow var(--transition)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-control::placeholder{color:var(--text-dim)}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}select.form-control option{background:var(--bg-card);color:var(--text-primary)}textarea.form-control{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}table th{background:var(--bg-elevated);padding:10px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap}table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-secondary);vertical-align:middle}table tbody tr{transition:background var(--transition)}table tbody tr:hover{background:var(--bg-elevated)}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid transparent}.badge-draft{color:var(--draft-color);background:var(--draft-bg);border-color:#a0a0a033}.badge-sent{color:var(--sent-color);background:var(--sent-bg);border-color:#00c8e633}.badge-accepted{color:var(--accepted-color);background:var(--accepted-bg);border-color:#00d46a33}.badge-rejected{color:var(--rejected-color);background:var(--rejected-bg);border-color:#ff4d4d33}.badge-expired{color:var(--expired-color);background:var(--expired-bg);border-color:#ffb02033}.badge-pending{color:var(--pending-color);background:var(--pending-bg);border-color:#ffb02033}.badge-approved{color:var(--accepted-color);background:var(--accepted-bg);border-color:#00d46a33}.badge-not-required{color:var(--text-muted);background:var(--draft-bg);border-color:#a0a0a026}.filters-bar{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-chip{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.summary-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.summary-row.total{border-top:1px solid var(--border);margin-top:8px;padding-top:12px;font-size:16px;font-weight:700}.summary-label{color:var(--text-muted)}.summary-value{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.summary-row.total .summary-value{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:18px}.line-items-table input,.line-items-table textarea{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);transition:border-color var(--transition)}.line-items-table input:focus,.line-items-table textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.line-items-table input:hover,.line-items-table textarea:hover{border-color:var(--border-light)}.line-items-table input[type=number]{text-align:right;font-family:var(--font-mono);font-size:12px}.line-items-table .line-total{text-align:right;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);padding-right:8px}.line-items-table .remove-btn{color:var(--text-dim);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);font-size:16px;background:transparent;border:none;transition:all var(--transition)}.line-items-table .remove-btn:hover{color:var(--error);background:var(--error-bg)}.modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);width:100%;max-width:520px;animation:slideUp .25s ease}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.detail-item{padding:12px 0}.detail-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-value{font-size:14px;color:var(--text-primary);font-weight:500}.loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);font-size:14px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.3}.empty-state h3{font-size:16px;color:var(--text-secondary);margin-bottom:4px}.empty-state p{font-size:13px;margin-bottom:16px;color:var(--text-muted)}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px;border:1px solid transparent}.alert-success{background:var(--success-bg);color:var(--success);border-color:#00d46a33}.alert-error{background:var(--error-bg);color:var(--error);border-color:#ff4d4d33}.alert-info{background:var(--info-bg);color:var(--info);border-color:#00c8e633}.alert-warning{background:var(--warning-bg);color:var(--warning);border-color:#ffb02033}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quote-row{cursor:pointer;transition:background var(--transition)}.quote-row:hover{background:var(--bg-elevated)!important}.quote-title-link{font-weight:600;color:var(--primary)}.quote-title-link:hover{color:var(--secondary)}.quote-amount{font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary)}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:18px 20px;display:flex;flex-direction:column;transition:border-color var(--transition),box-shadow var(--transition)}.stat-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-glow)}.stat-value{font-size:28px;font-weight:700;font-family:var(--font-mono);background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:11px;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.5px;margin-top:2px}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:border-color var(--transition),box-shadow var(--transition)}.kpi-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-glow)}.kpi-label{font-size:11px;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.5px;margin-bottom:6px}.kpi-value{font-size:30px;font-weight:700;font-family:var(--font-mono);background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kpi-sub{font-size:12px;color:var(--text-dim);margin-top:4px}.bar-chart-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.bar-chart-label{width:100px;font-size:12px;font-weight:500;color:var(--text-secondary);text-align:right}.bar-chart-track{flex:1;height:28px;background:var(--bg-base);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.bar-chart-fill{height:100%;border-radius:var(--radius-sm);display:flex;align-items:center;padding-left:10px;font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--bg-base);transition:width .6s ease;min-width:fit-content}.bar-chart-count{font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);width:40px;text-align:right}.product-picker-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:95%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .25s ease}.product-picker-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.product-picker-body{flex:1;overflow-y:auto;padding:16px 20px}.product-picker-filters{display:flex;gap:12px;margin-bottom:16px}.product-picker-filters .form-control{flex:1}.product-add-btn{background:transparent;color:var(--primary);border:1px solid var(--primary);padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition)}.product-add-btn:hover{background:var(--primary-glow)}.approval-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:14px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.version-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;font-family:var(--font-mono);background:var(--secondary-glow);color:var(--secondary);border:1px solid rgba(0,200,230,.2)}.traffic-light{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.traffic-dot{width:10px;height:10px;border-radius:50%}.traffic-dot.green{background:var(--success);box-shadow:0 0 6px var(--success)}.traffic-dot.yellow{background:var(--warning);box-shadow:0 0 6px var(--warning)}.traffic-dot.red{background:var(--error);box-shadow:0 0 6px var(--error)}.gauge-bar{height:8px;background:var(--bg-base);border-radius:4px;position:relative;border:1px solid var(--border);overflow:hidden}.gauge-fill{height:100%;border-radius:4px;transition:width .4s ease}.expiry-banner{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.expiry-banner.warning{background:var(--warning-bg);border:1px solid rgba(255,176,32,.2);color:var(--warning)}.expiry-banner.expired{background:var(--error-bg);border:1px solid rgba(255,77,77,.2);color:var(--error)}.collapsible-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 16px;background:var(--bg-elevated);border-radius:var(--radius-sm);margin-bottom:8px;transition:background var(--transition)}.collapsible-header:hover{background:var(--bg-hover)}.collapsible-arrow{transition:transform .2s ease;color:var(--text-muted)}.collapsible-arrow.open{transform:rotate(180deg)}@media(max-width:768px){.main-content{padding:16px}.navbar{padding:0 16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.form-row-3,.form-row-4{grid-template-columns:1fr}.filters-bar{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}.stats-row,.analytics-grid{grid-template-columns:repeat(2,1fr)}.modal{margin:16px}}@media(max-width:480px){.stats-row,.analytics-grid{grid-template-columns:1fr}.btn-group{flex-wrap:wrap}}.landing{background:var(--bg-base);color:var(--text-primary);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.landing-nav-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between}.landing-brand{display:flex;align-items:center;gap:12px}.landing-logo{width:36px;height:36px;background:var(--gradient-accent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:var(--bg-base)}.landing-brand-name{font-size:18px;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-brand-sub{font-size:10px;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase}.landing-nav-links{display:flex;align-items:center;gap:24px}.landing-nav-links a{font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:var(--text-primary)}.landing-cta-nav{background:var(--gradient-btn)!important;color:#fff!important;padding:8px 20px!important;border-radius:var(--radius-sm)!important;font-weight:600!important;font-size:13px!important;box-shadow:0 2px 8px #00b35940;transition:all .2s!important}.landing-cta-nav:hover{box-shadow:0 4px 16px #00b35959!important;transform:translateY(-1px)}.landing-hero{position:relative;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:120px 32px 80px}.hero-glow{position:absolute;top:-200px;left:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,179,89,.06) 0%,transparent 70%);pointer-events:none}.hero-glow-2{position:absolute;bottom:-100px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(0,153,179,.05) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;background:#00b35914;color:var(--primary);border:1px solid rgba(0,179,89,.2);margin-bottom:24px}.hero-title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:56px;line-height:1.1;color:var(--text-primary);margin-bottom:20px}.hero-title-accent{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:17px;line-height:1.7;color:var(--text-secondary);max-width:520px;margin-bottom:32px}.hero-actions{display:flex;gap:12px;margin-bottom:40px}.hero-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--gradient-btn);color:#fff;font-size:14px;font-weight:700;padding:13px 28px;border-radius:var(--radius-sm);text-decoration:none;box-shadow:0 2px 12px #00b3594d;transition:all .25s}.hero-btn-primary:hover{box-shadow:0 4px 20px #00b35966;transform:translateY(-2px);color:#fff}.hero-btn-arrow{font-size:16px;transition:transform .2s}.hero-btn-primary:hover .hero-btn-arrow{transform:translate(3px)}.hero-btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--bg-elevated);color:var(--text-secondary);font-size:14px;font-weight:600;padding:13px 28px;border-radius:var(--radius-sm);border:1px solid var(--border);text-decoration:none;transition:all .2s}.hero-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.hero-trust{display:flex;gap:24px}.hero-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);font-weight:500}.hero-trust-icon{font-size:14px}.hero-visual{position:relative;z-index:1}.hero-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 60px #00d46a0d}.hero-card-main{width:100%}.hero-card-bar{padding:12px 16px;display:flex;gap:6px;border-bottom:1px solid var(--border)}.hc-dot{width:10px;height:10px;border-radius:50%}.hero-card-body{padding:20px}.hc-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.hc-row:last-child{border-bottom:none}.hc-label{font-size:11px;text-transform:uppercase;font-weight:700;color:var(--text-muted);width:80px;flex-shrink:0;letter-spacing:.4px}.hc-val{font-size:13px;font-weight:500;color:var(--text-secondary)}.hc-green{color:var(--primary)!important;font-weight:700}.hc-cyan{color:var(--secondary)!important;font-size:12px;font-style:italic}.hc-gauge{flex:1;max-width:120px;height:6px;background:var(--bg-base);border-radius:3px;border:1px solid var(--border);overflow:hidden}.hc-gauge-fill{height:100%;background:var(--gradient-btn);border-radius:3px}.hero-card-float{position:absolute;padding:16px 20px;animation:floatCard 4s ease-in-out infinite}.hero-card-ai{top:-20px;right:-20px;text-align:center}.hero-card-margin{bottom:-10px;left:-30px;text-align:center;animation-delay:-2s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hc-ai-badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--primary-glow);color:var(--primary);border:1px solid rgba(0,179,89,.2);margin-bottom:8px}.hc-ai-num{font-size:28px;font-weight:800;font-family:var(--font-mono);background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hc-ai-label{font-size:11px;color:var(--text-muted);margin-top:2px}.hc-ai-conf{font-size:11px;color:var(--text-dim);margin-top:6px}.landing-section{padding:100px 0}.landing-section-dark{background:#edf1f7;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-inner{max-width:1200px;margin:0 auto;padding:0 32px}.section-header{text-align:center;margin-bottom:56px}.section-badge{display:inline-block;padding:5px 14px;border-radius:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;background:var(--primary-glow);color:var(--primary);border:1px solid rgba(0,179,89,.2);margin-bottom:16px}.section-title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:40px;line-height:1.2;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.section-subtitle{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;transition:all .3s}.feature-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.feature-icon{font-size:28px;margin-bottom:14px}.feature-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.feature-desc{font-size:13px;color:var(--text-secondary);line-height:1.7}.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ai-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;position:relative;overflow:hidden;transition:all .3s}.ai-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.ai-grid .ai-card:nth-child(4){grid-column:1 / 2}.ai-grid .ai-card:nth-child(5){grid-column:2 / 4}.ai-card-glow{position:absolute;bottom:-40px;right:-40px;width:100px;height:100px;border-radius:50%;opacity:.06;filter:blur(30px);pointer-events:none}.ai-card-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid;margin-bottom:14px}.ai-card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.ai-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.7}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px}.metric-card{text-align:center;padding:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.metric-value{font-size:42px;font-weight:800;font-family:var(--font-mono);background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-suffix{font-size:24px}.metric-label{font-size:12px;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.5px;margin-top:4px}.arch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.arch-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:all .3s}.arch-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-glow)}.arch-icon{color:var(--primary);margin-bottom:14px}.arch-card h4{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.arch-card p{font-size:12px;color:var(--text-secondary);line-height:1.7}.landing-cta-section{padding:100px 0;position:relative;overflow:hidden}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(0,179,89,.06) 0%,transparent 70%);pointer-events:none}.cta-title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:44px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.cta-subtitle{font-size:16px;color:var(--text-secondary);max-width:540px;margin:0 auto 32px;line-height:1.7}.landing-footer{border-top:1px solid var(--border);padding:24px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand-text{font-size:14px;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-copy{font-size:12px;color:var(--text-dim)}@media(max-width:900px){.landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:100px;gap:40px}.hero-title{font-size:40px}.hero-visual{max-width:480px;margin:0 auto}.features-grid,.ai-grid{grid-template-columns:1fr 1fr}.ai-grid .ai-card:nth-child(4),.ai-grid .ai-card:nth-child(5){grid-column:auto}.metrics-row,.arch-grid{grid-template-columns:1fr 1fr}.section-title{font-size:32px}.cta-title{font-size:34px}}@media(max-width:600px){.landing-nav-links a:not(.landing-cta-nav){display:none}.hero-title{font-size:32px}.features-grid,.ai-grid,.metrics-row,.arch-grid{grid-template-columns:1fr}.hero-trust{flex-direction:column;gap:8px}.hero-card-float{display:none}.footer-inner{flex-direction:column;gap:8px;text-align:center}}.landing-logo-img{width:36px;height:36px;object-fit:contain;border-radius:8px}.feature-icon-wrap{width:44px;height:44px;border-radius:10px;background:var(--primary-glow);border:1px solid rgba(0,212,106,.15);display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:16px}.ai-card{opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease;transition-delay:var(--ai-delay, 0s)}.ai-card.ai-card-in{opacity:1;transform:translateY(0)}.ai-card-viz-area{height:120px;margin-bottom:18px;border-radius:var(--radius-sm);background:#00000005;border:1px solid rgba(0,0,0,.04);overflow:hidden;display:flex;align-items:center;justify-content:center}.ai-viz{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;position:relative}.viz-label{font-size:10px;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:auto}.viz-bars{display:flex;align-items:flex-end;gap:6px;height:70px;width:100%;justify-content:center}.viz-bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;flex:1;max-width:28px}.viz-bar{width:100%;border-radius:3px 3px 0 0;height:0;animation:vizBarGrow .8s ease-out forwards;animation-delay:var(--bar-delay, 0s);position:relative}@keyframes vizBarGrow{to{height:var(--bar-h, 50%)}}.viz-bar-glow{position:absolute;inset:-4px;border-radius:4px;background:inherit;opacity:.3;filter:blur(8px);pointer-events:none}.viz-target-line{width:80%;height:1px;background:#00d46a66;margin-top:4px;position:relative}.viz-target-line:before{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;background:var(--primary);border-radius:50%}.viz-gauge-svg{width:100px;height:55px}.viz-gauge-fill{animation:vizGaugeDraw 1.2s ease-out forwards;stroke-dashoffset:157}@keyframes vizGaugeDraw{to{stroke-dashoffset:35}}.viz-gauge-num{font-size:22px;font-weight:800;font-family:var(--font-mono);background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:-6px}.viz-narrator{align-items:flex-start;gap:4px;padding:14px 18px}.viz-type-line{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);overflow:hidden;white-space:nowrap;width:0;animation:vizTypeIn .8s ease-out forwards;animation-delay:var(--type-delay, 0s);border-right:1px solid transparent}@keyframes vizTypeIn{0%{width:0;border-right-color:var(--primary)}80%{border-right-color:var(--primary)}to{width:100%;border-right-color:transparent}}.viz-cursor{width:7px;height:14px;background:var(--primary);animation:vizBlink 1s step-end infinite;margin-top:4px;border-radius:1px}@keyframes vizBlink{50%{opacity:0}}.viz-tone-row{display:flex;gap:6px;margin-bottom:10px}.viz-tone-chip{padding:3px 10px;border-radius:10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:#0000000a;color:var(--text-dim);border:1px solid rgba(0,0,0,.06);transition:all .3s}.viz-tone-active{background:#f59e0b1f;color:#f59e0b;border-color:#f59e0b40}.viz-email-lines{display:flex;flex-direction:column;gap:5px;width:100%}.viz-email-line{height:4px;border-radius:2px;background:#f59e0b26;width:0;animation:vizLineGrow .6s ease-out forwards;animation-delay:var(--line-delay, 0s)}@keyframes vizLineGrow{to{width:var(--line-w, 80%)}}.viz-steps{display:flex;align-items:flex-end;gap:16px;height:64px;margin-bottom:4px}.viz-step{display:flex;flex-direction:column;align-items:center;gap:3px;opacity:0;animation:vizStepIn .5s ease-out forwards;animation-delay:var(--step-delay, 0s)}@keyframes vizStepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.viz-step-bar{width:28px;border-radius:3px 3px 0 0;height:var(--step-h, 30px)}.viz-step-label{font-size:8px;color:var(--text-dim);text-transform:uppercase;font-weight:700;letter-spacing:.3px}.viz-step-val{font-size:10px;font-weight:700;font-family:var(--font-mono);color:var(--text-secondary)}.viz-arrow-path{width:80%;height:16px;margin-top:2px}.viz-arrow-svg{width:100%;height:100%}.viz-arrow-dash{stroke-dashoffset:200;animation:vizArrowDraw 1.5s ease-out .8s forwards}@keyframes vizArrowDraw{to{stroke-dashoffset:0}}.viz-arrow-head{opacity:0;animation:vizArrowHead .3s ease-out 2s forwards}@keyframes vizArrowHead{to{opacity:1}}.login-container{max-width:900px;width:100%}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:64px;background:var(--gradient-btn);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;margin-bottom:16px}.login-title{font-size:28px;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.login-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:4px}.login-desc{font-size:14px;color:var(--text-muted)}.login-filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.login-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;position:relative}.login-card:hover{border-color:var(--primary);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:0 4px 16px #00d46a26}.login-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#000;flex-shrink:0}.login-info{flex:1;min-width:0}.login-name{font-weight:600;font-size:14px;color:var(--text-primary)}.login-role{font-size:12px;color:var(--text-secondary)}.login-region{font-size:11px;color:var(--text-dim)}.login-role-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;border:1px solid;white-space:nowrap}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-value{font-size:24px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stage-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.stage-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;border:1px solid;display:inline-block}.role-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;display:inline-block}.quote-count-badge{background:var(--primary-glow);color:var(--primary);font-weight:700;font-size:12px;padding:2px 8px;border-radius:10px}.pipeline-bar{display:flex;gap:4px;margin-bottom:24px;overflow-x:auto}.pipeline-stage{flex:1;min-width:100px;padding:10px 12px;border-radius:8px;text-align:center;font-size:11px;font-weight:600;border:1px solid transparent;transition:all .2s;white-space:nowrap}.pipeline-stage.active{border-width:2px}.pipeline-label{display:inline}.breadcrumb-link{color:var(--secondary);text-decoration:none;font-size:13px}.breadcrumb-link:hover{text-decoration:underline}.activity-timeline{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}.activity-content{flex:1}.activity-text{font-size:13px;color:var(--text-primary)}.activity-meta{font-size:11px;color:var(--text-dim);margin-top:2px}.approval-list{display:flex;flex-direction:column;gap:12px}.approval-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s}.approval-card.expanded{border-color:var(--warning)}.approval-header{display:flex;align-items:center;gap:16px;padding:16px 20px;cursor:pointer}.approval-header:hover{background:var(--bg-hover)}.approval-info{flex:1}.approval-ref{font-family:var(--font-mono);font-size:12px;color:var(--secondary);margin-bottom:2px}.approval-title{font-weight:600;font-size:15px;color:var(--text-primary)}.approval-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.approval-amount{text-align:right;flex-shrink:0}.approval-body{padding:0 20px 20px;border-top:1px solid var(--border)}.approval-details{padding-top:16px}.navbar-user{display:flex;align-items:center;gap:10px;margin-left:auto}.navbar-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#000;flex-shrink:0}.navbar-user-info{display:flex;flex-direction:column}.navbar-user-name{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.2}.navbar-user-role{font-size:10px;color:var(--text-muted);line-height:1.2}.approval-count-badge{background:#e53e3e;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;margin-left:6px;vertical-align:super}.clients-section{padding:60px 0;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-card)}.clients-section .section-header{margin-bottom:36px}.clients-track-wrapper{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.clients-track{display:flex;gap:48px;animation:scrollClients 30s linear infinite;width:max-content}.clients-track:hover{animation-play-state:paused}@keyframes scrollClients{0%{transform:translate(0)}to{transform:translate(-50%)}}.client-chip{display:flex;align-items:center;gap:10px;padding:10px 24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:40px;white-space:nowrap;flex-shrink:0;transition:all .2s}.client-chip:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.client-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.client-info{display:flex;flex-direction:column}.client-name{font-size:13px;font-weight:600;color:var(--text-primary)}.client-industry{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.hero-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 40px #00b3590a}.landing-logo{width:36px;height:36px;background:var(--gradient-accent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff}.login-page{min-height:100vh;background:var(--bg-base);display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-card:hover{border-color:var(--primary);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:0 4px 16px #00b3591f}