:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--bg: #f0f2f5;--text: #2d3436;--card-bg: #ffffff;--card-shadow: 0 2px 8px rgba(0,0,0,.06);--border: #e8eaed;--title-bg: #4a6cf7;--title-text: #ffffff;--panel-bg: #ffffff;--input-bg: #f8f9fc;--input-text: #2d3436;--select-bg: #f8f9fc;--select-text: #2d3436;--head-bg: #4a6cf7;--head-text: #ffffff;--primary: #4a6cf7;--primary-light: #e8edfe;--income: #ff6b6b;--income-bg: #fff0f0;--expense: #00b894;--expense-bg: #e6faf4;--muted: #b2bec3;--radius: 12px;--radius-sm: 8px}[data-theme=dark]{--bg: #1a1d23;--text: #e4e6ea;--card-bg: #282c35;--card-shadow: 0 2px 8px rgba(0,0,0,.2);--border: #3d4149;--title-bg: #3d5cff;--title-text: #ffffff;--panel-bg: #282c35;--input-bg: #1a1d23;--input-text: #e4e6ea;--select-bg: #1a1d23;--select-text: #e4e6ea;--head-bg: #3d5cff;--head-text: #ffffff;--primary: #6c8cff;--primary-light: #2d3248;--income: #ff6b6b;--income-bg: #3a2225;--expense: #00b894;--expense-bg: #1a3a32;--muted: #636a7a}html,body{overflow:hidden;position:fixed;height:100vh;width:100vw}body,html,div{padding:0;margin:0}body{font-size:.9em;color:var(--text);background:var(--bg);display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:100vh;transition:background .3s,color .3s}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}*{transition:background-color .25s,color .25s,border-color .25s}.panel-bg{background:rgba(0,0,0,.45);left:0;top:0;width:100%;height:100%;z-index:99;position:fixed;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel{background:var(--panel-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;max-width:80vw;min-width:15em;max-height:80vh;overflow:hidden;box-shadow:0 8px 32px #0000001f}@media (max-width: 480px){body{font-size:1em}.panel{max-width:94vw;width:94vw;max-height:90vh}.panel-contain{padding:1em}input,select,textarea{font-size:1em;padding:.8em}button{font-size:1em}}.panel-contain{padding:1.2em;overflow:auto}button{border:none}button span{display:none}.emoji-btn{background:none;border:none;font-size:1.5em;transition:transform .15s ease-out,filter .15s ease-out}.emoji-btn:hover{transform:scale(1.1)}.emoji-btn:active{transform:scale(.9);filter:brightness(2)}p{margin:.5em 0}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary)}h1{font-size:3.2em;line-height:1.1}.title{background:var(--title-bg);color:var(--title-text);font-weight:700;padding:.5em}.nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--title-bg);color:var(--title-text);font-weight:700;padding:.7em 1em}.nav button{background:none;border:none;color:var(--title-text);font-size:1.1em;cursor:pointer;padding:.2em .5em;border-radius:4px;opacity:.85}.nav button:hover{opacity:1;background:rgba(255,255,255,.1)}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}input,textarea{padding:.7em .8em;background:var(--input-bg);color:var(--input-text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95em;outline:none;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--primary)}textarea{flex-grow:1;resize:vertical;height:15em}select{padding:.6em .8em;background:var(--select-bg);color:var(--select-text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95em;outline:none}select:focus{border-color:var(--primary)}