:root{--nav:#183153;--nav2:#10243d;--accent:#2f80ed;--bg:#f3f6fa;--card:#fff;--text:#182230;--muted:#687385;--line:#dde4ec;--ok:#16794f;--warn:#a56100;--danger:#b42318;--radius:14px}*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh}a{color:#1768c5;text-decoration:none}a:hover{text-decoration:underline}aside{position:fixed;inset:0 auto 0 0;width:235px;background:linear-gradient(180deg,var(--nav),var(--nav2));color:#fff;display:flex;flex-direction:column;z-index:20}.brand{padding:23px 20px 16px;border-bottom:1px solid #ffffff20}.brand b{font-size:23px}.brand small{display:block;opacity:.65;margin-top:4px}nav{padding:10px;overflow:auto}nav a{display:flex;align-items:center;gap:10px;color:#dce7f4;padding:10px 12px;border-radius:9px;margin:2px 0}nav a i{width:21px;text-align:center;font-style:normal}nav a:hover,nav a.active{background:#ffffff18;text-decoration:none;color:#fff}.aside-foot{margin-top:auto;padding:15px 18px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;font-size:13px}.aside-foot a{color:#fff}main{margin-left:235px;padding:0 26px 45px}header{height:76px;display:flex;align-items:center;justify-content:space-between}header>div{display:flex;align-items:center;gap:12px}h1{font-size:27px;margin:0}h2{font-size:18px;margin:0 0 16px}small{color:var(--muted)}.menu{display:none;background:none;border:0;font-size:24px;padding:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:0 3px 12px #23354a0a}.card summary{font-size:18px;font-weight:700;cursor:pointer;margin:-3px 0 16px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:13px;margin-bottom:18px;align-items:stretch}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:space-between}.metric b{display:block;font-size:clamp(20px,2vw,26px);line-height:1.15;white-space:normal;overflow-wrap:anywhere;word-break:normal;font-variant-numeric:tabular-nums}.metric span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}.grid textarea{grid-column:span 2;min-height:90px}.grid button{align-self:end}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:11px 12px;background:#fff;color:var(--text)}textarea{resize:vertical}label{font-size:13px;color:var(--muted)}label input{margin-top:5px}.check{display:flex;align-items:center;gap:8px;background:#f6f8fb;border-radius:9px;padding:10px}.check input{width:auto;margin:0}button,.button{display:inline-block;border:0;border-radius:9px;padding:11px 15px;background:var(--accent);color:#fff;font-weight:650;cursor:pointer}.button:hover{text-decoration:none;filter:brightness(.96)}button.secondary,.button.secondary,.ghost{background:#e8eef6;color:#1f3550}.ghost{padding:9px 12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f7f9fc;color:#4b5a6d;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:0}td small,td a small{display:block}.status{display:inline-block;padding:4px 8px;border-radius:999px;background:#eaf2fb;color:#285c94;font-size:12px}.progress{width:100px;height:7px;background:#e5eaf0;border-radius:10px;overflow:hidden;display:inline-block}.progress i{display:block;height:100%;background:var(--accent)}.empty{text-align:center;color:var(--muted);padding:28px;background:#f9fbfd;border-radius:10px}.sectionhead{display:flex;justify-content:space-between;align-items:center}.search{display:flex;gap:8px;margin:0 0 14px;max-width:520px}.profile{display:flex;justify-content:space-between;gap:20px}.profile h2{font-size:24px}.warning{border-left:4px solid var(--warn)}.error{color:var(--danger)}.login{display:grid;place-items:center;background:linear-gradient(135deg,#132b49,#2c5b91);padding:20px}.login-card{width:min(390px,100%);background:#fff;border-radius:20px;padding:34px;box-shadow:0 20px 60px #0004}.login-card .logo{width:54px;height:54px;border-radius:14px;background:var(--nav);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}.login-card h1{margin-top:18px}.login-card p{color:var(--muted);margin-bottom:24px}.login-card input,.login-card button{margin-bottom:12px}.login-card button{width:100%}.syncbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tabs{display:flex;gap:7px;margin-bottom:18px;overflow:auto}.tab{background:#e8eef6;color:#29435f}.tab.active{background:var(--accent);color:#fff}.hidden{display:none!important}.typefield{display:contents}.offline-list{display:grid;gap:9px}.offline-item{border:1px solid var(--line);padding:12px;border-radius:9px;display:flex;justify-content:space-between;gap:10px}.offline-item button{padding:7px 9px;background:#fce8e6;color:var(--danger)}#toast{position:fixed;right:20px;bottom:20px;background:#182230;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1;transform:none}.mobile-promo{background:linear-gradient(120deg,#eff7ff,#fff)}code{background:#edf1f5;padding:2px 5px;border-radius:5px}@media(max-width:1150px){.metrics{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){aside{transform:translateX(-100%);transition:.2s}body.menu-open aside{transform:none;box-shadow:10px 0 40px #0004}main{margin-left:0;padding:0 12px 40px}header{height:66px}.menu{display:block}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.grid textarea{grid-column:auto}.profile{display:block}.header-actions{display:none}.card{padding:15px}.tablewrap{border-radius:8px}h1{font-size:22px}}@media print{aside,.menu,.header-actions,details form,.search,.actions,.mobile-promo{display:none!important}main{margin:0;padding:0}.card{box-shadow:none;border:0;padding:0}body{background:#fff}}

/* v0.5 themes and dashboard */
body[data-theme="graphite"]{--nav:#17191d;--nav2:#0d0f12;--accent:#6d7cff;--bg:#eef0f4;--card:#fff;--text:#171a21;--muted:#69707d;--line:#d9dde5}
body[data-theme="forest"]{--nav:#173b32;--nav2:#0d2822;--accent:#2e9b73;--bg:#f1f6f3;--card:#fff;--text:#19322b;--muted:#64766f;--line:#d8e5df}
body[data-theme="berry"]{--nav:#4a183e;--nav2:#2e1028;--accent:#b84d91;--bg:#f8f1f6;--card:#fff;--text:#321629;--muted:#806578;--line:#ead9e5}
body[data-theme="light"]{--nav:#fff;--nav2:#f7f8fa;--accent:#2563eb;--bg:#f6f7f9;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb}body[data-theme="light"] aside{color:#111827;border-right:1px solid var(--line)}body[data-theme="light"] nav a{color:#374151}body[data-theme="light"] .aside-foot a{color:#374151}.row-actions{display:flex;gap:10px;white-space:nowrap}.danger-link{color:var(--danger)!important}.metric{position:relative;overflow:hidden;box-shadow:0 8px 30px #23354a10;transition:.2s}.metric:hover{transform:translateY(-2px);box-shadow:0 12px 36px #23354a18}.metric span{margin:0 0 10px}.metric b{font-size:26px}.metric small{color:var(--muted)}.metric.featured{background:linear-gradient(145deg,var(--accent),var(--nav));color:#fff;border:0}.metric.featured span,.metric.featured small{color:#ffffffc9}.chart-card{padding:22px 24px}.chart-card p{margin:3px 0;color:var(--muted)}.bar-chart{height:210px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px;padding:20px 10px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 49px,var(--line) 50px)}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bars{height:160px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px}.bars i,.bars em{display:block;width:min(24px,35%);border-radius:7px 7px 2px 2px;transition:.2s}.bars i{background:var(--accent)}.bars em{background:var(--nav);opacity:.7}.legend{display:flex;gap:14px;font-size:12px;color:var(--muted)}.legend i,.legend em{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--accent)}.legend em{background:var(--nav);opacity:.7}@media(max-width:700px){.chart-card{padding:15px}.bar-chart{gap:4px}.legend{display:none}}
/* v0.8 */
#signaturePad{width:100%;max-width:700px;height:240px;border:2px dashed var(--line);border-radius:12px;background:#fff;touch-action:none;display:block;margin:14px 0}.signature-card{border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0}.signature-card img{display:block;max-width:420px;width:100%;background:#fff;border-radius:8px;margin-top:8px}h3{margin-top:24px}

/* Mobile navigation – v1.0.1 */
.menu-close,.mobile-bottom-nav,.menu-backdrop{display:none}
@media(max-width:800px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  header{position:sticky;top:0;z-index:15;background:var(--bg);padding-top:env(safe-area-inset-top)}
  .menu{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:0 4px 14px #0001;flex:0 0 auto}
  aside{width:min(88vw,340px);padding-top:env(safe-area-inset-top);z-index:60}
  aside nav{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .brand{position:relative;padding-right:58px}
  .menu-close{display:grid;place-items:center;position:absolute;right:12px;top:14px;width:40px;height:40px;border-radius:10px;background:#ffffff18;color:#fff;font-size:28px;line-height:1}
  body.menu-open{overflow:hidden}
  .menu-backdrop{position:fixed;inset:0;background:#0008;z-index:55}
  body.menu-open .menu-backdrop{display:block}
  .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--card) 94%,transparent);border-top:1px solid var(--line);padding:7px 5px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px #0002;backdrop-filter:blur(14px)}
  .mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;border:0;background:none;color:var(--muted);font-size:11px;font-weight:650;border-radius:9px}
  .mobile-bottom-nav a i,.mobile-bottom-nav button i{font-style:normal;font-size:21px;line-height:1}
  .mobile-bottom-nav a.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
  .mobile-bottom-nav a:hover{text-decoration:none}
}

/* Rechnungs- und Stornoworkflow – v1.0.2 */
button.danger,.button.danger{background:var(--danger);color:#fff}
.card.warning .danger{margin-top:6px}

/* v1.0.3: eigenständiger Offline-Fallback */
.offline-static .offline-main{max-width:900px;margin:0 auto;padding:12px 12px calc(90px + env(safe-area-inset-bottom))}
.offline-static .offline-main>header{position:sticky;top:0;z-index:3;background:var(--bg,#f3f6fa);padding:10px 2px}
.offline-static .offline-main>header h1{margin:0}
.offline-static .typefield{grid-column:1/-1;display:grid;gap:12px}
.offline-static .typefield.hidden{display:none}
@media(max-width:700px){.offline-static .syncbar{align-items:stretch}.offline-static .syncbar button{width:100%}.offline-static .tabs{display:grid;grid-template-columns:1fr 1fr}}

/* Dashboard responsive tiles – v1.1.2 */
@media(max-width:480px){.metrics{grid-template-columns:1fr}.metric{padding:16px}.metric b{font-size:24px}}