*{box-sizing:border-box}html,body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f6f7;color:#202124}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#fff;border-right:1px solid #e6e7e9;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:block;padding:0 10px 24px;border-bottom:1px solid #eee}.brand img{display:block;width:190px;height:auto}.brand span{display:block;margin-top:8px;color:#666;font-size:14px}.sidebar nav{padding-top:18px;display:flex;flex-direction:column;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;font-weight:600;color:#555}.sidebar nav a:hover{background:#f7f1f0;color:#a81912}.sidebar nav a.active{background:#a81912;color:#fff}.nav-icon{width:22px;text-align:center}.sidebar-foot{margin-top:auto;padding:16px 12px 0;border-top:1px solid #eee;color:#666;font-size:13px}.sidebar-foot a{display:inline-block;margin-top:6px;color:#a81912;font-weight:700}.main{margin-left:260px;min-height:100vh}.topbar{height:82px;background:#fff;border-bottom:1px solid #e6e7e9;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.topbar h1{font-size:23px;margin:0}.top-user{font-size:13px;color:#777}.menu-btn{display:none;border:0;background:transparent;font-size:24px}.content{padding:28px;max-width:1500px;margin:auto}.grid{display:grid;gap:18px}.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#fff;border:1px solid #e7e8ea;border-radius:14px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.025)}.metric .label{color:#71757a;font-size:13px;font-weight:600}.metric .value{font-size:28px;font-weight:800;margin-top:8px}.metric .sub{margin-top:5px;color:#888;font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.section-title h2{font-size:18px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer;background:#eceff1;color:#333}.btn.primary{background:#a81912;color:#fff}.btn.secondary{background:#fff;border:1px solid #d7d9dc}.btn.danger{background:#fbeaea;color:#9e1914}.btn.small{padding:7px 10px;font-size:13px}.table-wrap{background:#fff;border:1px solid #e7e8ea;border-radius:14px;overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:14px 16px;border-bottom:1px solid #eef0f1;vertical-align:middle}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#777;background:#fbfbfc}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700;background:#eef1f2}.dot{width:8px;height:8px;border-radius:50%;background:#6d757d}.badge.green{background:#eaf6ef;color:#237443}.badge.green .dot{background:#2c9658}.badge.yellow{background:#fff6d9;color:#8a6b04}.badge.yellow .dot{background:#d5a700}.badge.orange{background:#fff0e5;color:#a55313}.badge.orange .dot{background:#df751f}.badge.red{background:#fde9e8;color:#a81912}.badge.red .dot{background:#b9231c}.vehicle-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.vehicle-title h2{margin:0 0 5px;font-size:25px}.vehicle-title p{margin:0;color:#777}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs a{padding:9px 12px;border-radius:8px;background:#fff;border:1px solid #e0e2e4;font-weight:650;font-size:14px}.tabs a.active{background:#a81912;color:#fff;border-color:#a81912}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field label{display:block;font-size:13px;font-weight:700;margin:0 0 7px;color:#555}.field input,.field select,.field textarea{width:100%;border:1px solid #d6d9dc;border-radius:9px;padding:11px 12px;background:#fff}.field textarea{min-height:100px;resize:vertical}.field.full{grid-column:1/-1}.help{font-size:12px;color:#80848a;margin-top:5px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px;background:#eef1f2}.alert.success{background:#eaf6ef;color:#237443}.alert.error{background:#fde9e8;color:#8d1b17}.empty{text-align:center;color:#777;padding:36px 18px}.timeline{display:flex;flex-direction:column;gap:10px}.timeline-item{display:grid;grid-template-columns:110px 100px 1fr;gap:12px;background:#fff;border:1px solid #e7e8ea;border-radius:12px;padding:14px}.timeline-item strong{display:block}.muted{color:#777}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.stat-bar{height:8px;background:#eceeef;border-radius:999px;overflow:hidden}.stat-bar span{display:block;height:100%;background:#a81912}.hr{height:1px;background:#eceeef;margin:18px 0}.notice-box{border-left:4px solid #a81912;background:#fff7f6;padding:15px;border-radius:8px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f4f5f6}.login-card{width:min(440px,100%);background:#fff;border:1px solid #e4e6e8;border-radius:18px;padding:30px;box-shadow:0 20px 50px rgba(0,0,0,.07)}.login-card img{width:250px;max-width:100%;display:block;margin:0 auto 24px}.login-card h1{text-align:center;font-size:22px}.login-card .btn{width:100%;margin-top:10px;padding:12px}.login-card .foot{text-align:center;color:#888;font-size:12px;margin-top:20px}.install-wrap{max-width:760px;margin:40px auto;padding:20px}.install-wrap .logo{width:260px;max-width:100%;margin-bottom:22px}@media(max-width:1050px){.cards-4{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none}.main{margin-left:0}.menu-btn{display:block}.topbar{padding:0 16px}.top-user{display:none}.content{padding:18px}.cards-4,.cards-3,.form-grid{grid-template-columns:1fr}.vehicle-head{flex-direction:column}.timeline-item{grid-template-columns:1fr}.brand img{width:180px}}
/* V0.1.2 Fahrzeugakte + Tablet/PC Responsive */
.vehicle-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px}.vehicle-identity{display:flex;align-items:center;gap:20px;min-width:0}.vehicle-identity h2{margin:0;font-size:25px;line-height:1.2}.plate{flex:0 0 auto;border:2px solid #202124;border-radius:7px;background:#fff;padding:8px 14px;font-weight:850;font-size:23px;letter-spacing:.04em;white-space:nowrap}.vehicle-meta{display:flex;gap:0;flex-wrap:wrap;color:#70747a;font-size:14px;margin-top:7px}.vehicle-meta span+span:before{content:"·";padding:0 8px;color:#b0b3b7}.vehicle-hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.vehicle-hero-actions form{margin:0}.vehicle-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.status-card{display:flex;flex-direction:column;min-height:185px}.status-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.status-label{font-size:13px;font-weight:800;color:#666;text-transform:uppercase;letter-spacing:.035em}.status-main{font-size:23px;font-weight:800;margin-top:22px;line-height:1.15}.status-sub{font-size:13px;color:#7b7f84;margin-top:6px}.card-link{margin-top:auto;padding-top:18px;color:#a81912;font-size:13px;font-weight:750}.vehicle-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.vehicle-costs{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.cost-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.cost-value{font-size:24px;font-weight:850;margin-top:7px}.cost-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#f6eceb;color:#a81912;font-weight:850}.cost-card.total{border-color:#e1c3c0}.timeline-date,.timeline-km{font-weight:650;color:#5e6267}

@media(max-width:1180px){.content{padding:22px}.sidebar{width:230px}.main{margin-left:230px}.brand img{width:170px}.vehicle-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-hero{align-items:flex-start}.vehicle-identity{align-items:flex-start}.vehicle-status-grid{gap:14px}.status-card{padding:17px}}
@media(max-width:980px){.sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:10px 0 30px rgba(0,0,0,.08)}.menu-open .sidebar{transform:none}.menu-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.22);z-index:15}.menu-open .sidebar{z-index:30}.main{margin-left:0}.menu-btn{display:block}.topbar{height:72px;padding:0 20px}.content{padding:20px}.vehicle-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-hero-actions .btn{min-height:44px}.sidebar nav a{min-height:46px}}
@media(max-width:820px){.vehicle-hero{flex-direction:column;align-items:stretch}.vehicle-hero-actions{justify-content:flex-start}.vehicle-status-grid{grid-template-columns:1fr 1fr}.vehicle-status-grid .status-card:last-child{grid-column:1/-1}.vehicle-costs{grid-template-columns:1fr 1fr}.vehicle-costs .total{grid-column:1/-1}.status-card{min-height:165px}.btn{min-height:44px}.btn.small{min-height:40px;padding:9px 12px}}
@media(max-width:620px){.content{padding:14px}.topbar{padding:0 14px}.topbar h1{font-size:20px}.vehicle-identity{flex-direction:column;gap:12px}.plate{font-size:20px}.vehicle-identity h2{font-size:22px}.vehicle-status-grid,.vehicle-metrics,.vehicle-costs{grid-template-columns:1fr}.vehicle-status-grid .status-card:last-child,.vehicle-costs .total{grid-column:auto}.vehicle-hero-actions{display:grid;grid-template-columns:1fr}.vehicle-hero-actions form,.vehicle-hero-actions .btn{width:100%}.section-title{align-items:flex-start;gap:10px}.section-title h2{padding-top:8px}.responsive-table{background:transparent;border:0;overflow:visible}.responsive-table .table{min-width:0}.responsive-table thead{display:none}.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{background:#fff;border:1px solid #e7e8ea;border-radius:12px;margin-bottom:10px;padding:8px 12px}.responsive-table td{border:0;padding:7px 0;display:flex;justify-content:space-between;gap:14px;text-align:right}.responsive-table td:before{content:attr(data-label);font-weight:700;color:#777;text-align:left}.responsive-table td.empty{display:block;text-align:center;padding:24px}.responsive-table td.empty:before{display:none}.timeline-item{grid-template-columns:1fr;gap:5px}.timeline-date,.timeline-km{font-size:13px}.status-main{font-size:21px}}

/* V0.1.3 System & Updateportal */
.system-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.system-head h2{margin:3px 0 6px;font-size:25px}.eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800;color:#a81912}.version-pill{display:flex;flex-direction:column;align-items:flex-end;background:#f7eceb;border:1px solid #ead0ce;border-radius:14px;padding:12px 16px;min-width:125px}.version-pill span{font-size:11px;color:#777;text-transform:uppercase;font-weight:700}.version-pill strong{font-size:22px;color:#a81912}.system-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr)}.upload-drop{display:flex;flex-direction:column;gap:6px;border:2px dashed #d9dcdf;border-radius:12px;padding:18px;background:#fafbfb;margin:16px 0;cursor:pointer}.upload-drop:hover{border-color:#c49b98;background:#fff9f8}.upload-drop strong{font-size:15px}.upload-drop span{font-size:12px;color:#777}.upload-drop input{margin-top:8px;max-width:100%}.update-checks{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.update-checks span{font-size:12px;background:#eef5f0;color:#2d7047;border-radius:999px;padding:6px 9px}.info-row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #edf0f1;font-size:13px}.info-row:last-child{border-bottom:0}.info-row span{color:#777}.info-row strong{text-align:right}.file-name{display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-version{font-size:30px;font-weight:850;color:#a81912;margin:10px 0}.settings-grid .card{min-height:230px}.quick-actions form{margin:0}
@media(max-width:980px){.system-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}.settings-grid .card:last-child{grid-column:1/-1}}
@media(max-width:700px){.system-head{flex-direction:column;align-items:flex-start}.version-pill{align-items:flex-start}.settings-grid{grid-template-columns:1fr}.settings-grid .card:last-child{grid-column:auto}.file-name{max-width:180px}.update-form .btn{width:100%}}

/* V0.1.4 Wartung, HU/AU und Reifen */
.badge.neutral{background:#eef1f2;color:#5f666c}.badge.neutral .dot{background:#899097}.maintenance-select{max-width:760px}.maintenance-title{align-items:flex-end}.maintenance-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-status{padding:16px 18px;display:flex;flex-direction:column;gap:5px}.mini-status span{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#777;font-weight:800}.mini-status strong{font-size:17px}.mini-status small{color:#777;font-size:12px}.maintenance-forms{grid-template-columns:1.35fr 1fr .72fr;align-items:start}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.card-heading h3{margin:3px 0 0}.compact-form{gap:12px}.inline-due-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.check-row{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:13px;font-weight:650}.check-row input{width:18px;height:18px}.tire-layout{grid-template-columns:minmax(330px,.85fr) minmax(0,1.45fr);align-items:start}.tire-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tire-card{min-height:210px}.tire-active{border-color:#b9d9c5;box-shadow:0 0 0 2px rgba(44,150,88,.05)}.tire-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;color:#666;font-size:12px}.tire-meta span{background:#f5f6f7;border-radius:999px;padding:6px 8px}.small-notice{font-size:12px;padding:10px 12px;margin-top:10px}.tire-actions{margin-top:14px}.tire-action-form{display:grid;grid-template-columns:1fr 110px auto;gap:8px;align-items:center}.tire-action-form input{min-width:0;width:100%;border:1px solid #d6d9dc;border-radius:8px;padding:8px 9px}.history-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}.compact-timeline .timeline-item{grid-template-columns:100px 100px 1fr}
@media(max-width:1250px){.maintenance-forms{grid-template-columns:1fr 1fr}.maintenance-forms>.card:last-child{grid-column:1/-1}.tire-layout{grid-template-columns:1fr}.tire-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.maintenance-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tire-list{grid-template-columns:repeat(2,minmax(0,1fr))}.history-grid{grid-template-columns:1fr}.compact-timeline .timeline-item{grid-template-columns:100px 100px 1fr}}
@media(max-width:760px){.maintenance-status-grid,.maintenance-forms,.tire-list{grid-template-columns:1fr}.maintenance-forms>.card:last-child{grid-column:auto}.inline-due-form{grid-template-columns:1fr}.tire-action-form{grid-template-columns:1fr 1fr}.tire-action-form .btn{grid-column:1/-1}.compact-timeline .timeline-item{grid-template-columns:1fr}.maintenance-title{align-items:flex-start}.card-heading{flex-direction:column}.card-heading .badge{align-self:flex-start}}

/* V0.1.5 einfacher AGRAVIS Import */
.fuel-top-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start}
.simple-upload{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:18px}
.simple-upload .field{flex:1 1 360px}
.simple-upload .btn{min-height:44px}
.import-review .actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.import-list .info-row:first-child{border-top:0}
@media (max-width:1000px){.fuel-top-grid{grid-template-columns:1fr}.maintenance-forms{grid-template-columns:1fr 1fr}.maintenance-forms>#km{grid-column:1/-1}.tire-layout{grid-template-columns:1fr}.tire-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}}
@media (max-width:760px){.maintenance-forms{grid-template-columns:1fr}.maintenance-forms>#km{grid-column:auto}.tire-list{grid-template-columns:1fr}.simple-upload{display:block}.simple-upload .btn{width:100%;margin-top:12px}}
.damage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.damage-card{padding:0;overflow:hidden}.damage-card img{width:100%;height:180px;object-fit:cover;display:block}.damage-card>div{padding:14px}.damage-card p{margin:7px 0 0}.damage-form-card{max-width:820px}.damage-form-card textarea{width:100%;resize:vertical}.alias-list{display:flex;gap:10px;flex-wrap:wrap}.plate-small{font-size:18px;padding:6px 12px}.history-reassign{margin-top:12px}@media(max-width:1000px){.damage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.damage-grid{grid-template-columns:1fr}.damage-card img{height:220px}}

/* V0.1.6.4 Löschen und Rückgängig */
.timeline-with-action{grid-template-columns:110px 100px minmax(0,1fr) auto;align-items:center}
.compact-timeline .timeline-with-action{grid-template-columns:100px 100px minmax(0,1fr) auto}
.timeline-with-action form,.delete-inline,.import-actions form{margin:0}
.delete-inline{margin-top:12px}
.import-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.import-row{align-items:center}
.damage-card form{margin-top:12px}
@media(max-width:980px){.timeline-with-action,.compact-timeline .timeline-with-action{grid-template-columns:100px 90px minmax(0,1fr) auto}}
@media(max-width:760px){.timeline-with-action,.compact-timeline .timeline-with-action{grid-template-columns:1fr}.timeline-with-action form .btn{width:100%}.import-row{align-items:flex-start}.import-actions{width:100%;justify-content:space-between;margin-top:6px}}


/* V0.1.6.5 UI Aufraeumung, eigene Dialoge und zeitlose Navigation */
:root{--sa-red:#b31b14;--sa-red-dark:#97140f;--sa-bg:#f5f6f7;--sa-border:#e5e7e9;--sa-text:#232529;--sa-muted:#73777c;--sa-radius:14px;--sa-space:18px}
body{background:var(--sa-bg);color:var(--sa-text)}
.sidebar{width:244px;padding:20px 14px}.main{margin-left:244px}.brand{padding:0 10px 20px}.brand img{width:178px}.brand span{margin-top:7px;font-size:13px}.sidebar nav{padding-top:16px;gap:5px}.sidebar nav a{min-height:45px;padding:10px 12px;border-radius:10px;gap:11px;font-size:14px;transition:background .16s ease,color .16s ease}.sidebar nav a:hover{background:#f8eeee;color:var(--sa-red-dark)}.sidebar nav a.active{background:var(--sa-red);color:#fff;box-shadow:0 4px 12px rgba(179,27,20,.16)}.nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px}.nav-icon svg,.menu-btn svg{width:19px;height:19px;display:block;fill:currentColor}.sidebar-foot{padding:15px 12px 0}.topbar{height:76px;padding:0 28px}.topbar h1{font-size:22px;letter-spacing:-.015em}.menu-btn{width:42px;height:42px;place-items:center;border-radius:9px;color:#444}.menu-btn:hover{background:#f3f4f5}.content{padding:26px 28px 34px;max-width:1480px}.grid{gap:var(--sa-space)}.card,.table-wrap{border-color:var(--sa-border);border-radius:var(--sa-radius);box-shadow:0 1px 4px rgba(20,24,28,.025)}.card{padding:20px}.section-title{margin:26px 0 12px;min-height:32px}.section-title h2{font-size:18px;letter-spacing:-.01em}.form-grid{gap:14px}.field label{margin-bottom:6px}.field input,.field select,.field textarea{min-height:43px;border-color:#d9dcdf;border-radius:9px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease}.field textarea{min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#c56b67;box-shadow:0 0 0 3px rgba(179,27,20,.08)}.btn{min-height:40px;border-radius:9px;padding:9px 14px;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--sa-red)}.btn.primary:hover{background:var(--sa-red-dark)}.btn.secondary:hover{background:#f7f8f8}.btn.danger{background:#fff1f0;color:#9f1812;border:1px solid #f0d1cf}.btn.danger:hover{background:#fbe5e3}.btn.danger-solid{background:var(--sa-red);color:#fff;border:1px solid var(--sa-red)}.btn.danger-solid:hover{background:var(--sa-red-dark)}.btn.small{min-height:34px;padding:6px 10px}.quick-actions{gap:8px}.actions{gap:9px;margin-top:16px}.table th,.table td{padding:13px 15px}.table th{background:#fafbfb;color:#74787d;font-size:11px}.badge{padding:6px 9px}.alert{border-radius:10px;padding:12px 14px}.metric .label{font-size:12px}.metric .value{font-size:27px}.eyebrow{font-size:10px}.muted,.help{color:var(--sa-muted)}
.timeline{gap:9px}.timeline-item{border-radius:11px;padding:13px}.timeline-with-action{align-items:center}.delete-inline{margin:0}.damage-grid{gap:16px}.damage-card{overflow:hidden}.damage-card img{border-radius:10px}
/* Eigene App Dialoge statt Browser Confirm */
.modal-open{overflow:hidden}.app-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(20,22,24,.42);display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.app-modal-backdrop.open{opacity:1;visibility:visible}.app-modal{width:min(470px,100%);background:#fff;border:1px solid #e3e5e7;border-radius:18px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.18);display:grid;grid-template-columns:44px 1fr;gap:15px;transform:translateY(8px) scale(.985);transition:transform .16s ease}.app-modal-backdrop.open .app-modal{transform:none}.app-modal-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fbe9e7;color:var(--sa-red)}.app-modal-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.app-modal-copy h2{font-size:19px;margin:1px 0 7px}.app-modal-copy p{margin:0;color:#666;line-height:1.48;font-size:14px}.app-modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.app-modal-actions .btn{min-width:110px}
@media(max-width:1180px){.sidebar{width:220px}.main{margin-left:220px}.brand img{width:164px}.content{padding:22px}}
@media(max-width:980px){.main{margin-left:0}.sidebar{width:244px}.content{padding:20px}.menu-btn{display:grid}}
@media(max-width:620px){.content{padding:14px}.topbar{height:68px;padding:0 14px}.app-modal{padding:20px;grid-template-columns:38px 1fr}.app-modal-icon{width:38px;height:38px}.app-modal-actions{display:grid;grid-template-columns:1fr 1fr}.app-modal-actions .btn{width:100%;min-width:0}.section-title{margin-top:22px}.card{padding:17px}}

/* v0.1.6.6 fuel cleanup */
.filter-bar{margin-bottom:16px;padding:16px 18px}.filter-fields{display:grid;grid-template-columns:minmax(180px,260px) minmax(180px,260px) 1fr;gap:14px;align-items:end}.filter-fields .field{margin:0}.filter-actions{display:flex;gap:10px;align-items:center}.import-row>span{display:flex;flex-direction:column;gap:3px}.import-row small{display:block;color:var(--muted);font-size:12px;font-weight:500}.row-muted{opacity:.65;background:#fafafa}.tiny{font-size:11px;margin-top:2px}.badge.neutral{background:#f1f3f5;color:#5f6872}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text);text-decoration:none}
@media(max-width:900px){.filter-fields{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}.fuel-top-grid{grid-template-columns:1fr}}
@media(max-width:640px){.filter-fields{grid-template-columns:1fr}.filter-actions{grid-column:auto}.filter-actions .btn{flex:1}.import-row{align-items:flex-start}.import-actions{width:100%;justify-content:space-between;margin-top:8px}}

/* V0.1.6.7 visuelles Finetuning: ruhige moderne Bürosoftware */
:root{
  --sa-red:#b51f18;
  --sa-red-dark:#931610;
  --sa-red-soft:#fbefee;
  --sa-bg:#f3f5f6;
  --sa-card:#ffffff;
  --sa-border:#e2e5e8;
  --sa-text:#202327;
  --sa-muted:#72777d;
  --sa-shadow:0 5px 20px rgba(28,34,39,.045);
}
body{background:var(--sa-bg)}
.sidebar{width:276px;padding:20px 16px 18px;border-right:1px solid #e3e5e7;box-shadow:2px 0 18px rgba(30,35,40,.025)}
.main{margin-left:276px}
.brand{padding:2px 12px 22px;border-bottom:1px solid #eceeef}
.brand img{width:216px;max-width:100%;margin:0 auto}
.brand-product{display:inline-flex!important;align-items:center;margin-top:11px!important;padding:5px 9px;border-radius:999px;background:var(--sa-red-soft);color:var(--sa-red-dark)!important;font-size:10px!important;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.sidebar nav{padding-top:20px;gap:7px}
.sidebar nav a{min-height:50px;padding:12px 14px;border-radius:11px;gap:13px;font-size:15px;font-weight:650;color:#4f5459}
.sidebar nav a:hover{background:#faf1f0;color:var(--sa-red-dark)}
.sidebar nav a.active{background:var(--sa-red);color:#fff;box-shadow:0 7px 18px rgba(181,31,24,.17)}
.nav-icon{width:23px;height:23px;flex:0 0 23px}
.nav-icon svg{width:21px;height:21px}
.sidebar-foot{padding:17px 14px 0;font-size:13px}
.topbar{height:80px;padding:0 32px;border-bottom-color:#e4e6e8}
.topbar h1{font-size:24px;font-weight:760;letter-spacing:-.025em}
.top-user{font-size:12px;color:#83878b}
.content{padding:30px 32px 40px;max-width:1580px}
.card,.table-wrap{border:1px solid var(--sa-border);box-shadow:var(--sa-shadow);border-radius:16px}
.card{padding:22px}
.card h2,.card h3{letter-spacing:-.02em}
.card h2{font-size:24px;margin-top:10px;margin-bottom:10px}.card h3{font-size:20px;margin:8px 0 14px}
.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--sa-red);font-weight:850}
.section-title{margin:30px 0 14px}.section-title h2{font-size:20px}
.btn{min-height:42px;padding:10px 15px;border-radius:10px;font-weight:730}
.btn.primary{box-shadow:0 4px 10px rgba(181,31,24,.12)}
.field label{font-size:12px;color:#5e6368}.field input,.field select,.field textarea{min-height:45px;border-radius:10px;background:#fff}
.table th,.table td{padding:15px 17px}.table th{font-size:11px;letter-spacing:.055em}.table td{font-size:14px}
.alert{padding:14px 16px;border-radius:11px;border:1px solid transparent}.alert.error{border-color:#f2d3d0}.alert.success{border-color:#cfe8d7}

/* Tankseite: kompaktere Monatsübersicht, weniger Leerräume */
.fuel-top-grid{grid-template-columns:minmax(0,1.35fr) minmax(430px,.85fr);gap:20px;align-items:start}
.simple-upload{gap:10px}.simple-upload .field input[type=file]{padding:8px 10px}
.notice-box.small-notice{margin-top:12px;background:#fff6f5;border-left-width:3px;color:#5e5554}
.history-reassign{margin-top:12px}
.import-summary-card{padding:20px}
.summary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-heading h3{margin-bottom:13px}
.summary-count{font-size:11px;font-weight:800;color:#777;background:#f3f4f5;border-radius:999px;padding:5px 8px;white-space:nowrap}
.month-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.month-card{position:relative;border:1px solid #e7e9eb;background:#fbfcfc;border-radius:12px;padding:12px 12px 11px;min-width:0}
.month-card:hover{border-color:#dddfe2;background:#fff}
.month-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.month-card-head>div{min-width:0}.month-card-head strong{display:block;font-size:13px;white-space:nowrap}.month-card-head small{display:block;color:#898d91;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.month-count{display:grid;place-items:center;min-width:27px;height:25px;padding:0 6px;border-radius:999px;background:#f0f2f3;color:#555;font-size:10px;font-weight:800}
.month-card-stats{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-top:11px;padding-top:9px;border-top:1px solid #eceeef;font-size:11px;color:#777}.month-card-stats strong{font-size:13px;color:#292c2f}
.month-card form{margin:9px 0 0}.month-undo{width:100%;min-height:31px!important;padding:5px 8px!important;font-size:11px!important;background:#fff7f6!important}
.filter-bar{padding:18px 20px;margin-bottom:14px}.filter-fields{gap:12px}

/* Auf großen Displays bewusst mehr Luft, aber keine riesigen leeren Flächen */
@media(min-width:1500px){.content{max-width:1640px}.fuel-top-grid{grid-template-columns:minmax(0,1.45fr) minmax(460px,.75fr)}}
@media(max-width:1220px){.sidebar{width:242px}.main{margin-left:242px}.brand img{width:194px}.sidebar nav a{font-size:14px}.fuel-top-grid{grid-template-columns:1fr}.month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.main{margin-left:0}.sidebar{width:270px}.brand img{width:210px}.content{padding:22px}.month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.content{padding:15px}.topbar{height:70px}.topbar h1{font-size:21px}.month-grid{grid-template-columns:1fr}.card{padding:18px}.sidebar nav a{min-height:49px;font-size:15px}}


/* V0.1.6.8 Tankseite kompakt und ausgewogen */
.fuel-top-stack{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
.fuel-top-stack>.card{width:100%}
.compact-months{padding:18px 20px}
.compact-months .summary-heading{margin-bottom:12px}
.compact-months .summary-heading h3{font-size:17px;margin:2px 0 0}
.month-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.month-mini{position:relative;min-width:0;border:1px solid #e5e8ea;border-radius:11px;background:#fafbfb;padding:10px 36px 10px 11px}
.month-mini:hover{background:#fff;border-color:#d9dde0}
.month-mini-top{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
.month-mini-top>div{min-width:0}
.month-mini-top strong{display:block;font-size:12px;line-height:1.25;white-space:nowrap}
.month-mini-top small{display:block;margin-top:2px;color:#92969a;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.month-mini .month-count{position:absolute;right:9px;top:9px;min-width:22px;height:22px;font-size:9px;padding:0 5px}
.month-mini-values{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:8px;padding-top:7px;border-top:1px solid #eceeef;color:#7d8287;font-size:10px}
.month-mini-values strong{color:#2b2f32;font-size:12px;white-space:nowrap}
.month-delete{position:absolute;right:9px;bottom:8px;width:22px;height:22px;border:0;border-radius:7px;background:transparent;color:#b84a45;font-size:18px;line-height:20px;cursor:pointer;padding:0;display:grid;place-items:center}
.month-delete:hover{background:#fbeceb;color:var(--sa-red-dark)}
/* Alte große Monatskarten auf dieser Version nicht mehr verwenden */
.month-grid{display:none}
@media(max-width:1220px){.month-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.month-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.month-strip{grid-template-columns:1fr}.compact-months{padding:16px}.month-mini{padding-top:11px;padding-bottom:11px}}