*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#ff5a5f14,#39c7df1a);padding:20px}.login-box{background:#fff;border-radius:24px;box-shadow:0 22px 48px #11131938;padding:40px;width:100%;max-width:420px}.login-header{margin-bottom:30px;text-align:center}.login-header h1{margin:0;font-size:28px;letter-spacing:-.03em;line-height:1.1}.login-header p{margin:12px 0 0;color:#657083;font-size:15px;line-height:1.5}.error-message{padding:12px 14px;background:#ffebeb;border:1px solid #ffcdd2;border-radius:12px;color:#d93f3f;font-size:13px;margin-bottom:20px}.login-form{display:grid;gap:16px}.form-group input{padding:12px 14px;border:1px solid #e8ebf1;border-radius:12px;font-size:14px;transition:.2s ease}.button{padding:12px 16px;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;border:none;transition:.2s ease}.button.primary{background:#ff5a5f;color:#fff;width:100%}.button.primary:hover:not(:disabled){background:#e9474c}.button.primary:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center}.login-footer p{margin:0;font-size:14px;color:#657083}.toggle-btn{background:none;border:none;color:#ff5a5f;font-weight:700;cursor:pointer;padding:0;margin:0}.toggle-btn:hover{text-decoration:underline}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#111319,#171a21);color:#fff;padding:22px 18px;border-right:1px solid rgba(255,255,255,.07);overflow-y:auto;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:10px 10px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}.brand-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#ff5a5f,#39c7df);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;flex-shrink:0}.brand h1{margin:0;font-size:15px;line-height:1.25;font-weight:800;letter-spacing:.02em}.brand p{margin:4px 0 0;color:#ffffffb3;font-size:12px}.nav-group-title{color:#ffffff73;font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin:18px 10px 8px}.nav{display:grid;gap:8px;flex:1}.nav-link{text-decoration:none;color:#fffc;padding:12px 14px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;transition:.2s ease;border:1px solid transparent;font-size:14px}.nav-link:hover,.nav-link.active{background:#ffffff14;color:#fff;border-color:#ffffff17}.pill{min-width:26px;padding:3px 8px;border-radius:999px;background:#ffffff1a;color:#fff;text-align:center;font-size:11px;font-weight:700}.nav-link.active .pill{background:#ff5a5f}.sidebar-footer{background:linear-gradient(135deg,#ff5a5f2e,#39c7df29);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;margin-top:auto}.sidebar-footer strong{display:block;margin-bottom:6px;font-size:13px}.sidebar-footer p{margin:0 0 12px;color:#fffc;font-size:12px;line-height:1.5}.logout-btn{width:100%;padding:8px 12px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.logout-btn:hover{background:#ffffff40}.dashboard-header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:22px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#fff0f1;color:#e9474c;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid #ffd8db;margin-bottom:10px}.dashboard-header h1{margin:0;font-size:34px;line-height:1.05;letter-spacing:-.03em}.subtitle{margin:8px 0 0;max-width:860px;color:#657083;font-size:15px;line-height:1.7}.header-user{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e8ebf1;border-radius:14px;min-width:200px}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff5a5f,#39c7df);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.user-name{font-size:13px;font-weight:700;color:#16181d}.user-email{font-size:11px;color:#657083}@media (max-width: 960px){.dashboard-header{flex-direction:column;align-items:start}.header-user{width:100%}}.app-layout{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.main-content{padding:28px;overflow-y:auto}.hero-card{background:linear-gradient(135deg,#ff5a5f14,#39c7df1a);border:1px solid rgba(255,90,95,.12);border-radius:24px;padding:22px;box-shadow:0 12px 28px #16181d14;margin-bottom:22px}.hero-card h2{margin:0 0 16px;font-size:24px;letter-spacing:-.03em}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-box{background:#fffc;border:1px solid rgba(255,255,255,.85);border-radius:18px;padding:16px}.metric-box .label{color:#657083;font-size:12px;margin-bottom:6px}.metric-box .value{font-size:28px;font-weight:800;letter-spacing:-.03em}.metric-box .delta{margin-top:6px;font-size:12px;font-weight:700}.delta.positive{color:#1d9b67}.roi-section{margin-bottom:22px}.roi-section h3{margin:0 0 14px;font-size:20px;letter-spacing:-.03em}.roi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.roi-box{background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid #e8ebf1;border-radius:18px;padding:16px}.roi-box .label{font-size:12px;color:#657083}.roi-box .value{font-size:30px;font-weight:800;letter-spacing:-.03em;margin-top:4px}.recent-bundles{margin-bottom:22px}.recent-bundles h3{margin:0 0 14px;font-size:20px;letter-spacing:-.03em}.bundles-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 28px #16181d14}.bundles-table th{background:#fafbfe;padding:12px 16px;text-align:left;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#657083;border-bottom:1px solid #e8ebf1}.bundles-table td{padding:12px 16px;border-bottom:1px solid #e8ebf1}.bundles-table tbody tr:last-child td{border-bottom:0}.bundles-table tbody tr:hover{background:#fcfdff}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge.matched{background:#e8f7f0;color:#1d9b67}.badge.discrepancy{background:#fff5df;color:#d48806}.badge.pending{background:#eef2ff;color:#6f5ef9}.error-message{padding:12px 16px;background:#ffebeb;border:1px solid #ffcdd2;border-radius:12px;color:#d93f3f;margin-bottom:16px}@media (max-width: 1200px){.metrics-grid,.roi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 960px){.app-layout{grid-template-columns:1fr}.main-content{padding:18px}.metrics-grid,.roi-grid{grid-template-columns:1fr}}.upload-section{margin-bottom:22px}.upload-section h2{margin:0 0 16px;font-size:20px}.upload-form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.form-select{padding:12px 14px;border:1px solid #e8ebf1;border-radius:12px;font-size:14px;font-weight:500;flex:1;min-width:200px}.form-select:focus{outline:none;border-color:#ff5a5f;box-shadow:0 0 0 3px #ff5a5f1a}.file-input-label{display:inline-block}.file-input-label input{display:none}.file-input-label input:disabled+.button{opacity:.5;cursor:not-allowed}.upload-status{padding:12px 14px;background:#e8f7f0;border:1px solid #c8e6c9;border-radius:12px;color:#1d9b67;font-size:13px;margin-top:12px}.documents-list{margin-bottom:22px}.documents-list h2{margin:0 0 6px;font-size:20px}.subtitle{color:#657083;font-size:13px;margin:0 0 16px}.doc-cards{display:grid;gap:12px}.doc-card{border:1px solid #e8ebf1;border-radius:16px;padding:14px;background:linear-gradient(180deg,#fff,#fbfcff)}.doc-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.doc-info{display:flex;align-items:center;gap:12px}.doc-info strong{font-size:15px;display:block}.delete-btn{padding:6px 12px;background:#ffebeb;color:#d93f3f;border:1px solid #ffcdd2;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.delete-btn:hover{background:#ffcdd2}.doc-meta{margin-top:8px;font-size:12px;color:#657083}.no-documents{text-align:center;color:#657083;padding:40px 20px;font-size:14px}.match-engine-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-titles h1{font-size:24px;margin:0 0 4px;color:#1a1f36}.header-titles p{margin:0;color:#657083;font-size:14px}.header-confidence{color:#1d9b67;font-weight:700;font-size:13px;background:#e8f7f0;padding:8px 16px;border-radius:20px}.validation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.validation-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e8ebf1;display:flex;flex-direction:column}.validation-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.validation-card h3{margin:0;font-size:16px;color:#1a1f36}.validation-card .badge-score{background:#e8f7f0;color:#1d9b67;font-weight:700;font-size:13px;padding:4px 10px;border-radius:12px}.validation-card p{margin:0 0 20px;font-size:14px;color:#657083;line-height:1.5;flex-grow:1}.validation-card .card-bar{height:6px;border-radius:3px;width:100%}.card-bar.gradient-bar{background:linear-gradient(90deg,#ff5a5f,#00d2ff)}.matching-form{margin-bottom:22px}.matching-form h2{margin:0 0 6px;font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#657083}.form-group input{padding:10px 12px;border:1px solid #e8ebf1;border-radius:10px;font-size:13px}.form-group input:focus{outline:none;border-color:#ff5a5f;box-shadow:0 0 0 3px #ff5a5f1a}.form-grid .button{grid-column:span 1;margin-top:16px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.match-results{margin-bottom:22px}.match-results h2{margin:0 0 16px;font-size:20px}.result-header{display:grid;grid-template-columns:auto auto;gap:16px;margin-bottom:22px}.confidence-box{background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid #e8ebf1;border-radius:18px;padding:16px;min-width:150px}.confidence-box .label{font-size:12px;color:#657083;margin-bottom:6px}.confidence-box .value{font-size:28px;font-weight:800}.status-box{display:flex;align-items:center}.flags-section{margin-top:22px}.flags-section h3{margin:0 0 12px;font-size:16px}.flags-list{display:grid;gap:12px}.flag-item{border:1px solid #e8ebf1;border-radius:12px;padding:14px;background:#fafbfe}.flag-item.severity-high{border-left:4px solid #d93f3f;background:#fff5f5}.flag-item.severity-medium{border-left:4px solid #d48806;background:#fffcf7}.flag-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.flag-header strong{font-size:14px;text-transform:capitalize}.flag-description{margin:0;font-size:13px;color:#657083}.flag-meta{margin:6px 0 0;font-size:12px;color:#d93f3f;font-weight:700}.error-message{padding:12px 16px;background:#ffebeb;border:1px solid #ffcdd2;border-radius:12px;color:#d93f3f;margin-bottom:16px;font-size:13px}.success-message{padding:16px;background:#e8f7f0;border:1px solid #c8e6c9;border-radius:12px;color:#1d9b67;text-align:center;font-weight:700}.structured-header{margin-bottom:32px}.structured-header h1{font-size:28px;margin:0 0 10px;color:#1a1f36}.export-links{font-size:13px;color:#929aab}.link-item{color:#5b6df8;cursor:pointer}.link-item.active-link{font-weight:600}.structured-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e8ebf1}.summary-table{width:100%;border-collapse:collapse}.summary-table td{padding:12px 0;border-bottom:1px solid #f1f3f7;font-size:13px;color:#1a1f36}.summary-table tr:last-child td{border-bottom:none}.col-label{font-weight:600;width:35%;color:#4a5568!important}.badge-warning{background:#fff8e1;color:#f57f17;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #ffecb3}.workflow-steps{display:flex;gap:12px;flex-wrap:nowrap}.step{flex:1;text-align:left;border:1px solid #e8ebf1;padding:16px 12px;border-radius:12px;background:#fbfcff;min-width:0}.step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;margin-bottom:12px}.step-1{background:#ff7675}.step-2{background:#74b9ff}.step-3{background:#ff9f43}.step-4{background:#5f27cd}.step-5{background:#ff6b6b}.step h4{margin:0 0 6px;font-size:14px;color:#1a1f36}.step p{margin:0;font-size:11px;color:#657083;line-height:1.4}.json-card{margin-bottom:32px}.json-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.json-header p{margin:4px 0 0;font-size:13px;color:#657083}.badge-success{background:#e8f7f0;color:#1d9b67;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.json-block{background:#0f172a;color:#a5b4fc;padding:20px;border-radius:12px;font-family:Fira Code,monospace;font-size:13px;line-height:1.6;overflow-x:auto;margin:0}@media (max-width: 1024px){.structured-cards{grid-template-columns:1fr}}.business-header{margin-bottom:32px}.business-header h1{font-size:28px;margin:0 0 10px;color:#1a1f36}.roi-view-badge{background:#e8f7f0;color:#1d9b67;font-weight:700;font-size:12px;padding:6px 12px;border-radius:16px}.metric-cards-row{display:flex;gap:20px;margin-bottom:24px}.metric-card{flex:1;background:#fff;border:1px solid #e8ebf1;border-radius:12px;padding:24px;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000005}.metric-label{font-size:12px;color:#657083;margin-bottom:8px}.metric-value{font-size:32px;font-weight:800;color:#1a1f36}.business-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e8ebf1;box-shadow:0 2px 8px #00000005}.card h3{margin:0 0 20px;font-size:16px;color:#1a1f36}.benefits-list{display:flex;flex-direction:column;gap:16px}.benefit-item{border:1px solid #e8ebf1;border-radius:12px;padding:16px}.benefit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.benefit-header h4{margin:0;font-size:15px;color:#1a1f36}.benefit-item p{margin:0;font-size:13px;color:#657083;line-height:1.5}.tag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px}.tag-green{background:#e8f7f0;color:#1d9b67}.tag-yellow{background:#fff8e1;color:#f57f17}.tag-purple{background:#f3e5f5;color:#8e24aa}.tag-green-alt{background:#e0f2f1;color:#00897b}.comparison-table{width:100%;border-collapse:collapse;margin-bottom:16px}.comparison-table th{text-align:left;font-size:11px;font-weight:700;color:#657083;padding-bottom:12px;border-bottom:1px solid #e8ebf1}.comparison-table td{padding:16px 0;border-bottom:1px solid #f1f3f7;font-size:13px;color:#1a1f36}.comparison-table tr:last-child td{border-bottom:none}.comparison-table th:nth-child(2),.comparison-table td:nth-child(2),.comparison-table th:nth-child(3),.comparison-table td:nth-child(3){text-align:right;width:25%}.table-footer{margin:0;font-size:12px;color:#657083;line-height:1.5}@media (max-width: 1024px){.business-content-grid{grid-template-columns:1fr}.metric-cards-row{flex-wrap:wrap}.metric-card{min-width:calc(50% - 10px)}}.ref-header{margin-bottom:32px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-tag{background:#ffecec;color:#ff5a5f;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;letter-spacing:.05em}.header-actions{display:flex;gap:12px}.btn-red{background:#ff5a5f;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 4px 12px #ff5a5f33}.btn-white{background:#fff;color:#1a1f36;border:1px solid #e8ebf1;padding:10px 20px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 2px 8px #00000005}.ref-header h1{font-size:28px;margin:0 0 10px;color:#1a1f36}.header-desc{font-size:14px;color:#657083;line-height:1.6;max-width:800px;margin:0}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.section-title h2{font-size:20px;margin:0 0 4px}.section-title p{margin:0;font-size:13px;color:#657083}.onboarding-badge{background:#f1f3ff;color:#5b6df8;font-weight:700;font-size:12px;padding:6px 12px;border-radius:16px}.accordion-container{background:#fff;border-radius:16px;padding:24px;border:1px solid #e8ebf1;box-shadow:0 4px 16px #00000005}.accordion-item{border:1px solid #e8ebf1;border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all .2s ease}.accordion-item:last-child{margin-bottom:0}.accordion-item.expanded{border-color:#d1d6e2;box-shadow:0 4px 12px #00000008}.accordion-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fff}.accordion-header:hover{background:#fbfcff}.accordion-header-left h3{margin:0 0 6px;font-size:16px;color:#1a1f36}.accordion-header-left p{margin:0;font-size:13px;color:#657083}.accordion-header-right{display:flex;align-items:center;gap:16px}.status-badge{font-size:12px;font-weight:700;padding:6px 12px;border-radius:16px}.badge-warning{background:#fff8e1;color:#f57f17;border:1px solid #ffecb3}.badge-success{background:#e8f7f0;color:#1d9b67}.badge-purple{background:#f3e5f5;color:#8e24aa}.expand-icon{font-size:20px;color:#929aab;width:20px;text-align:center}.accordion-content{padding:0 24px 24px;border-top:1px solid #e8ebf1;background:#f9fafc}.doc-layout{display:flex;gap:24px;margin-top:24px}.doc-mock{flex:2;background:#fff;border-radius:12px;padding:32px;border:1px solid #e8ebf1;box-shadow:0 2px 10px #00000005}.mock-header{margin-bottom:32px}.mock-header h2{margin:0 0 8px;font-size:24px;color:#1a1f36}.mock-header p{margin:0;font-size:13px;color:#657083}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.info-box{background:#fbfcff;border:1px solid #e8ebf1;border-radius:8px;padding:16px;display:flex;flex-direction:column}.info-label{font-size:11px;color:#657083;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.info-val{font-size:15px;font-weight:700;color:#1a1f36}.mock-table{width:100%;border-collapse:collapse;margin-bottom:24px}.mock-table th{text-align:left;font-size:11px;font-weight:700;color:#657083;padding:12px 8px;border-bottom:2px solid #e8ebf1;text-transform:uppercase;letter-spacing:.05em}.mock-table td{padding:16px 8px;font-size:13px;color:#1a1f36;border-bottom:1px solid #f1f3f7}.mock-table th:nth-child(2),.mock-table td:nth-child(2),.mock-table th:nth-child(3),.mock-table td:nth-child(3),.mock-table th:nth-child(4),.mock-table td:nth-child(4){text-align:right}.mock-table td:nth-child(4){font-weight:600}.mock-totals{width:300px;margin-left:auto;border-top:1px solid #e8ebf1;padding-top:16px}.total-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:13px;color:#1a1f36}.total-row span:first-child{font-weight:600}.grand-total{font-size:16px;font-weight:800;margin-top:16px;border-top:2px solid #1a1f36;padding-top:16px}.doc-highlights{flex:1}.highlights-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.highlights-header h3{margin:0 0 4px;font-size:18px;color:#1a1f36}.highlights-header p{margin:0;font-size:13px;color:#657083}.highlight-cards{display:flex;flex-direction:column;gap:16px}.highlight-card{background:#fff;border:1px solid #e8ebf1;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000005}.highlight-card h4{margin:0 0 8px;font-size:14px;color:#1a1f36}.highlight-card p{margin:0;font-size:13px;color:#657083;line-height:1.5}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-header-flex h4{margin:0}.tag-small{font-size:10px;padding:2px 6px}.placeholder-content{padding:20px;text-align:center;color:#929aab;font-style:italic}@media (max-width: 1100px){.doc-layout{flex-direction:column}}:root{--brand-red: #ff5a5f;--brand-red-dark: #e9474c;--brand-cyan: #39c7df;--ink: #16181d;--muted: #657083;--line: #e8ebf1;--bg: #f6f7fb;--card: #ffffff;--success: #1d9b67;--warning: #d48806;--danger: #d93f3f;--purple: #6f5ef9;--shadow: 0 12px 28px rgba(22, 24, 29, .08);--radius: 18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}button{cursor:pointer;border:none;font-family:inherit}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.button{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;text-decoration:none;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;transition:.2s ease}.button.primary{background:var(--brand-red);color:#fff;box-shadow:var(--shadow)}.button.primary:hover{background:var(--brand-red-dark)}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:var(--bg)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge.success{background:#e8f7f0;color:var(--success)}.badge.warning{background:#fff5df;color:var(--warning)}.badge.danger{background:#ffebeb;color:var(--danger)}.badge.neutral{background:#eef2ff;color:var(--purple)}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.error{padding:16px;background:#ffebeb;border:1px solid #ffcdd2;border-radius:14px;color:var(--danger);margin-bottom:16px}.success-message{padding:16px;background:#e8f7f0;border:1px solid #c8e6c9;border-radius:14px;color:var(--success);margin-bottom:16px}