:root{--background:#0a0a0a;--foreground:#ededed;--accent:#3b82f6;--accent-muted:#3b82f633;--success:#4caf50;--warning:#ffab00;--danger:#ff5252;--card-bg:#ffffff0d;--border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}main{flex:1;padding:60px 20px}footer{text-align:center;color:#ffffff4d;border-top:1px solid var(--border);padding:40px;font-size:.8rem}h1{background:linear-gradient(135deg,#fff 0%,#a5a5a5 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin-bottom:20px;font-size:3rem;font-weight:800}.subtitle{text-align:center;color:#fff9;margin-bottom:60px;font-size:1.2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.file-upload-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:transform .2s}.file-upload-card:hover{border-color:#fff3;transform:translateY(-2px)}.file-upload-card h3{color:#fff;margin-bottom:20px;font-weight:500}.custom-file-upload{cursor:pointer;color:#ffffffb3;border:2px dashed #ffffff4d;border-radius:8px;width:100%;padding:30px 40px;transition:all .3s;display:inline-block}.custom-file-upload:hover{color:#fff;background:#ffffff1a;border-color:#fff}.custom-file-upload input[type=file]{display:none}.mapper-card{background:#ffffff08;border-radius:8px;margin-top:10px;padding:15px}.mapper-card h4{color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin-top:0;margin-bottom:12px;font-size:.9rem}.mapping-grid{flex-direction:column;gap:10px;display:flex}.mapping-item{flex-direction:column;gap:4px;display:flex}.mapping-item label{color:#ffffff80;font-size:.8rem}.mapping-item select{color:#fff;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:4px;padding:8px;font-size:.9rem}.reconciler-container{flex-direction:column;gap:40px;max-width:1200px;margin:0 auto;display:flex}.upload-section{grid-template-columns:1fr 1fr;gap:20px;display:grid}.results-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:30px;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;display:grid}.stat-card{background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;padding:20px;display:flex}.stat-card.warning .value{color:var(--warning)}.stat-card.success .value{color:var(--success)}.stat-card.danger .value{color:var(--danger)}.stat-card .label{color:#ffffff80;font-size:.8rem}.stat-card .value{font-size:1.5rem;font-weight:600}.results-list table{border-collapse:collapse;width:100%;margin-top:15px}.results-list th{text-align:left;color:#fff9;border-bottom:1px solid #ffffff1a;padding:12px;font-size:.9rem}.results-list td{border-bottom:1px solid #ffffff0d;padding:12px}.diff-warn{color:var(--warning);font-weight:600}.mismatch-tag{background:var(--danger);color:#fff;vertical-align:middle;border-radius:4px;margin-left:4px;padding:1px 4px;font-size:.7rem}.date-diff{align-items:center;gap:8px;font-size:.85rem;display:flex}.date-diff .vs{color:#ffffff4d;font-size:.7rem;font-weight:300}.status-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.75rem}.status-badge.matched{color:var(--success);background:#4caf5033}.status-badge.partial{color:var(--warning);background:#ffab0033}.status-badge.mismatch{color:var(--danger);background:#ff525233}.more-items{text-align:center;color:#fff6;margin-top:15px;font-style:italic}.home-container{max-width:1200px;margin:0 auto}.development-warning{border:1px solid var(--warning);text-align:center;background:#ffab0026;border-radius:8px;margin-bottom:30px;padding:16px 20px}.development-warning p{color:var(--warning);margin:0;font-size:.95rem;font-weight:500}.hero{margin-bottom:80px}
