*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#252836;--border:#2e3147;--accent:#4f8ef7;--green:#22c55e;--red:#ef4444;--yellow:#f59e0b;--text:#e8eaf0;--text2:#8b8fa8;--radius:14px;--bottom-nav:70px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}html{-webkit-text-size-adjust:100%;height:-webkit-fill-available}body{background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:-webkit-fill-available;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;font-size:15px}.login-wrap{min-height:100vh;background:var(--bg);justify-content:center;align-items:center;min-height:-webkit-fill-available;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:360px;padding:36px 28px}.login-logo{text-align:center;margin-bottom:32px}.login-logo svg{color:var(--accent);margin-bottom:12px}.login-logo h1{font-size:22px;font-weight:700}.login-logo p{color:var(--text2);margin-top:4px;font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.login-input-group{flex-direction:column;gap:6px;display:flex}.login-input-group label{color:var(--text2);font-size:13px;font-weight:600}.login-input-group input{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);appearance:none;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:16px}.login-input-group input:focus{border-color:var(--accent)}.login-error{color:var(--red);text-align:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;padding:10px 14px;font-size:13px}.login-btn{background:var(--accent);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;margin-top:6px;padding:15px;font-size:16px;font-weight:700;transition:opacity .15s}.login-btn:active{opacity:.8}.login-btn:disabled{opacity:.5}.app{min-height:100vh;flex-direction:column;min-height:-webkit-fill-available;display:flex}.top-header{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);padding:calc(var(--safe-top) + 12px) 16px 12px;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.top-header-title{font-size:17px;font-weight:700}.top-header-sub{color:var(--text2);margin-top:1px;font-size:12px}.header-right{align-items:center;gap:10px;display:flex}.logout-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.page-content{padding-top:calc(var(--safe-top) + 64px);padding-bottom:calc(var(--bottom-nav) + var(--safe-bottom) + 16px);-webkit-overflow-scrolling:touch;flex:1;padding-left:14px;padding-right:14px;overflow-y:auto}.bottom-nav{z-index:100;background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;color:var(--text2);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 8px;font-size:10px;font-weight:500;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item svg{transition:transform .15s}.bottom-nav-item.active svg{transform:scale(1.1)}.month-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.month-bar::-webkit-scrollbar{display:none}.mb-sum-bar{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:-10px;margin-bottom:12px;padding:0 2px;display:flex}.mb-sum-bar span{white-space:nowrap;font-size:12px;font-weight:700}.mb-green{color:var(--green)}.mb-red{color:var(--red)}.mb-yellow{color:var(--yellow)}.month-bar select{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);appearance:none;border-radius:10px;outline:none;flex-shrink:0;height:44px;padding:0 12px;font-size:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.stat-card .label{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:600}.stat-card .value{font-size:18px;font-weight:700;line-height:1.2}.stat-card .sub{color:var(--text2);margin-top:3px;font-size:10px}.stat-card.green{background:#22c55e12;border-color:#22c55e40}.stat-card.green .value{color:var(--green)}.stat-card.red{background:#ef444412;border-color:#ef444440}.stat-card.red .value{color:var(--red)}.stat-card.blue{background:#4f8ef712;border-color:#4f8ef740}.stat-card.blue .value{color:var(--accent)}.stat-card.yellow{background:#f59e0b12;border-color:#f59e0b40}.stat-card.yellow .value{color:var(--yellow)}.stat-card.full{grid-column:span 2}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card-title{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.beleg-list{flex-direction:column;gap:10px;display:flex}.beleg-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-tap-highlight-color:transparent;cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:14px;transition:opacity .1s;display:flex}.beleg-item:active{opacity:.8}.beleg-foto{object-fit:cover;border:1px solid var(--border);border-radius:10px;flex-shrink:0;width:48px;height:48px}.beleg-foto-placeholder{background:var(--surface2);width:48px;height:48px;color:var(--text2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.beleg-info{flex:1;min-width:0}.beleg-desc{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.beleg-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.beleg-date{color:var(--text2);font-size:11px}.beleg-amount{text-align:right;flex-shrink:0;font-size:15px;font-weight:700}.beleg-amount.einnahme{color:var(--green)}.beleg-amount.ausgabe{color:var(--red)}.fab{bottom:calc(var(--bottom-nav) + var(--safe-bottom) + 18px);background:var(--accent);color:#fff;cursor:pointer;z-index:90;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;right:20px;box-shadow:0 4px 24px #4f8ef78c}.fab:active{transform:scale(.9);box-shadow:0 2px 10px #4f8ef759}.badge{border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.badge-green{color:var(--green);background:#22c55e26}.badge-red{color:var(--red);background:#ef444426}.badge-blue{color:var(--accent);background:#4f8ef726}.badge-yellow{color:var(--yellow);background:#f59e0b26}.modal-overlay{z-index:200;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);padding:0 16px calc(var(--safe-bottom) + 100px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:20px 20px 0 0;width:100%;max-height:92dvh;overflow-y:auto}.sheet-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:12px auto 16px}.sheet-title{text-align:center;margin-bottom:20px;font-size:17px;font-weight:700}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}label{color:var(--text2);font-size:13px;font-weight:600}input,select,textarea{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);appearance:none;border-radius:12px;outline:none;width:100%;height:52px;padding:0 14px;font-family:inherit;font-size:16px}textarea{height:auto;min-height:80px;padding:14px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:none;min-height:70px;font-size:16px}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.seg-control{background:var(--surface2);border-radius:10px;margin-bottom:16px;padding:3px;display:flex}.seg-btn{min-height:44px;color:var(--text2);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;flex:1;padding:0 8px;font-size:14px;font-weight:600;transition:all .2s}.seg-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000004d}.upload-area-wrap{border:2px dashed var(--border);text-align:center;background:var(--surface2);border-radius:14px;padding:20px 16px}.upload-hint{color:var(--text2);margin-bottom:14px;font-size:13px;line-height:1.5}.upload-hint span{color:var(--accent);font-size:11px}.upload-btns{justify-content:center;gap:10px;display:flex}.upload-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;min-height:72px;padding:14px 12px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.upload-btn:active{border-color:var(--accent);color:var(--accent);background:#4f8ef71a}.upload-area{border:2px dashed var(--border);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;padding:28px 16px;position:relative;overflow:hidden}.upload-area:active{border-color:var(--accent);background:#4f8ef70d}.upload-area input[type=file]{opacity:0;cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.upload-area p{color:var(--text2);margin-top:8px;font-size:12px}.upload-icon{color:var(--text2);margin-bottom:4px}.preview-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:320px;margin-top:10px;display:block}.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:opacity .15s;display:flex}.btn:active{opacity:.8}.btn-primary{background:var(--accent);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border);padding:12px;font-size:14px}.btn:disabled{opacity:.5}.btn-row{background:var(--surface);gap:10px;margin-top:16px;padding:12px 0 8px;display:flex;position:sticky;bottom:0}.btn-row .btn{flex:1}.netto-info{background:var(--surface2);color:var(--text2);border-radius:10px;justify-content:space-between;margin-top:-8px;margin-bottom:14px;padding:10px 14px;font-size:12px;display:flex}.netto-info strong{color:var(--text)}.fahrt-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:14px;display:flex}.fahrt-route{font-size:14px;font-weight:600}.fahrt-meta{color:var(--text2);margin-top:3px;font-size:11px}.fahrt-amount{color:var(--yellow);font-size:16px;font-weight:700}.fahrt-km{color:var(--text2);text-align:right;font-size:11px}.item-actions{border-top:1px solid var(--border);gap:6px;margin-top:10px;padding-top:10px;display:flex}.action-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--surface2);min-height:44px;color:var(--text2);-webkit-user-select:none;user-select:none;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:13px;font-weight:600;transition:opacity .1s;display:flex}.action-btn:active{opacity:.7}.action-btn.del{color:var(--red);background:#ef44441a}.lightbox{z-index:500;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox img{border-radius:10px;max-width:100%;max-height:90vh}.empty{text-align:center;color:var(--text2);padding:60px 20px}.empty svg{opacity:.35;margin-bottom:12px}.empty p{font-size:14px;line-height:1.6}.kat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.kat-row:last-child{border-bottom:none}.kat-amount{font-weight:700}.loading{text-align:center;color:var(--text2);padding:40px;font-size:14px}.beleg-item.expanded{flex-direction:column;align-items:stretch}.beleg-item.expanded .beleg-main{align-items:center;gap:12px;display:flex}.strecke-box{background:#4f8ef712;border:1.5px solid #4f8ef740;border-radius:14px;margin-bottom:14px;padding:14px}.strecke-box-title{color:var(--accent);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.strecke-start-hint{color:var(--text2);background:var(--surface2);border-radius:20px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:500}.strecke-input-row{align-items:center;gap:8px;display:flex}.strecke-input-row input{flex:1;height:48px;padding:0 13px;font-size:16px}.strecke-calc-btn{background:var(--accent);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:opacity .15s;display:flex}.strecke-calc-btn:active{opacity:.8}.strecke-calc-btn:disabled{opacity:.4}.strecke-error{color:var(--red);background:#ef44441a;border:1px solid #ef444440;border-radius:10px;margin-top:8px;padding:10px 12px;font-size:12px}.strecke-result{flex-direction:column;gap:8px;margin-top:10px;display:flex}.strecke-result-row{color:var(--text2);align-items:center;gap:6px;font-size:12px;display:flex}.strecke-ziel{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.maps-link{color:var(--accent);background:#4f8ef71a;border-radius:20px;flex-shrink:0;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.strecke-seg{gap:8px;display:flex}.strecke-seg-btn{border:1.5px solid var(--border);background:var(--surface2);min-height:56px;color:var(--text2);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:10px;flex:1;padding:12px 8px;font-size:12px;line-height:1.5;transition:all .15s}.strecke-seg-btn strong{color:var(--text);font-size:13px;display:block}.strecke-seg-btn.active{border-color:var(--accent);color:var(--accent);background:#4f8ef71f}.strecke-seg-btn.active strong{color:var(--accent)}.strecke-dauer{color:var(--text2);text-align:center;font-size:11px}.strecke-saved{text-align:center;color:var(--green);background:#22c55e1a;border-radius:10px;padding:8px;font-size:13px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spin}.analyse-overlay{color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1117bf;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.analyse-hint{border-radius:10px;align-items:center;gap:6px;margin-top:4px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.analyse-hint.success{color:var(--green);background:#22c55e1a;border:1px solid #22c55e33}.analyse-hint.error{color:var(--yellow);background:#f59e0b1a;border:1px solid #f59e0b33}.ort-wrap{position:relative}.ort-dropdown{background:var(--surface2);border:1px solid var(--border);z-index:200;border-radius:12px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.ort-dropdown-title{color:var(--text2);text-transform:uppercase;letter-spacing:.04em;padding:8px 12px 4px;font-size:11px;font-weight:600}.ort-option{cursor:pointer;border-top:1px solid var(--border);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:44px;padding:13px 14px;font-size:14px;transition:background .1s;display:flex}.ort-option:first-child{border-top:none}.ort-option:active{background:#4f8ef71f}.beleg-orte-dropdown{top:auto}.aus-beleg-btn{border:1px solid var(--border);background:var(--surface2);min-height:36px;color:var(--yellow);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:600;transition:opacity .1s;display:flex;position:absolute;top:0;right:0}.aus-beleg-btn:active{opacity:.7}.route-loading{color:var(--text2);align-items:center;gap:6px;padding:6px 0;font-size:12px;display:flex}.route-info{color:var(--accent);background:#4f8ef714;border:1px solid #4f8ef733;border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:12px;display:flex}.route-info span{flex:1}.route-rueck-btn{border:1px solid var(--accent);min-height:36px;color:var(--accent);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:8px;flex-shrink:0;padding:0 12px;font-size:12px;font-weight:700}.export-btn{border:1.5px solid var(--accent);height:44px;color:var(--accent);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#4f8ef71f;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;padding:0 14px;font-size:14px;font-weight:600;display:flex}.export-btn:active{opacity:.75}.export-btn:disabled{opacity:.5;cursor:default}.export-hint-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.export-hint-card>div{flex-direction:column;flex:1;gap:2px;display:flex}.export-hint-card strong{color:var(--text);font-size:13px;font-weight:600}.export-hint-card span{font-size:11px}.export-btn-full{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700}.export-btn-full:disabled{opacity:.5;cursor:default}.monat-picker-btn{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;appearance:none;-webkit-user-select:none;user-select:none;border-radius:10px;flex-shrink:0;align-items:center;height:44px;padding:0 14px;font-size:16px;font-weight:600;transition:opacity .1s;display:flex}.monat-picker-btn:active{opacity:.75}.monat-sheet{padding-bottom:calc(var(--safe-bottom) + 24px);max-height:80dvh}.monat-sheet-list{-webkit-overflow-scrolling:touch;flex-direction:column;max-height:calc(80dvh - 100px);display:flex;overflow-y:auto}.monat-sheet-option{border-bottom:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:14px 4px;transition:background .1s;display:flex}.monat-sheet-option:last-child{border-bottom:none}.monat-sheet-option:active{background:#4f8ef71a;border-radius:8px}.monat-sheet-option.active .mp-name{color:var(--accent);font-weight:700}.mp-name{flex-shrink:0;min-width:90px;font-size:15px;font-weight:500}.mp-totals{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:5px;display:flex}.mp-green{color:var(--green);white-space:nowrap;background:#22c55e1f;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.mp-red{color:var(--red);white-space:nowrap;background:#ef44441f;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.mp-yellow{color:var(--yellow);white-space:nowrap;background:#f59e0b1f;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}