:root{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--secondary: #8b5cf6;--accent: #f43f5e;--success: #10b981;--warning: #f59e0b;--background: #0f172a;--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--glass: blur(12px) saturate(180%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--background);color:var(--text-main);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(244,63,94,.15) 0px,transparent 50%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading)}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.glass-card{background:var(--card-bg);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--card-border);border-radius:1.5rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{opacity:.9;transform:scale(1.02);box-shadow:0 0 20px var(--primary-glow)}.file-dropzone{border:2px dashed var(--card-border);border-radius:1.5rem;padding:3rem;text-align:center;transition:all .3s;cursor:pointer;background:rgba(255,255,255,.03)}.file-dropzone:hover{border-color:var(--primary);background:rgba(99,102,241,.05)}.transaction-table{width:100%;border-collapse:collapse}.transaction-table th{text-align:left;padding:1rem;color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--card-border)}.transaction-table td{padding:1rem;border-bottom:1px solid var(--card-border)}.input-field{background:rgba(255,255,255,.05);border:1px solid var(--card-border);border-radius:.5rem;padding:.5rem .75rem;color:var(--text-main);outline:none;width:100%}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}select.input-field option{background-color:#1e293b;color:var(--text-main)}@media (max-width: 768px){.transaction-table thead{display:none}.transaction-table tr{display:block;margin-bottom:1rem;background:rgba(255,255,255,.02);border-radius:1rem;padding:1rem}.transaction-table td{display:flex;justify-content:space-between;padding:.5rem 0;border:none}.transaction-table td:before{content:attr(data-label);color:var(--text-muted);font-size:.875rem}}@media print{body{background:white!important;color:#000!important}.container{max-width:100%!important;padding:20px!important}nav,.btn-primary,.no-print,input#file-upload,button{display:none!important}header{margin-bottom:2rem!important}header div h1 span{color:#000!important}.glass-card{border:1px solid #ddd!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;transform:none!important;border-radius:12px!important;margin-bottom:1.5rem!important;color:#000!important}h3{color:#000!important;border-bottom:1px solid #eee;padding-bottom:.5rem}.recharts-legend-wrapper{display:block!important}.transaction-table{border:1px solid #eee}.transaction-table th{background:#f8f8f8!important;color:#333!important;border-bottom:2px solid #ddd!important}.transaction-table td{border-bottom:1px solid #eee!important}.input-field{border:none!important;background:none!important;padding:0!important;color:#000!important}}
