*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fafafa;min-height:100vh;padding:20px;transition:background .3s ease}body.dark{background:#0a0a0a}.container{max-width:1200px;margin:0 auto}.header{text-align:center;color:#0a0a0a;margin-bottom:40px;position:relative}body.dark .header{color:#fafafa}.header h1{font-size:2.5em;margin-bottom:10px;font-weight:700;letter-spacing:-1px}.header p{color:#737373}body.dark .header p{color:#a3a3a3}.theme-toggle{position:absolute;top:0;right:0;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 16px;cursor:pointer;font-size:1.2em;transition:all .3s ease;box-shadow:0 1px 3px #00000014}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}body.dark .theme-toggle{background:#171717;border-color:#262626}.upload-section{background:#fff;border-radius:16px;padding:40px;box-shadow:0 1px 3px #00000014;text-align:center;margin-bottom:30px;border:1px solid #e5e5e5;transition:all .3s ease}body.dark .upload-section{background:#171717;border-color:#262626;box-shadow:0 1px 3px #ffffff0d}.upload-area{border:2px dashed #d4d4d4;border-radius:12px;padding:40px;cursor:pointer;transition:all .3s ease;background:#fafafa}body.dark .upload-area{border-color:#404040;background:#0a0a0a}.upload-area:hover{background:#fff;border-color:#a3a3a3;box-shadow:0 4px 12px #0000000d}body.dark .upload-area:hover{background:#171717;border-color:#737373;box-shadow:0 4px 12px #ffffff0d}.upload-area.dragging{background:#f5f5f5;border-color:#737373;border-style:solid}body.dark .upload-area.dragging{background:#262626;border-color:#a3a3a3}.upload-area h3{color:#0a0a0a}body.dark .upload-area h3{color:#fafafa}.upload-icon{font-size:4em;margin-bottom:20px}input[type=file]{display:none}.btn{background:#0a0a0a;color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s}body.dark .btn{background:#fafafa;color:#0a0a0a}.btn:hover{background:#171717;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}body.dark .btn:hover{background:#fff;box-shadow:0 4px 12px #fff3}.btn:active{transform:translateY(0)}.results{display:none}.results.show{display:block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e5e5;transition:all .3s ease;position:relative;overflow:hidden}body.dark .stat-card{background:#171717;border-color:#262626;box-shadow:0 1px 3px #ffffff0d}.stat-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#d4d4d4}body.dark .stat-card:hover{box-shadow:0 4px 12px #ffffff1a;border-color:#404040}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0a0a0a,#525252)}body.dark .stat-card:before{background:linear-gradient(90deg,#fafafa,#737373)}.stat-label{font-size:.875em;color:#737373;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.dark .stat-label{color:#a3a3a3}.stat-value{font-size:2.25em;font-weight:700;color:#0a0a0a;letter-spacing:-1px}body.dark .stat-value{color:#fafafa}.vendors-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 3px #00000014;margin-bottom:30px;border:1px solid #e5e5e5;transition:all .3s ease}body.dark .vendors-section{background:#171717;border-color:#262626;box-shadow:0 1px 3px #ffffff0d}.vendors-section h2{color:#0a0a0a;margin-bottom:24px;font-size:1.5em;font-weight:700;letter-spacing:-.5px}body.dark .vendors-section h2{color:#fafafa}.vendor-list{max-height:400px;overflow-y:auto}.vendor-item{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #f5f5f5;transition:all .2s;border-radius:6px}body.dark .vendor-item{border-bottom-color:#262626}.vendor-item:hover{background:#fafafa;padding-left:20px}body.dark .vendor-item:hover{background:#0a0a0a}.vendor-item:last-child{border-bottom:none}.vendor-name{font-weight:600;color:#171717}body.dark .vendor-name{color:#e5e5e5}.vendor-amount{font-weight:700;color:#0a0a0a;position:relative}body.dark .vendor-amount{color:#fafafa}.vendor-amount:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#0a0a0a;opacity:.15}body.dark .vendor-amount:before{background:#fafafa;opacity:.2}.chart-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e5e5;transition:all .3s ease}.privacy-notice{text-align:center!important;background:#4caf5014;border:1px solid rgba(76,175,80,.25);border-radius:10px;padding:12px 18px;margin-top:16px;color:#555}body.dark .privacy-notice{background:#4caf501a;border-color:#4caf5033;color:#eee}#expenseChart{max-height:800px}body.dark .chart-section{background:#171717;border-color:#262626;box-shadow:0 1px 3px #ffffff0d}.chart-section h2{color:#0a0a0a;margin-bottom:24px;font-size:1.5em;font-weight:700;letter-spacing:-.5px}body.dark .chart-section h2{color:#fafafa}.loading{display:none;text-align:center;color:#0a0a0a;font-size:1.2em;margin:20px 0;font-weight:600}body.dark .loading{color:#fafafa}.loading.show{display:block}.error{background:#0a0a0a;color:#fff;padding:16px 24px;border-radius:8px;margin:20px 0;display:none;font-weight:500;border-left:4px solid #ef4444}body.dark .error{background:#fafafa;color:#0a0a0a}.error.show{display:block}.debug{background:#fafafa;border-radius:12px;padding:20px;margin-bottom:20px;max-height:300px;overflow-y:auto;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8em;display:none;border:1px solid #e5e5e5;color:#525252;transition:all .3s ease}body.dark .debug{background:#0a0a0a;border-color:#262626;color:#a3a3a3}.debug.show{display:block}