@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--bg-dark: #0f0f23;--bg-card: #1a1a2e;--bg-card-hover: #252540;--text-primary: #ffffff;--text-secondary: #a0a0c0;--border-color: #2d2d44;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--success-color: #00f2fe;--warning-color: #ffd93d;--error-color: #f5576c;--info-color: #667eea}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(0,242,254,.05) 0%,transparent 50%);z-index:-1;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.8}}.app-container{max-width:1400px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.app-title{font-size:3rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em}.app-subtitle{font-size:1.1rem;color:var(--text-secondary);font-weight:400}.upload-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem;animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.upload-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.upload-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:transform .3s ease}.upload-card:hover:before{transform:scaleX(1)}.upload-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.upload-card.has-file{border-color:var(--success-color);background:linear-gradient(135deg,rgba(0,242,254,.05) 0%,transparent 100%)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-icon{width:48px;height:48px;border-radius:12px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-md)}.card-title{font-size:1.3rem;font-weight:600;color:var(--text-primary)}.file-input-wrapper{position:relative;margin-bottom:1rem}.file-input{display:none}.file-input-label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;background:#667eea1a;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500;color:var(--text-secondary)}.file-input-label:hover{background:#667eea33;border-color:#667eea;color:var(--text-primary);transform:scale(1.02)}.file-input-label.has-file{background:#00f2fe1a;border-color:var(--success-color);color:var(--success-color)}.file-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#00f2fe0d;border-radius:10px;margin-top:1rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.file-info-icon{font-size:1.5rem}.file-info-text{flex:1}.file-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.file-size{font-size:.85rem;color:var(--text-secondary)}.remove-file-btn{background:#f5576c1a;border:none;color:var(--error-color);padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.remove-file-btn:hover{background:#f5576c33;transform:scale(1.05)}.action-section{text-align:center;margin:3rem 0;animation:fadeInUp .8s ease-out .4s both}.reconcile-btn{padding:1.25rem 3rem;font-size:1.1rem;font-weight:600;color:#fff;background:var(--primary-gradient);border:none;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #667eea66;position:relative;overflow:hidden}.reconcile-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.reconcile-btn:hover:before{width:300px;height:300px}.reconcile-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 30px #667eea99}.reconcile-btn:active{transform:translateY(0) scale(1)}.reconcile-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.reconcile-btn:disabled:hover{box-shadow:0 4px 20px #667eea66}.results-section{margin-top:3rem;animation:fadeInUp .8s ease-out}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border-radius:16px;border:2px solid var(--border-color)}.results-title{font-size:1.8rem;font-weight:600;background:var(--success-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.download-btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:var(--success-gradient);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #4facfe4d;display:flex;align-items:center;gap:.5rem}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4facfe80}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--primary-gradient)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#667eea}.stat-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-value.matched{color:var(--success-color)}.stat-value.unmatched{color:var(--warning-color)}.table-container{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md)}.results-table{width:100%;border-collapse:collapse}.results-table thead{background:linear-gradient(135deg,#667eea33,#764ba233)}.results-table th{padding:1.25rem 1rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color)}.results-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);transition:all .2s ease}.results-table tbody tr{transition:all .2s ease}.results-table tbody tr:hover{background:#667eea0d}.results-table tbody tr:last-child td{border-bottom:none}.results-table tbody tr.matched-perfect{background:#00f2fe14;border-left:3px solid var(--success-color)}.results-table tbody tr.matched-perfect:hover{background:#00f2fe1f}.results-table tbody tr.matched-good{background:#4facfe0f;border-left:3px solid #4facfe}.results-table tbody tr.matched-good:hover{background:#4facfe1a}.results-table tbody tr.matched-acceptable{background:#ffd93d0d;border-left:3px solid var(--warning-color)}.results-table tbody tr.matched-acceptable:hover{background:#ffd93d14}.results-table tbody tr.unmatched{background:#f5576c0d;border-left:3px solid var(--error-color)}.results-table tbody tr.unmatched:hover{background:#f5576c14}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.matched{background:#00f2fe1a;color:var(--success-color);border:1px solid rgba(0,242,254,.3)}.status-badge.unmatched{background:#ffd93d1a;color:var(--warning-color);border:1px solid rgba(255,217,61,.3)}.amount{font-weight:600;font-family:Courier New,monospace;color:var(--text-primary)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.app-title{font-size:2rem}.upload-section,.stats-grid{grid-template-columns:1fr}.results-header{flex-direction:column;gap:1rem;text-align:center}.table-container{overflow-x:auto}.results-table{min-width:600px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#667eea}