:root{--color-bg: #0f3d0f;--color-bg-card: #164416;--color-bg-card-2: #1a5d1a;--color-text: #f0f6f0;--color-text-muted: #9bc69b;--color-accent: #6bc16b;--color-danger: #e8635e;--color-warn: #f0c050;--color-ok: #6bc16b;--radius: 12px;--radius-sm: 8px;--space: 16px;--space-xs: 8px;--space-sm: 12px;--space-lg: 24px;--space-xl: 32px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:visited{color:var(--color-accent)}h1,h2,h3,h4{margin:0;line-height:1.3}h1{font-size:22px;margin-bottom:var(--space)}h2{font-size:20px;margin-top:var(--space);margin-bottom:var(--space-sm)}h3{font-size:17px;margin-top:var(--space);margin-bottom:var(--space-sm)}h4{font-size:15px;margin-top:var(--space-sm);margin-bottom:var(--space-xs)}h2:first-child,h3:first-child,h4:first-child{margin-top:0}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:var(--space-sm) 20px;background:var(--color-accent);color:#0f3d0f;font-weight:600;font-size:16px}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-text-muted)}button.danger{background:var(--color-danger);color:#fff}.card>button+button{margin-top:var(--space)}button+button{margin-left:var(--space-xs)}input,select,textarea{font-family:inherit;font-size:16px;width:100%;padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-text-muted);background:#0a2e0a;color:var(--color-text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent)}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:720px;margin:0 auto}.app-content{flex:1;padding:var(--space);padding-bottom:calc(var(--space) * 5)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:720px;margin:0 auto;display:flex;background:var(--color-bg-card);border-top:1px solid var(--color-text-muted);z-index:100}.bottom-nav a{flex:1;text-align:center;padding:var(--space-sm) var(--space-xs);color:var(--color-text-muted);font-size:12px;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.bottom-nav a.router-link-active{color:var(--color-accent)}.bottom-nav .icon{font-size:22px}.page-title{font-size:22px;margin:0 0 var(--space)}.card{background:var(--color-bg-card);border-radius:var(--radius);padding:var(--space);margin-bottom:var(--space)}.row{display:flex;gap:var(--space);flex-wrap:wrap;margin-bottom:var(--space)}.row>*{flex:1;min-width:140px}.row:last-child{margin-bottom:0}.row.row-actions{flex-wrap:nowrap}.row.row-actions>*{flex:0 0 auto;min-width:auto}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space);margin-bottom:var(--space)}.stat{background:var(--color-bg-card);border-radius:var(--radius);padding:var(--space)}.stat .label{color:var(--color-text-muted);font-size:13px}.stat .value{font-size:28px;font-weight:700}.stat .unit{font-size:14px;color:var(--color-text-muted)}.ampel{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:var(--space-xs);vertical-align:middle}.ampel.rot{background:var(--color-danger)}.ampel.gelb{background:var(--color-warn)}.ampel.gruen{background:var(--color-ok)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid #1a4a1a;gap:var(--space)}.list-item:last-child{border-bottom:none}.card .list-item{padding:var(--space-sm) 0}.tag{display:inline-block;padding:2px var(--space-xs);border-radius:var(--radius-sm);font-size:12px;background:var(--color-bg-card-2);color:var(--color-text-muted)}.tag.warn{background:#f0c05033;color:var(--color-warn)}.tag.danger{background:#e8635e33;color:var(--color-danger)}.tag.ok{background:#6bc16b33;color:var(--color-ok)}.scan-preview{width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius);background:#000}.empty-state{text-align:center;padding:var(--space-xl) var(--space);color:var(--color-text-muted)}.form-group{margin-bottom:var(--space)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;color:var(--color-text-muted);font-size:14px}.error-text{color:var(--color-danger);font-size:14px;margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.muted{color:var(--color-text-muted);font-size:13px;margin-bottom:var(--space)}.auth-screen{max-width:380px;margin:var(--space-xl) auto;text-align:center}.auth-screen form{text-align:left}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-hint{color:var(--color-text-muted);font-size:13px;margin-top:var(--space)}@media(min-width:768px){.app-content{padding:var(--space-lg)}}