:root{--bg: #f7f8fa;--card: #ffffff;--ink: #1c2530;--muted: #6b7683;--accent: #2d6cdf;--accent-ink: #ffffff;--border: #e2e6ea;--danger: #c8392f;--ok: #1f9d55}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--accent);text-decoration:none}.app-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:var(--card);border-bottom:1px solid var(--border)}.app-header nav{display:flex;gap:1.25rem;align-items:center}.nav-toggle{display:none;background:none;border:none;color:var(--ink);font-size:1.4rem;line-height:1;padding:.25rem .5rem;cursor:pointer}.app-header nav a{white-space:nowrap;padding:.35rem .7rem;border-radius:8px;color:var(--muted, var(--ink));border-bottom:2px solid transparent;transition:background .15s,color .15s}.app-header nav a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.app-header nav a.active{color:var(--accent);font-weight:600;background:color-mix(in srgb,var(--accent) 12%,transparent);border-bottom-color:var(--accent)}.app-header .brand{font-weight:700;font-size:1.1rem;color:var(--ink);flex-shrink:0}.container{max-width:900px;margin:1.5rem auto;padding:0 1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem}h1{font-size:1.5rem}h2{font-size:1.2rem}button,.btn{background:var(--accent);color:var(--accent-ink);border:none;border-radius:7px;padding:.5rem .9rem;font-size:.95rem;cursor:pointer}button.secondary{background:#eef1f5;color:var(--ink)}button.danger{background:var(--danger)}button.fab-add{width:3rem;height:3rem;border-radius:50%;padding:0;font-size:1.9rem;line-height:1;font-weight:300;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}button:disabled{opacity:.5;cursor:not-allowed}.link-btn{background:none;color:var(--accent);padding:0}.expense-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;overflow-y:auto}.expense-screen-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;background:var(--card);border-bottom:1px solid var(--border);font-weight:600;flex-shrink:0}.expense-screen-head .link-btn{font-size:1.1rem}.expense-screen-head .head-spacer{width:1.1rem;flex-shrink:0}.amount-hero{flex:1;min-height:38vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1.5rem 1rem}.amount-input{width:100%;max-width:8ch;border:none;background:transparent;text-align:center;font-size:clamp(3.5rem,18vw,7rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink);padding:0}.amount-input:focus{outline:none}.amount-cur{font-size:1.6rem;font-weight:600;color:var(--muted)}.amount-eur{margin:.4rem 0 0;font-size:1rem}.expense-screen-fields{max-width:600px;width:100%;margin:0 auto;padding:0 1.25rem 2rem;flex-shrink:0}.expense-screen-foot{position:sticky;bottom:0;flex-shrink:0;padding:.85rem 1.25rem calc(.85rem + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border)}.expense-screen-foot .submit-primary{display:block;width:100%;max-width:600px;margin:0 auto;padding:.8rem;font-size:1rem;font-weight:600}.entry-card{display:contents}@media (min-width: 640px){.expense-screen.entry-modal{background:#0f172a73;align-items:center;justify-content:center;padding:2rem 1rem}.expense-screen.entry-modal .entry-card{display:flex;flex-direction:column;width:100%;max-width:640px;max-height:calc(100vh - 4rem);background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #00000040}.expense-screen.entry-modal .expense-screen-fields{overflow-y:auto;padding-top:1.25rem}.expense-screen.entry-modal .expense-screen-foot{position:static}}label{display:block;font-size:.85rem;color:var(--muted);margin:.5rem 0 .15rem}label.check{display:flex;align-items:center;gap:.4rem;cursor:pointer;margin-top:.6rem}label.check input{width:auto}input,select,textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.95rem;font-family:inherit;background:#fff}.row{display:flex;gap:.75rem;flex-wrap:wrap}.row>*{flex:1;min-width:120px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem;border-bottom:1px solid var(--border);font-size:.92rem}th{color:var(--muted);font-weight:600}.right{text-align:right}.clickable-row{cursor:pointer;transition:background .12s}.clickable-row:hover td{background:#f0f4fb}.row-actions{display:flex;gap:1.1rem;justify-content:flex-end;align-items:center}.link-btn svg{display:block}.error{color:var(--danger);font-size:.9rem;margin:.5rem 0}.muted{color:var(--muted)}.list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.badge{display:inline-block;background:#eef1f5;border-radius:20px;padding:.1rem .6rem;font-size:.8rem;color:var(--muted)}.badge-warn{background:#fdf0d5;color:#8a5a00;margin-left:.5rem;vertical-align:middle;font-size:.72rem}.amount{font-variant-numeric:tabular-nums;font-weight:600}.login-wrap{max-width:360px;margin:4rem auto}.expense-list>.clickable-row+.clickable-row{border-top:1px solid var(--border)}.expense-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .15rem}.expense-item:hover{background:#f0f4fb}.expense-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.expense-date{font-size:.78rem;color:var(--muted)}.expense-cat{font-size:.95rem;color:var(--ink)}.expense-desc{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}.expense-amounts{flex-shrink:0;text-align:right;display:flex;flex-direction:column;gap:.1rem}.expense-eur{font-size:.8rem;font-weight:500;color:var(--muted)}.tabs{display:flex;gap:.25rem;margin:.25rem 0 1rem;border-bottom:1px solid var(--border)}.tabs .tab{background:none;color:var(--muted);border:none;border-radius:0;padding:.5rem .9rem;font-size:.95rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs .tab:hover{color:var(--ink)}.tabs .tab.active{color:var(--accent);border-bottom-color:var(--accent)}.agenda-day{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin:1rem 0 .35rem;padding:.2rem .15rem;border-bottom:1px solid var(--border);cursor:pointer;border-radius:4px}.agenda-day:first-child{margin-top:0}.agenda-day:hover{background:#f0f4fb}.agenda-day-label{font-size:.9rem;font-weight:700;color:var(--ink);text-transform:capitalize}.agenda-day-add{font-size:.75rem;font-weight:600;color:var(--accent);white-space:nowrap}.agenda-empty{font-size:.85rem;margin:.2rem 0 .4rem}.agenda-empty-click{cursor:pointer}.agenda-item{display:flex;align-items:flex-start;gap:.75rem;padding:.55rem .15rem}.agenda-item+.agenda-item{border-top:1px solid var(--border)}.agenda-item:hover{background:#f0f4fb}.agenda-time{flex-shrink:0;width:5.5rem;font-size:.85rem;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;padding-top:.05rem}.agenda-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.agenda-title{font-size:.95rem;color:var(--ink);overflow-wrap:anywhere}.agenda-loc,.agenda-notes{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}.trip-card{display:flex;flex-direction:column;gap:.85rem}.trip-card.clickable{cursor:pointer;transition:border-color .12s,box-shadow .12s}.trip-card.clickable:hover{border-color:var(--accent);box-shadow:0 1px 6px #0000000f}.trip-card.clickable h2{color:var(--accent)}.trip-header{display:flex;align-items:center;gap:1rem}.trip-main{flex:1;min-width:0}.trip-total{text-align:right;flex-shrink:0;margin-right:1.5rem}.trip-total-amount{display:block;font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.trip-edit{flex-shrink:0;font-size:1.1rem}.trip-delete-zone{margin-top:2rem}.trip-delete-zone button{width:100%}.trip-chart--pie{display:flex;justify-content:center}.pie-embed{display:flex;flex-direction:column;align-items:center;text-align:center}.pie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:.5rem}.pie-card{border:1px solid var(--border);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;align-items:center;text-align:center}.pie-title{font-size:1rem;margin:0 0 .5rem;color:var(--ink)}.pie-card svg path{cursor:pointer;transition:opacity .12s}.pie-center-value{font-size:20px;font-weight:700;fill:var(--ink)}.pie-center-label{font-size:11px;fill:var(--muted)}.pie-caption{margin:.5rem 0 0;font-size:.85rem;color:var(--muted)}.pie-legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:0}.legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--ink);background:none;border:none;border-radius:4px;padding:.1rem .2rem;cursor:pointer}.legend-item--off{color:var(--muted);text-decoration:line-through}.legend-item--off .legend-swatch{opacity:.35}.legend-swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.legend-bar{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.legend-area{flex:1;min-width:0;position:relative}.legend-measure{position:absolute;top:0;left:0;right:0;visibility:hidden;pointer-events:none}.legend-open{background:none;border:1px solid var(--border);color:var(--ink);border-radius:7px;padding:.3rem .7rem;font-size:.85rem;cursor:pointer}.legend-drawer{margin:0 0 .75rem;padding:.6rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.view-toggle{flex-shrink:0;display:inline-flex;border:1px solid var(--border);border-radius:7px;overflow:hidden}.view-toggle button{background:var(--card);color:var(--muted);border:none;border-radius:0;padding:.35rem .6rem;font-size:.85rem;display:inline-flex;align-items:center}.view-toggle svg{display:block}.view-toggle button+button{border-left:1px solid var(--border)}.view-toggle button.active{background:var(--accent);color:var(--accent-ink)}.bar-list{display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem}.bar-card{border:1px solid var(--border);border-radius:10px;padding:.75rem}.bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.bar-title{font-size:1rem;margin:0;color:var(--ink)}.bar-total{font-size:.9rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.bar-track{display:flex;width:100%;height:26px;border-radius:6px;overflow:hidden}.bar-seg{min-width:2px;cursor:pointer;transition:opacity .12s}.bar-seg+.bar-seg{box-shadow:-2px 0 0 var(--card)}.bar-caption{margin:.5rem 0 0;font-size:.85rem;color:var(--muted)}.year-chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.year-chart-scroll svg{display:block;height:auto}.year-chart-total{margin:.75rem 0 0;font-size:.9rem}.year-chart-total strong{color:var(--ink);font-variant-numeric:tabular-nums}.year-chart-toggle{display:flex;justify-content:center;margin-top:.75rem}.attachments{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;align-items:center}.attachment{border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem;font-size:.85rem;display:flex;gap:.5rem;align-items:center}.doc-add{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:1px dashed var(--border);border-radius:6px;color:var(--accent)}.doc-add:hover{border-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f161e80;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-box{background:var(--card);border-radius:10px;padding:1rem;width:100%;max-width:420px;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:.75rem}.modal-box-wide{max-width:820px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:600}.modal-head .link-btn{font-size:1.1rem}.modal-foot{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.preview-img{max-width:100%;max-height:78vh;object-fit:contain;margin:0 auto;display:block}.pdf-view{max-height:78vh;overflow:auto;background:var(--bg);border-radius:6px}.pdf-page{display:block;margin:0 auto .5rem;box-shadow:0 1px 4px #00000026}@media (max-width: 640px){.app-header{gap:.75rem;padding:.6rem .9rem}.app-header .brand{font-size:1rem}.nav-toggle{display:block}.app-header nav{display:none;position:absolute;top:100%;right:0;left:0;z-index:20;flex-direction:column;align-items:stretch;gap:.25rem;padding:.5rem;background:var(--card);border-bottom:1px solid var(--border);box-shadow:0 8px 16px #0000001f}.app-header nav.open{display:flex}.app-header nav a{padding:.6rem .75rem;border-bottom:none;border-radius:8px}.app-header nav a.active{border-bottom:none}.container{margin:1rem auto;padding:0 .75rem}.card{padding:.85rem .9rem}h1{font-size:1.3rem}th,td{padding:.4rem .35rem;font-size:.85rem}.trip-total{margin-right:.5rem}.trip-total-amount{font-size:1.3rem}}@media (orientation: landscape) and (max-height: 600px){.year-chart-scroll svg{width:auto;height:72vh;margin:0 auto}}