.app-shell{min-height:100vh;display:grid;grid-template-columns:16rem minmax(0,1fr)}.app-shell--logged-out{grid-template-columns:minmax(0,1fr)}.app-shell__sidebar{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;background:#201f1f;border-right:1px solid var(--line)}.app-shell__sidebar-head,.app-shell__sidebar-foot{padding:24px}.app-shell__sidebar-head{display:flex;align-items:center;gap:14px}.app-shell__logo{width:42px;height:42px;border-radius:10px;background:#ffc107;color:#261a00;display:inline-flex;align-items:center;justify-content:center}.app-shell__sidebar-title{font-family:Hanken Grotesk,sans-serif;font-size:1.5rem;font-weight:800;color:var(--brand);letter-spacing:-.04em}.app-shell__sidebar-subtitle{color:var(--text-soft);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em}.app-shell__nav{display:flex;flex-direction:column;margin-top:16px}.app-shell__nav-section{padding:18px 24px 8px}.app-shell__nav-divider{height:1px;background:#9c8f7840;margin-bottom:8px}.app-shell__nav-section-label{color:var(--text-soft);font-family:Hanken Grotesk,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.app-shell__nav-item{display:flex;align-items:center;gap:14px;color:var(--text-soft);padding:14px 24px;width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-shell__nav-item--active{color:var(--brand);background:#353534;border-left:4px solid var(--brand);padding-left:20px}.app-shell__sidebar-foot{margin-top:auto;border-top:1px solid rgba(156,143,120,.25)}.app-shell__user-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem}.app-shell__user-value{margin-top:8px;font-family:Hanken Grotesk,sans-serif;font-weight:700}.app-shell__version-line{margin-top:10px;color:var(--text-soft);font-family:IBM Plex Mono,monospace;font-size:.72rem}.app-shell__content{padding:32px;display:flex;flex-direction:column}.app-shell__build-footer{margin-top:auto;padding-top:24px;color:var(--text-soft);font-family:IBM Plex Mono,monospace;font-size:.72rem;text-align:right}.app-shell__legal-footer{display:flex;justify-content:flex-end;gap:16px;padding-top:12px}.app-shell__legal-link{border:0;padding:0;background:transparent;color:var(--text-soft);cursor:pointer;font-size:.78rem;text-decoration:underline}.app-shell__legal-link:hover{color:var(--text)}.app-shell__logout-link{border:0;padding:0;background:transparent;color:#ffb4ab;cursor:pointer;font-size:.78rem;text-decoration:underline}.app-shell__logout-link:hover{color:#ffd2cc}.app-shell__notice{position:fixed;right:24px;bottom:24px;border:0;border-radius:999px;padding:14px 18px;background:var(--success);color:#06210e;font-family:Hanken Grotesk,sans-serif;font-weight:800;box-shadow:var(--shadow);cursor:pointer;z-index:100}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(156,143,120,.25)}.topbar__title{margin:0;font-family:Hanken Grotesk,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.04em}.topbar__subtitle{margin:10px 0 0;color:var(--text-soft);max-width:56ch}.topbar__actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 840px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar{display:none}.app-shell__content{padding:18px}.topbar{flex-direction:column}.app-shell__build-footer,.app-shell__legal-footer{text-align:left;justify-content:flex-start}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.button{border:1px solid transparent;border-radius:8px;padding:12px 16px;cursor:pointer;transition:.16s ease;text-transform:uppercase;letter-spacing:.08em;font-family:Hanken Grotesk,sans-serif;font-size:.76rem;font-weight:800}.button:hover{transform:translateY(-1px)}.button--primary{background:#ffc107;color:#261a00;box-shadow:0 0 16px #ffc10729}.button--danger{background:transparent;color:#ffb4ab;border-color:#ef444480}.button--ghost{background:#ffffff08;color:var(--text);border-color:var(--line)}.card{background:linear-gradient(180deg,#201f1f,#181818);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.card--danger{border-color:#ef444459}.card__header{padding:20px 24px 0}.card__title{margin:0;font-family:Hanken Grotesk,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.1em}.card__subtitle{margin:8px 0 0;color:var(--text-soft)}.card__body{padding:24px}.status-badge{display:inline-flex;align-items:center;border-radius:4px;padding:8px 12px;text-transform:uppercase;font-family:Hanken Grotesk,sans-serif;font-size:.78rem;letter-spacing:.08em;font-weight:800}.status-badge--admin{background:#ef444424;color:#ffb4b4}.status-badge--techniker{background:#4ae1831a;color:#8cf0af}.status-badge--zuschauer,.status-badge--neutral{background:#ffffff17;color:var(--text-soft)}.empty-state{padding:48px 24px;text-align:center;color:var(--text-soft)}.page{width:100%;max-width:1280px;margin:0 auto}.page--wide{max-width:1680px}.page--centered{max-width:520px;margin:10vh auto 0}.page--legal{max-width:760px}.page__section{margin-bottom:24px}.device-grid,.settings-grid,.dashboard-grid,.device-management-layout,.device-edit-grid{display:grid;gap:20px}.dashboard-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.device-management-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}.device-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-card{position:relative;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#201f1f,#181818);padding:20px;color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow)}.device-card:hover{border-color:var(--brand);background:#2a2a2a}.device-card__led{position:absolute;right:18px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.device-card__header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;padding-right:20px}.device-card__meta,.device-card__status,.muted-text{color:var(--text-soft)}.admin-panel,.admin-user-list{display:flex;flex-direction:column;gap:16px}.build-info-list{display:flex;flex-direction:column;gap:12px}.build-info-row{display:grid;grid-template-columns:minmax(96px,120px) minmax(120px,180px) minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#161616}.build-info-label{color:var(--text-soft);font-weight:700}.build-info-value{font-weight:700}.build-info-commit{color:var(--text-soft);font-family:IBM Plex Mono,monospace;font-size:.85rem;word-break:break-all}.legal-config-list{display:grid;gap:10px}.legal-config-list code,.legal-link{color:var(--brand);word-break:break-all}.device-management-list,.device-management-preview,.assignment-panel{display:flex;flex-direction:column;gap:16px}.device-management-list__items{display:flex;flex-direction:column;gap:12px;max-height:68vh;overflow:auto}.device-management-list__item{border:1px solid var(--line);border-radius:10px;background:#161616;color:var(--text);text-align:left;padding:16px;display:flex;flex-direction:column;gap:8px}.device-management-list__item:hover,.device-management-list__item--active{border-color:var(--brand);background:#1d1d1d}.device-management-list__item-head,.device-management-preview__meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.device-management-list__chips{display:flex;flex-wrap:wrap;gap:8px}.device-user-chip{display:inline-flex;padding:4px 8px;border-radius:999px;background:#c89d4826;color:var(--text);font-size:.78rem}.device-user-chip--empty{background:#ffffff14;color:var(--text-soft)}.admin-user-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:8px;background:#161616}.admin-user-role{margin-top:8px;display:inline-flex;padding:4px 8px;border:1px solid rgba(156,143,120,.3);font-family:Hanken Grotesk,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.12em}.admin-user-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.assignment-panel__head{display:flex;flex-direction:column;gap:6px}.assignment-panel__list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow:auto}.assignment-user-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#161616;color:var(--text);text-align:left}.assignment-user-row__action{color:var(--brand);font-size:.82rem;font-weight:700}.device-assignment-card{display:inline-flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#161616}.device-assignment-card__body{display:flex;flex-direction:column;gap:4px}.device-log-panel{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.device-log-entry{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0a0e12b8}.device-log-entry__head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.field-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.audit-payload{margin:0;padding:.85rem 1rem;border-radius:14px;background:#07111ae6;color:#d7e6f5;font-size:.82rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.audit-table{display:grid;gap:12px}.audit-table__row{display:grid;grid-template-columns:180px 180px 180px 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#161616}.metric-list{display:grid;gap:16px}.metric-list>div{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.traffic-light-card{display:flex;flex-direction:column;align-items:center;gap:20px}.traffic-light-card__housing{display:flex;flex-direction:column;gap:14px;padding:18px 14px;border-radius:999px;background:#0e0e0e;border:3px solid #353534}.traffic-light-card__light{width:74px;height:74px;border-radius:50%;opacity:.28;box-shadow:inset 0 0 12px #000000b3}.traffic-light-card__light--red{background:#ff4b4b}.traffic-light-card__light--yellow{background:#ffc107}.traffic-light-card__light--green{background:#4ae183}.traffic-light-card__light--active{opacity:1;box-shadow:inset 0 0 8px #0006,0 0 16px currentColor}.traffic-light-card__status{display:flex;flex-direction:column;gap:8px;text-align:center;color:var(--text-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000094;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal-card{width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--line);border-radius:18px;background:#111;box-shadow:0 30px 80px #00000073}.modal-card__header,.modal-card__footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-card__footer{border-bottom:0;border-top:1px solid rgba(255,255,255,.06)}.modal-card__header h2{margin:0 0 6px}.modal-card__header p{margin:0;color:var(--text-soft)}.modal-card__content{display:flex;flex-direction:column;gap:18px;padding:24px}@media (max-width: 760px){.device-grid,.dashboard-grid,.audit-table__row,.admin-user-row,.build-info-row,.device-management-layout,.device-edit-grid,.assignment-user-row,.modal-card__header,.modal-card__footer{grid-template-columns:1fr;align-items:start}.modal-card__header,.modal-card__footer{display:grid}}@media (max-width: 1200px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{display:flex;flex-direction:column;gap:8px}.field__label{color:var(--text-soft);font-size:.95rem}.field__hint{color:var(--text-soft);font-size:.82rem}.input{width:100%;border:1px solid var(--line);border-radius:14px;background:#ffffff08;color:var(--text);padding:12px 14px}.input:focus{outline:none;border-color:#f59e0bb3;box-shadow:0 0 0 4px #f59e0b1f}.toggle{display:flex;gap:10px;align-items:center;color:var(--text-soft)}.form-error{color:#ffb4b4;margin:0}.stack{display:flex;flex-direction:column;gap:16px}.button-row{display:flex;gap:12px;flex-wrap:wrap}:root{color-scheme:dark;--bg: #131313;--bg-elevated: #201f1f;--bg-soft: #2a2a2a;--line: #4f4632;--line-strong: #9c8f78;--text: #e5e2e1;--text-soft: #d4c5ab;--brand: #fabd00;--danger: #ef4444;--cyan: #4ae183;--success: #4ae183;--shadow: 0 24px 60px rgba(0, 0, 0, .35);font-family:JetBrains Mono,monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(250,189,0,.08),transparent 24%),radial-gradient(circle at bottom right,rgba(74,225,131,.06),transparent 20%),radial-gradient(#201f1f 1px,transparent 1px),linear-gradient(180deg,#101010 0%,var(--bg) 100%);background-size:auto,auto,24px 24px,auto;color:var(--text)}button,input,select{font:inherit}#root{min-height:100vh}