@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700&display=swap";:root{--bg-color: hsl(220, 14%, 4%);--bg-secondary: hsl(220, 14%, 8%);--card-bg: hsla(220, 14%, 12%, .7);--glass-border: hsla(220, 14%, 25%, .4);--mist-border: hsla(220, 14%, 30%, .4);--text-primary: hsl(210, 20%, 92%);--text-secondary: hsl(210, 10%, 55%);--nordic-sea: #38bdf8;--danish-ochre: #e5a048;--swedish-berry: #e05267;--pine-canopy: #34d399;--lavender-dusk: #a78bfa;--font-main: "Outfit", sans-serif;--radius: 12px;--glass-blur: 16px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-main);background:var(--bg-color);color:var(--text-primary);overflow-x:hidden}.auth-wrapper{display:none;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:radial-gradient(ellipse at top left,hsla(220,40%,12%,.6),transparent 60%),radial-gradient(ellipse at bottom right,hsla(35,40%,12%,.4),transparent 50%)}.auth-wrapper.active{display:flex}.glass-container{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:420px;text-align:center}.glass-container.animate-in{animation:slideUp .5s ease forwards}.logo-container{font-size:3rem;margin-bottom:.5rem}.auth-title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--nordic-sea),var(--danish-ochre));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.25rem}.auth-subtitle{color:var(--text-secondary);font-weight:300;margin-bottom:2rem}.btn-auth{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.85rem;border-radius:8px;font-family:var(--font-main);font-weight:500;font-size:.95rem;border:1px solid var(--glass-border);cursor:pointer;transition:all .2s;margin-bottom:.75rem}.btn-auth:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.btn-google{background:#fff;color:#333}.btn-apple{background:#000;color:#fff;border-color:#333}.dashboard-wrapper{display:none;min-height:100vh;background:var(--bg-color)}.dashboard-wrapper.active{display:block}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--mist-border);background:var(--bg-secondary)}.dashboard-header h1{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--nordic-sea),var(--danish-ochre));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-right{display:flex;align-items:center;gap:1rem}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--card-bg);border:2px solid var(--nordic-sea);cursor:pointer}.tabs-nav{display:flex;gap:.25rem;padding:1rem 2rem 0;border-bottom:1px solid var(--mist-border);background:var(--bg-secondary)}.tab-btn{padding:.7rem 1.2rem;font-family:var(--font-main);font-size:.9rem;font-weight:500;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-btn.active{color:var(--nordic-sea);border-bottom-color:var(--nordic-sea)}.tab-btn:hover{color:var(--text-primary)}.tab-content{display:none;padding:2rem}.tab-content.active{display:block}.card{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;padding:.6rem .8rem;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--mist-border)}.data-table td{padding:.6rem .8rem;border-bottom:1px solid hsla(220,14%,20%,.3)}.data-table tbody tr:hover{background:#21242c80}.form-input{width:100%;padding:.6rem .8rem;font-family:var(--font-main);font-size:.9rem;background:#16181dcc;border:1px solid var(--mist-border);border-radius:6px;color:var(--text-primary);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--nordic-sea)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.form-grid label{display:block;margin-bottom:.3rem;font-size:.8rem;color:var(--text-secondary)}.upload-dropzone{border:2px dashed var(--mist-border);border-radius:var(--radius);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#16181d80,#1f222980);position:relative;overflow:hidden}.upload-dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,hsla(200,60%,40%,.06),transparent 70%);pointer-events:none}.upload-dropzone:hover,.upload-dropzone.drag-over{border-color:var(--nordic-sea);background:linear-gradient(135deg,#12232b99,#1f222999);transform:translateY(-2px);box-shadow:0 8px 24px #38bdf814}.upload-dropzone-inner{position:relative;z-index:1}.upload-icon-ring{width:56px;height:56px;margin:0 auto 1rem;border-radius:50%;background:#297aa31f;border:2px solid hsla(200,60%,50%,.2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--nordic-sea);transition:all .3s}.upload-dropzone:hover .upload-icon-ring{background:#297aa333;border-color:var(--nordic-sea);transform:scale(1.08)}.upload-heading{font-weight:600;font-size:1rem;margin-bottom:.3rem}.upload-subtext{color:var(--text-secondary);font-size:.8rem}.upload-browse-btn{margin-top:1rem;padding:.5rem 1.4rem;border:1px solid var(--nordic-sea);border-radius:6px;background:transparent;color:var(--nordic-sea);font-family:var(--font-main);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.upload-browse-btn:hover{background:var(--nordic-sea);color:#000}.receipts-feed{display:flex;flex-direction:column;gap:.6rem;max-height:420px;overflow-y:auto;padding-right:.25rem}.receipts-feed::-webkit-scrollbar{width:4px}.receipts-feed::-webkit-scrollbar-thumb{background:var(--mist-border);border-radius:2px}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.empty-state i{font-size:1.8rem;margin-bottom:.6rem;display:block;opacity:.4}.empty-state p:first-of-type{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}@media(max-width:768px){#tab-receipts>div{grid-template-columns:1fr!important}}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;justify-content:center;align-items:center;padding:1rem}.modal-body{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-body h2{margin-bottom:1.5rem;font-size:1.2rem}.section-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem}.btn-primary{padding:.6rem 1.2rem;border:none;border-radius:6px;background:var(--nordic-sea);color:#000;font-family:var(--font-main);font-weight:700;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #38bdf84d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.tabs-nav{overflow-x:auto}.dashboard-header,.tab-content{padding:1rem}.form-grid{grid-template-columns:1fr}#tab-purchases>div:first-child{grid-template-columns:1fr!important}}@supports (padding: env(safe-area-inset-top)){.dashboard-header{padding-top:calc(.75rem + env(safe-area-inset-top))}.tab-content{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}}