:root{
  --bg:#f3f6fa;--surface:#fff;--surface-soft:#f8fafc;--text:#172033;--muted:#667085;
  --line:#dce3ec;--line-strong:#c9d3df;--primary:#174f86;--primary-dark:#123e69;--primary-soft:#eaf2fb;
  --success:#15803d;--success-soft:#ecfdf3;--danger:#b42318;--danger-soft:#fff1f0;--warning:#a15c00;--warning-soft:#fff7e6;
  --shadow:0 10px 28px rgba(30,50,75,.08);--shadow-soft:0 3px 12px rgba(30,50,75,.06);--radius:14px;
}
*{box-sizing:border-box}html{min-height:100%}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}
a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}
.app-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:20px;min-height:72px;padding:10px 24px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(30,50,75,.05);backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:11px;min-width:190px;color:var(--text)}.brand:hover{color:var(--text)}
.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),#2d79ba);color:#fff;font-weight:800;font-size:19px;box-shadow:0 5px 14px rgba(23,79,134,.24)}
.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:17px;letter-spacing:.2px}.brand-copy small{margin-top:4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.main-nav{display:flex;align-items:center;gap:5px;flex:1}.nav-home,.nav-group>summary{display:flex;align-items:center;min-height:42px;padding:10px 13px;border-radius:9px;color:#344054;font-weight:650;cursor:pointer;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:"⌄";font-size:12px;margin-left:7px;color:#8090a3}.nav-home:hover,.nav-group>summary:hover,.nav-group[open]>summary{background:var(--primary-soft);color:var(--primary)}
.nav-group{position:relative}.nav-dropdown{position:absolute;z-index:1200;left:0;top:48px;width:290px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 42px rgba(26,44,67,.16)}.nav-dropdown-right{left:auto;right:0}.nav-dropdown a{display:flex;flex-direction:column;padding:10px 12px;border-radius:8px;color:#344054}.nav-dropdown a:hover{background:var(--surface-soft);color:var(--primary)}.nav-dropdown span{font-weight:700}.nav-dropdown small{font-size:11px;color:var(--muted);margin-top:2px}.header-actions{display:flex;align-items:center;gap:10px}.user-chip{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 10px;border:1px solid var(--line);background:var(--surface-soft);border-radius:999px;color:#475467;font-size:12px}
main{padding:30px 32px 50px;width:100%;max-width:none;margin:0}h1,h2,h3{line-height:1.2;color:#182230}h1{font-size:30px;margin:0 0 18px}h2{font-size:21px;margin:0 0 14px}h3{font-size:17px;margin:0 0 12px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{margin:3px 0 5px}.page-heading p{margin:0;color:var(--muted)}.eyebrow{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:var(--primary)}
.card,.box,.fieldbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:18px;box-shadow:var(--shadow-soft)}.card:hover{border-color:#cfd9e5}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat{font-size:29px;font-weight:800;color:#1d2939;margin-top:5px}.muted{color:var(--muted);font-size:13px}
form{margin:0}input,select,textarea,button{font:inherit}input,select,textarea{padding:9px 11px;margin:3px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--text);min-height:39px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#6ba1d1;box-shadow:0 0 0 3px rgba(43,111,172,.12)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 14px;margin:3px;border:1px solid transparent;border-radius:8px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .15s,background .15s}button:hover,.btn:hover{background:var(--primary-dark);color:#fff;box-shadow:0 5px 14px rgba(23,79,134,.18)}button:active,.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary)}.btn-secondary{background:#fff;color:#344054;border-color:var(--line)}.btn-secondary:hover{background:#f8fafc;color:var(--primary);box-shadow:none}.btn-small{min-height:34px;padding:7px 10px;font-size:12px}.btn-block{width:100%;margin:4px 0}.danger button,button.danger,.btn-danger{background:#fff;color:var(--danger);border-color:#f0b4af}.danger button:hover,button.danger:hover,.btn-danger:hover{background:var(--danger-soft);color:var(--danger)}.inline{display:inline-block}.actions,.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:10px 11px;border-bottom:1px solid #e8edf3;vertical-align:top}th{background:#f7f9fc;color:#475467;font-size:12px;font-weight:800;text-transform:none;letter-spacing:.01em}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}.card>table{border:0;border-radius:0}.ok,.status-ok{color:var(--success);font-weight:700}.bad,.status-error{color:var(--danger);font-weight:700}.active{font-weight:800;color:var(--success)}
.alert{padding:11px 13px;border-radius:9px;margin:12px 0;border:1px solid}.alert-error,.danger{background:var(--danger-soft);border-color:#f3beb9}.alert-error{color:var(--danger)}.warn{padding:10px 12px;background:var(--warning-soft);border:1px solid #f0d39b;border-radius:9px;color:#6f4700}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.status-success{background:var(--success-soft);color:var(--success)}.badge{display:inline-flex!important;align-items:center;padding:4px 8px!important;border-radius:999px!important;background:#eef3f8!important;border:1px solid #e0e7ef!important;font-size:11px!important;color:#475467!important}
progress{height:12px;border:0;border-radius:999px;overflow:hidden;background:#e8eef5}progress::-webkit-progress-bar{background:#e8eef5;border-radius:999px}progress::-webkit-progress-value{background:var(--primary);border-radius:999px}progress::-moz-progress-bar{background:var(--primary);border-radius:999px}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#e8f2fc 0,transparent 32%),radial-gradient(circle at 85% 80%,#eef4fa 0,transparent 34%),#f5f7fb}.login-shell{width:min(430px,calc(100% - 32px))}.login-brand{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:18px}.login-brand h1{font-size:27px;margin:0}.login-brand p{margin:3px 0 0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em}.brand-mark-large{width:50px;height:50px;border-radius:14px;font-size:24px}.loginbox{max-width:none;margin:0;background:#fff;padding:28px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.loginbox h2{font-size:24px;margin:5px 0 6px}.form-stack{display:grid;gap:12px;margin-top:18px}.form-stack label{display:grid;gap:5px;font-weight:700;font-size:13px}.form-stack input{width:100%;margin:0}
.codebox{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f4f7fa;border:1px solid var(--line);padding:10px 12px;border-radius:8px;word-break:break-all}.fieldgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.desc{max-width:420px;white-space:normal}img.product{width:70px;height:70px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px}
@media(max-width:980px){.app-header{flex-wrap:wrap;gap:8px;padding:10px 14px}.brand{min-width:0;margin-right:auto}.main-nav{order:3;width:100%;overflow:visible}.header-actions{margin-left:auto}.nav-dropdown{position:fixed;left:14px!important;right:14px!important;top:auto;width:auto}.user-chip{display:none}main{padding:22px 14px 40px}.page-heading{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.brand-copy small{display:none}.main-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.nav-home,.nav-group>summary{justify-content:center;padding:8px 5px;font-size:12px}.nav-group>summary:after{display:none}.grid{grid-template-columns:1fr}main{padding:18px 10px 36px}.card,.box,.fieldbox{padding:13px;border-radius:11px}h1{font-size:25px}table{font-size:12px}th,td{padding:8px}.header-actions .btn{padding:7px 9px}.brand-mark{width:34px;height:34px}.brand-copy strong{font-size:15px}}

/* 0.11.1 – volle Arbeitsbreite und stabilere Navigation */
.page-heading,.card,.box,.fieldbox{max-width:none}
.dashboard-grid{grid-template-columns:repeat(6,minmax(170px,1fr))}
.main-nav{min-width:0}
.nav-group[open]{z-index:1300}
.nav-dropdown{max-height:calc(100vh - 90px);overflow:auto}
@media(max-width:1350px){.dashboard-grid{grid-template-columns:repeat(3,minmax(200px,1fr))}}
@media(max-width:760px){.dashboard-grid{grid-template-columns:1fr}}