.app-root{min-height:100dvh;color:var(--text)}.app-shell{margin:0 auto;max-width:980px;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;background:color-mix(in oklab,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.content{padding:1rem 1rem 5.8rem}.screen-block{display:grid;gap:.9rem}.screen-header h1{margin:0;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:.01em}.screen-header p{margin:.2rem 0 0}.eyebrow{margin:0;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.muted{color:var(--text-muted)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1rem;box-shadow:0 16px 28px #0b162714}.panel h2{margin:0 0 .8rem;font-size:1.08rem}.form-grid{display:grid;gap:.75rem}label{display:grid;gap:.34rem;font-weight:600}input,select,textarea{border:1px solid var(--border);border-radius:.78rem;padding:.75rem .8rem;color:var(--text);background:var(--surface-2)}input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in oklab,var(--primary) 42%,transparent);border-color:var(--primary)}button{min-height:44px;border:1px solid var(--border);border-radius:.78rem;padding:.72rem 1rem;font-weight:700;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}button.primary{background:var(--primary);color:var(--primary-contrast);border-color:color-mix(in oklab,var(--primary) 70%,black 20%)}button.ghost{background:var(--surface-2);color:var(--text)}button.danger{background:color-mix(in oklab,var(--danger) 78%,var(--surface) 22%);color:#fff;border-color:color-mix(in oklab,var(--danger) 70%,black 30%)}.success-message,.error-message{margin:0;padding:.68rem .75rem;border-radius:.74rem;font-weight:600}.success-message{background:color-mix(in oklab,var(--success) 18%,transparent);color:var(--success);border:1px solid color-mix(in oklab,var(--success) 35%,transparent)}.error-message{background:color-mix(in oklab,var(--danger) 18%,transparent);color:var(--danger);border:1px solid color-mix(in oklab,var(--danger) 35%,transparent)}.setup-screen{min-height:100dvh;display:grid;place-items:center;padding:1rem}.setup-card{width:min(540px,100%);background:var(--surface);border:1px solid var(--border);border-radius:1.15rem;box-shadow:0 24px 36px #0b162729;padding:1.15rem}.setup-card h1{margin:.3rem 0 0}.setup-card p{margin:.45rem 0 .85rem}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.kpi-card{background:linear-gradient(170deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:.95rem;padding:.8rem}.kpi-card p{margin:0;color:var(--text-muted);font-size:.92rem}.kpi-card strong{display:inline-block;margin-top:.35rem;font-size:clamp(1.15rem,2.6vw,1.4rem)}.compact-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.compact-list li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.8rem;padding:.65rem}.compact-list p,.compact-list small{margin:0}.category-bars{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.line-head{display:flex;justify-content:space-between;font-size:.95rem;margin-bottom:.28rem}.bar-track{height:12px;border-radius:999px;background:color-mix(in oklab,var(--surface-2) 80%,var(--border) 20%);overflow:hidden}.bar-fill{height:100%;background:var(--bar);border-radius:inherit}.inline-action{display:grid;grid-template-columns:1fr auto;gap:.5rem}.action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.ocr-summary{margin-top:.75rem;border:1px solid var(--border);background:var(--surface-2);border-radius:.8rem;padding:.75rem}.ocr-summary p{margin:.2rem 0}.expense-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.expense-list li{border:1px solid var(--border);border-radius:.84rem;padding:.68rem;background:var(--surface-2)}.expense-main{display:grid;gap:.2rem}.expense-main p,.expense-main strong{margin:0}.expense-meta{margin-top:.5rem;display:flex;justify-content:space-between;color:var(--text-muted);font-size:.86rem}.report-controls{display:grid;gap:.65rem;grid-template-columns:1fr}.report-table{width:100%;border-collapse:collapse;font-size:.95rem}.report-table th,.report-table td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .35rem}.report-table th{color:var(--text-muted);font-weight:600}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;padding:.65rem;background:color-mix(in oklab,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.bottom-nav a{text-decoration:none;font-size:.8rem;text-align:center;border-radius:.72rem;padding:.52rem .2rem;color:var(--text-muted);border:1px solid transparent}.bottom-nav a.active{color:var(--text);background:color-mix(in oklab,var(--primary) 18%,transparent);border-color:color-mix(in oklab,var(--primary) 35%,transparent)}.theme-switcher{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}@media(min-width:860px){.content{padding-bottom:1rem}.bottom-nav{position:sticky;border-radius:1rem 1rem 0 0;max-width:980px;margin:0 auto}.report-controls{grid-template-columns:1fr auto auto;align-items:end}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid>:last-child{grid-column:1 / -1}.action-row{grid-template-columns:repeat(3,auto);justify-content:start}}:root{font-family:Atkinson Hyperlegible,Trebuchet MS,Segoe UI,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;--bg: #f5f7fb;--bg-accent: radial-gradient(circle at top right, #dce8ff, #f5f7fb 55%);--surface: #ffffff;--surface-2: #eef3fa;--text: #16263f;--text-muted: #52617a;--border: #cfd9ea;--primary: #0b63ce;--primary-contrast: #ffffff;--success: #0a7a47;--danger: #b72a2a;--bar: linear-gradient(90deg, #0b63ce, #2f92ff)}:root[data-theme=dark]{--bg: #0d1622;--bg-accent: radial-gradient(circle at top right, #17283f, #0d1622 58%);--surface: #132132;--surface-2: #1a2b40;--text: #f1f5fb;--text-muted: #b8c4d6;--border: #2f435f;--primary: #69b0ff;--primary-contrast: #06213d;--success: #43d694;--danger: #ff7b7b;--bar: linear-gradient(90deg, #4aa0ff, #73c6ff)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg-accent);color:var(--text)}a{color:inherit}button,input,select,textarea{font:inherit}