:root{--h-primary:217;--h-accent:250;--bg-main:hsl(var(--h-primary), 33%, 8%);--bg-card:hsl(var(--h-primary), 33%, 12%);--bg-card-glass:hsla(var(--h-primary), 33%, 15%, .7);--text-main:#f8fafc;--text-muted:#8fa2bc;--primary:hsl(var(--h-primary), 91%, 60%);--secondary:hsl(var(--h-accent), 89%, 65%);--danger:#ef4343;--success:#2ced8c;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0006;--font-main:"Inter", system-ui, sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{background-color:var(--bg-main);min-height:100%}body{background-color:var(--bg-main);background:radial-gradient(circle at top right, hsla(var(--h-primary), 91%, 20%, .4), var(--bg-main) 70%);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;justify-content:center;min-height:100vh;display:flex;overflow-x:hidden}#root{width:100%;max-width:500px;min-height:100vh;position:relative}h1,h2,h3,.title{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}.title{background:linear-gradient(135deg, #fff 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem}.glass-panel{background:var(--bg-card-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-overflow-scrolling:touch;border-radius:20px;padding:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s;overflow:hidden}.glass-panel:hover{border-color:hsla(var(--h-primary), 91%, 60%, .3)}input,select{background:hsla(var(--h-primary), 33%, 5%, .5);border:1px solid var(--glass-border);min-width:0;color:var(--text-main);border-radius:14px;outline:none;margin-bottom:20px;padding:14px 18px;font-family:inherit;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;box-sizing:border-box!important;width:100%!important;max-width:100%!important}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;min-height:50px;margin:0 0 20px}input[type=date]::-webkit-inner-spin-button{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}input::-webkit-calendar-picker-indicator{filter:invert();opacity:.6}input:focus,select:focus{border-color:var(--primary);background:hsla(var(--h-primary), 33%, 5%, .8);box-shadow:0 0 0 4px hsla(var(--h-primary), 91%, 60%, .15)}.btn{font-weight:600;font-family:var(--font-display);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.1)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.sticky-header{z-index:50;-webkit-backdrop-filter:blur(10px);background:#0e131bf2;border-bottom:1px solid #ffffff0d;margin:-24px -24px 16px;padding:24px 24px 16px;position:sticky;top:0}.expense-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.expense-card{text-align:center;background:var(--bg-card-glass);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;align-items:center;padding:8px 4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.expense-card:before{content:"";background:linear-gradient(225deg,#0000 50%,#ffffff08 50%);width:40px;height:40px;transition:all .3s;position:absolute;top:0;right:0}.expense-card.paid{opacity:.6}.expense-card.paid:after{content:"✓";background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 4px 10px #10b9814d}.expense-card:active{transform:scale(.95)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.02)}to{transform:scale(1)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-slide-up{animation:.6s cubic-bezier(.22,1,.36,1) forwards slideUp}.animate-fade-in{animation:.5s forwards fadeIn}.animate-bounce-in{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards bounceIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.action-item{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff08;border-radius:16px;align-items:center;gap:16px;width:100%;margin-bottom:12px;padding:16px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.action-item:active{background:#ffffff14;transform:scale(.98)}.action-item.danger{color:var(--danger);border-color:#ef444433}.fixed-footer-bar{background:linear-gradient(to top, hsla(var(--h-primary), 33%, 5%, .98) 0%, hsla(var(--h-primary), 33%, 5%, .8) 50%, transparent 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;justify-content:center;padding:24px 20px 32px;display:flex;position:fixed;bottom:0;left:0;right:0}.pill-nav{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:100px;gap:6px;width:100%;max-width:450px;padding:4px;display:flex;box-shadow:0 10px 30px #0000004d}.pill-action{color:#fff9;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pill-action:active{color:#fff;background:#ffffff1a;transform:scale(.96)}.pill-action.danger{color:#ff8080b3}.pill-action.danger:active{color:#ff8080;background:#ef444426}@media print{body{color:#000;background:#fff}.btn,.floating-button{display:none!important}.glass-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #eee}}body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}button,[role=button],a{touch-action:manipulation;-webkit-touch-callout:none}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:max(1rem,16px)!important}}.fixed-footer-bar{padding-bottom:calc(32px + env(safe-area-inset-bottom))}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top)}.dashboard{padding-top:calc(24px + env(safe-area-inset-top))}}@media (width>=768px){#root{max-width:900px;box-shadow:none}.expense-grid{grid-template-columns:repeat(4,1fr);gap:12px}.expense-card{border-radius:16px;padding:14px 10px}.expense-card:hover{border-color:hsla(var(--h-primary), 91%, 60%, .3);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.glass-panel{padding:24px}.pill-nav{max-width:600px}.action-item:hover{background:#ffffff0f}}@media (width>=1200px){#root{max-width:1100px}.expense-grid{grid-template-columns:repeat(5,1fr);gap:14px}.expense-card{padding:18px 12px}.pill-nav{max-width:700px}}@media print{@page{size:4in 6in;margin:.25in}body,html,#root{color:#000;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;height:auto;min-height:0}.no-print{display:none!important}.print-only{color:#000;background:#fff;width:100%;font-family:monospace;font-size:12px;display:block!important}.print-only h1,.print-only h2{margin:0;font-family:sans-serif;font-size:1.2rem}.print-only span{display:block}.print-only>div>div>span:first-child{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}}.print-only{display:none}