:root{--bg:#f4f7fb;--panel:#fff;--text:#132238;--muted:#68768a;--line:#dfe6ef;--primary:#1463ff;--dark:#172235;--danger:#cf2f3f;--shadow:0 16px 40px rgba(25,50,90,.1)}html[data-theme=dark]{--bg:#0f1724;--panel:#172132;--text:#edf4ff;--muted:#9eacc0;--line:#2b3a50;--dark:#edf4ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:15px 4vw;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#1463ff,#6fb8ff);color:#fff}.brand small,.brand strong{display:block}.brand small{font-size:11px;color:var(--muted)}nav{display:flex;gap:9px;align-items:center}nav a,nav button{padding:10px;border:0;background:none;color:var(--muted)}.nav-primary{background:var(--primary)!important;color:#fff!important;border-radius:12px}.page-shell{width:min(1500px,92vw);margin:34px auto 70px}footer{text-align:center;color:var(--muted);padding:30px}.hero{display:flex;justify-content:space-between;align-items:end;padding:34px;border-radius:30px;background:linear-gradient(135deg,#132238,#1f3d69);color:#fff;box-shadow:var(--shadow)}.hero h1,.page-heading h1{font-size:clamp(32px,4vw,54px);margin:6px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:#6aa7ff}.btn{display:inline-flex;justify-content:center;padding:12px 17px;border-radius:13px;border:1px solid var(--line);font-weight:700;cursor:pointer}.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.ghost{background:var(--panel)}.dark{background:var(--dark);color:var(--panel)}.wide{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.metric-card,.panel{padding:23px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card strong{display:block;font-size:30px;margin-top:8px}.metric-card.accent{background:linear-gradient(135deg,#1463ff,#5ea8ff);color:#fff}.global-search{display:flex;gap:10px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:18px;margin:22px 0}.global-search input{flex:1;border:0;background:transparent;color:var(--text)}.section-head,.page-heading{display:flex;justify-content:space-between;align-items:center}.main-head{margin:30px 0 15px}.freezer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.freezer-card{border-radius:26px;background:var(--panel);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.freezer-cover{display:block;position:relative;width:100%;height:330px;border:0;padding:0;color:#fff;text-align:left;cursor:pointer;background:#263a59}.freezer-cover img{width:100%;height:100%;object-fit:cover}.freezer-placeholder{height:100%;display:grid;place-items:center;font-size:90px}.freezer-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,13,28,.94),rgba(4,13,28,.1))}.freezer-content{position:absolute;left:25px;right:25px;bottom:22px}.freezer-content h3{font-size:29px;margin:10px 0}.location{font-size:12px;border:1px solid #ffffff66;border-radius:999px;padding:6px 9px}.freezer-stats{display:flex;gap:25px}.freezer-stats strong{font-size:22px}.open-label{display:block;margin-top:15px}.freezer-details{max-height:0;overflow:hidden;opacity:0;transition:.5s}.freezer-details.open{max-height:5000px;opacity:1}.detail-toolbar{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line)}.item-row{display:grid;grid-template-columns:58px 58px 1fr auto;gap:14px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line)}.item-thumb{width:56px;height:56px;border-radius:14px;background:var(--bg);display:grid;place-items:center;overflow:hidden}.item-thumb img{width:100%;height:100%;object-fit:cover}.code-badge{display:grid;place-items:center;min-width:48px;height:34px;border-radius:10px;background:#e7f0ff;color:#0e4fd0;font-weight:800}.item-main h4,.item-main p{margin:0}.item-main p,.item-main small{color:var(--muted)}.action-menu{position:relative}.action-menu>div{position:absolute;right:0;z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:7px;min-width:150px}.action-menu a,.link-button,.danger-link{display:block;width:100%;padding:9px;border:0;background:none;text-align:left;color:var(--text)}.danger-link{color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.scan-input input{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text)}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:10px}.suggested-code strong{font-size:42px}.suggested-code span{display:block;color:var(--muted)}.modal{border:0;border-radius:20px;background:var(--panel);color:var(--text);padding:0;width:min(450px,92vw)}.modal form{padding:24px}.modal-head{display:flex;justify-content:space-between}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scan-input{display:flex;gap:10px}.scan-input input{flex:1;font-size:28px}.compact-list>div,.inventory-card{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.inventory-card{justify-content:space-between}.status{padding:6px 9px;border-radius:999px;background:#e7f0ff}.admin-device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}.admin-device-card{display:grid;grid-template-columns:140px 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden}.admin-device-card.inactive{opacity:.5}.admin-device-image{display:grid;place-items:center;min-height:140px;background:#2c466c;color:#fff;font-size:42px}.admin-device-image img{width:100%;height:100%;object-fit:cover}.admin-device-body{padding:18px}.device-type{font-size:12px;background:#e7f0ff;color:#0e4fd0;padding:5px 8px;border-radius:999px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.inline-admin-form{display:flex;gap:10px}.inline-admin-form input{flex:1;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text)}.category-admin-list>div{padding:12px 0;border-bottom:1px solid var(--line)}.empty,.empty-admin-state{text-align:center;padding:35px;color:var(--muted)}.empty-icon{font-size:60px}.login-wrap{min-height:70vh;display:grid;place-items:center}.login-card{width:min(430px,95vw);text-align:center}.login-card label{display:block;text-align:left;margin:15px 0}.login-card input{width:100%;padding:14px;border:1px solid var(--line);border-radius:13px}.login-logo{font-size:55px}.flash-stack{position:fixed;right:20px;top:85px;z-index:50}.flash{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.danger-btn{color:var(--danger)}@media(max-width:950px){.metric-grid{grid-template-columns:repeat(2,1fr)}.freezer-grid,.admin-device-grid{grid-template-columns:1fr}nav a:not(.nav-primary){display:none}}@media(max-width:700px){.hero{flex-direction:column;align-items:start;gap:15px}.item-row{grid-template-columns:50px 50px 1fr}.action-menu{grid-column:1/-1}.form-grid,.inventory-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-device-card{grid-template-columns:1fr}.admin-device-image{height:180px}.form-actions{flex-direction:column}.metric-card strong{font-size:23px}}.hero-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:20px}.hero-stats span{display:flex;flex-direction:column;color:#c8d7ec}.hero-stats strong{font-size:30px;color:#fff}.summary-hero{align-items:center}.compact-form{max-width:850px}.form-grid label small,.section-head small{font-weight:500;color:var(--muted)}.image-suggestion-area{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.image-suggestion-area .section-head>div{display:flex;flex-direction:column;gap:4px}.image-suggestions{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:14px}.image-choice{padding:0;border:2px solid transparent;border-radius:15px;background:var(--panel);overflow:hidden;text-align:left;cursor:pointer;color:var(--text)}.image-choice.selected{border-color:var(--primary)}.image-choice img{width:100%;height:110px;object-fit:cover;display:block}.image-choice span{display:block;padding:10px;font-weight:700}.image-choice small{display:block;padding:0 10px 10px;color:var(--muted)}@media(max-width:700px){.topbar{padding:10px 4vw}.brand small{display:none}.brand-mark{width:36px;height:36px}.nav-primary{padding:9px!important}.hero{padding:24px}.hero h1{font-size:32px}.hero-stats{gap:18px}.image-suggestions{grid-template-columns:repeat(2,1fr)}}

.category-admin-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.category-rename{display:flex;gap:8px}.category-rename input{min-width:0}.category-count{white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.stats-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--border)}.stat-list span{display:flex;flex-direction:column}.month-row{display:grid;grid-template-columns:42px 1fr 60px 1fr 70px;gap:10px;align-items:center;margin:10px 0}.month-row div{height:10px;background:var(--border);border-radius:999px;overflow:hidden}.month-row b,.month-row i{display:block;height:100%;background:currentColor}.month-row b{color:#2563eb}.month-row i{color:#f59e0b}.month-row em{font-style:normal;font-size:.85rem}@media(max-width:760px){.category-admin-row{grid-template-columns:1fr}.category-rename{flex-direction:column}.stats-columns{grid-template-columns:1fr}.month-row{grid-template-columns:38px 1fr 54px}.month-row div:nth-of-type(2),.month-row em:last-child{display:none}}

/* Version 2.1: kompakter Kopf mit direkt sichtbaren Hauptaktionen */
.header-actions{display:flex;gap:8px;align-items:center}.header-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-weight:700;white-space:nowrap}.main-nav{margin-left:auto}.stats-section-title{margin:28px 0 12px}.stats-metrics{grid-template-columns:repeat(3,1fr)}.year-select{display:flex;gap:10px;align-items:center}.year-select label{font-weight:700}.year-select select{padding:11px 36px 11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}
@media(max-width:1100px){.main-nav{display:none}.topbar{gap:10px}.brand-text small{display:none}}
@media(max-width:700px){.topbar{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;padding:9px 12px}.brand{gap:8px;min-width:0}.brand-mark{width:34px;height:34px;border-radius:11px}.brand-text strong{font-size:15px;line-height:1.1}.header-actions{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr 1fr;width:100%}.header-btn{padding:10px 7px;font-size:14px}.page-shell{margin-top:22px}.stats-heading{align-items:end}.stats-heading h1{margin-bottom:2px}.stats-metrics{grid-template-columns:1fr 1fr}.stats-metrics .metric-card:last-child{grid-column:1/-1}.year-select{flex-direction:column;align-items:flex-start;gap:4px}.year-select select{padding:9px 30px 9px 10px}}
/* Version 4 */
.dashboard-control{display:flex;justify-content:space-between;gap:16px;align-items:end}.view-tabs{display:flex;gap:8px}.filter-form label{display:flex;flex-direction:column;gap:6px;font-weight:700}.filter-form select{padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text)}.tag-overview{display:grid;gap:10px;margin-top:18px}.tag-summary{display:flex;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.tag-summary>div{display:flex;flex-direction:column;gap:4px}.tag-summary b{font-size:19px}.tag-summary small,.tag-summary span{color:var(--muted)}.tag-chips{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0}.tag-chips span{font-size:12px;padding:4px 7px;border-radius:999px;background:#e7f0ff;color:#0e4fd0}.clickable-row{position:relative}.clickable-row .row-link{position:absolute;inset:0;z-index:1}.clickable-row .action-menu{position:relative;z-index:3}.clickable-row:hover{background:var(--bg)}
@media(max-width:700px){.dashboard-control{align-items:stretch;flex-direction:column}.view-tabs{display:grid;grid-template-columns:1fr 1fr}.tag-summary{align-items:flex-start}.item-main small{display:block}.item-row{grid-template-columns:46px 52px 1fr auto;padding:13px 8px;gap:8px}.item-thumb{width:46px;height:46px}.action-menu{grid-column:auto}.hero-stats strong{font-size:23px}}
.food-group-list{display:grid;gap:10px;margin-top:18px}.food-group-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--bg);transition:.15s ease}.food-group-card:hover{transform:translateY(-1px)}.food-group-thumb{width:64px;height:64px;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:var(--panel);font-size:24px}.food-group-thumb img{width:100%;height:100%;object-fit:cover}.food-group-main h3{margin:0 0 5px}.food-group-main p,.food-group-total span,.food-group-total small{margin:0;color:var(--muted)}.food-group-total{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}.food-group-total strong{font-size:19px}.food-group-total small{font-size:12px}@media(max-width:700px){.food-group-card{grid-template-columns:52px 1fr}.food-group-thumb{width:52px;height:52px}.food-group-total{grid-column:2;align-items:flex-start;text-align:left}.food-group-main p{font-size:13px}}

/* Datenverwaltung */
.danger-zone{border:1px solid #efc2c2}.data-delete-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.data-delete-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.data-delete-card h3{margin-top:0}.data-delete-card p{color:var(--muted);line-height:1.5}.data-delete-card form{display:grid;gap:14px;margin-top:18px}.data-delete-card label{display:grid;gap:7px;font-weight:700}.data-delete-card label strong{font-size:13px}.data-delete-card input{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}.history-delete-card{border-color:#f2c16b}.all-delete-card{border-color:#e78b8b}.history-delete-btn{background:#d97706;color:#fff;border-color:#d97706}.all-delete-btn{background:#c62828;color:#fff;border-color:#c62828}.history-delete-btn:hover{background:#b86103}.all-delete-btn:hover{background:#a91f1f}@media(max-width:760px){.data-delete-grid{grid-template-columns:1fr}}