:root{--bg:#fff;--text:#111827;--primary:#3b82f6;--secondary:#10b981;--accent:#f59e0b;--muted-bg:#f3f4f6;--muted:#4b5563;--line:#e5e7eb;--panel:#fff;--radius:8px;--accent-green:#10b981;--accent-red:#dc2626;--ease:cubic-bezier(.2,0,0,1)}*{box-sizing:border-box}button,.btn,.navlink,.scope-option,.scope-cta{cursor:pointer}button:disabled,.btn:disabled,.navlink:disabled{cursor:not-allowed}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;padding:0;font-family:Outfit,system-ui,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1}.app-shell{height:100vh;transition:grid-template-columns .2s var(--ease);grid-template-columns:280px 1fr;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:84px 1fr}.sidebar{background:var(--muted-bg);border-right:2px solid var(--line);min-height:0;padding:12px;position:relative}.sidebar-frame{flex-direction:column;justify-content:space-between;gap:12px;height:100%;display:flex}.sidebar-brand{align-items:center;gap:10px;padding:6px 8px;display:flex}.sidebar-top-row{justify-content:space-between;align-items:center;gap:8px;padding:2px 4px;display:flex}.sidebar-top-toggle{border:2px solid var(--line);background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;width:28px;height:28px;display:inline-flex}.sidebar-brand-text{display:grid}.sb-title{color:var(--text);font-size:.9rem;font-weight:700;line-height:1.2}.sb-sub{color:var(--muted);font-size:.75rem}.brand{letter-spacing:-.02em;font-size:1.9rem;font-weight:800}.main{flex-direction:column;min-height:0;padding:18px;display:flex;overflow:hidden}.main-scroll{flex:1;min-height:0;padding-right:2px;overflow:auto}.h1{letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(2.1rem,3vw,3.2rem);font-weight:800;line-height:1.15}.h3{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}h1,h2,h3{color:var(--text)}.muted{color:var(--muted)}.field-wrap{gap:6px;margin:2px 0;display:grid}.field-label{color:var(--muted);letter-spacing:.01em;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}input:not([type=checkbox]):not([type=radio]),select,textarea,.search,.session-mini-input{border-radius:var(--radius);width:100%;min-height:42px;color:var(--text);transition:all .2s var(--ease);background:#fff;border:2px solid #d1d5db;outline:none;padding:10px 12px}input:focus,select:focus,textarea:focus,.search:focus,.session-mini-input:focus{border-color:var(--primary);background:#fff}.nav-group{gap:8px;display:grid}.nav-item{border-radius:var(--radius);color:var(--text);transition:all .2s var(--ease);border:2px solid #0000;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-icon-wrap{justify-content:center;width:18px;display:inline-flex}.nav-label{white-space:nowrap}.nav-item.active{background:var(--primary);color:#fff}.nav-item:hover{background:#eaf2ff;transform:scale(1.01)}.sidebar-user-wrap{position:relative}.sidebar-user-btn{border:2px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.avatar{color:#1e3a8a;background:#dbeafe;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:28px;height:28px;font-weight:700;display:inline-flex}.user-meta{text-align:left;flex:1;min-width:0;display:grid}.user-company,.user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-company{color:var(--muted);font-size:.78rem}.user-name{color:var(--text);font-size:.85rem;font-weight:600}.chev{transition:transform .2s}.chev.open{transform:rotate(180deg)}.sidebar-dropdown{border:2px solid var(--line);z-index:30;background:#fff;border-radius:10px;gap:4px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.sidebar-dd-item{border-radius:8px;align-items:center;gap:8px;padding:8px;display:inline-flex}.sidebar-dd-item:hover{background:#eff6ff}.mobile-topbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:none}.mobile-menu-icon-btn{border-radius:12px;width:44px;min-width:44px;min-height:44px;padding:0}.mobile-topbar-logo{flex:1;justify-content:center;align-items:center;display:flex}.mobile-drawer-backdrop{z-index:90;background:#11182773;display:none;position:fixed;inset:0}.mobile-drawer{background:var(--muted-bg);border-right:2px solid var(--line);width:min(86vw,320px);height:100%;padding:12px}.sidebar-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-size:.75rem;font-weight:600}.project-item{color:var(--muted);align-items:center;gap:8px;font-size:.875rem;display:flex}.dot{border-radius:999px;width:8px;height:8px;display:inline-block}.dot.green{background:var(--secondary)}.dot.purple{background:var(--primary)}.dot.yellow{background:var(--accent)}.session-mini{border:2px solid var(--line);border-radius:var(--radius);background:#fff;gap:6px;padding:8px;display:grid}.session-mini-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.btn,.navlink,.scope-cta{border-radius:var(--radius);border:2px solid var(--line);background:var(--panel);color:var(--text);letter-spacing:.01em;min-height:44px;transition:all .2s var(--ease);box-shadow:none;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}.btn:hover,.navlink:hover{background:#eff6ff;transform:scale(1.03)}.btn:active,.navlink:active,.scope-cta:active{transform:scale(.95)}.btn.primary,.step-actions .nav-next,.scope-cta{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover,.step-actions .nav-next:hover,.scope-cta:hover{background:#2563eb}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.tile{border-radius:var(--radius);border:2px solid var(--line);box-shadow:none;transition:all .2s var(--ease);background:#fff;padding:14px}.card:hover,.tile:hover{transform:scale(1.01)}.tile.active{border-color:var(--primary);background:#eff6ff}table{border-collapse:collapse;width:100%}th,td{border-top:2px solid var(--line);padding:10px 8px;font-size:.875rem}thead th{text-align:left;color:var(--muted);border-top:none;font-weight:600}.badge{color:#fff;border-radius:999px;padding:4px 10px;font-size:.75rem;display:inline-block}.badge.green{background:var(--secondary)}.badge.blue{background:var(--primary)}.badge.gray{background:#9ca3af}.stat-number{color:var(--text);font-size:1.7rem;font-weight:700;line-height:1}.stat-number.done{color:var(--secondary)}.stat-number.progress{color:var(--primary)}.stat-number.open{color:var(--muted)}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.device-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.status-dot{border-radius:999px;width:10px;height:10px;display:none}.status-dot.green{background:var(--secondary)}.status-dot.blue{background:var(--primary)}.status-dot.gray{background:#9ca3af}.scope-step{margin-top:14px}.scope-step-title{color:var(--text);margin:0 0 8px;font-size:1rem;font-weight:700}.scope-options{grid-template-columns:1fr;gap:10px;display:grid}.scope-option{border:2px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;width:100%;transition:all .2s var(--ease);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.scope-option:hover{background:#eff6ff;transform:scale(1.01)}.scope-option.active{border-color:var(--primary);background:#dbeafe}.scope-option-title{color:var(--text);font-weight:700}.scope-option-sub{color:var(--muted);font-size:.9rem}.scope-check{border:2px solid var(--line);color:#0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:24px;height:24px;font-weight:700;display:inline-flex}.scope-option.active .scope-check{background:var(--primary);color:#fff;border-color:var(--primary)}.scope-cta-row{justify-content:flex-end;margin-top:16px;display:flex}.step-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.panel-animate{animation:.22s ease-out panelIn}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.bottom-nav,.device-toggle-mobile{display:none}.bottom-nav{z-index:30;border:1px solid var(--line);background:#fff;border-radius:12px;gap:2px;padding:4px;position:sticky;bottom:0}.bn-item{min-height:46px;color:var(--muted);border-radius:10px;place-items:center;font-size:.72rem;font-weight:600;text-decoration:none;display:grid}.bn-item.active{color:#111827;background:#eef2ff}.device-toggle-flat{grid-template-columns:1fr 1fr;gap:6px;display:grid}.device-toggle-flat .btn{min-height:32px}@media (max-width:900px){.device-toggle-mobile{margin-top:10px;display:block}.bottom-nav{margin-top:8px;display:grid}}.review-block{border:2px solid var(--line);border-radius:var(--radius);background:#f8fafc;padding:12px}.review-block h3{margin:0 0 10px}.review-input,.review-textarea,.review-select{min-height:40px;padding:8px 10px;background:#fff!important;border:2px solid #d1d5db!important;border-radius:8px!important}.review-input:focus,.review-textarea:focus,.review-select:focus{border-color:var(--primary)!important;background:#fff!important}.review-textarea{min-height:84px}.app-shell.sidebar-collapsed .sidebar-brand-text,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .user-meta,.app-shell.sidebar-collapsed .sidebar-user-btn .chev{display:none}.app-shell.sidebar-collapsed .nav-item{justify-content:center;padding:10px 6px}.app-shell.sidebar-collapsed .sidebar-user-btn{justify-content:center}.app-shell.sidebar-collapsed .sidebar-dropdown{width:180px;bottom:0;left:calc(100% + 8px);right:auto}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-topbar{display:flex}.mobile-drawer-backdrop{display:block}.main{padding:14px}.h1{font-size:2rem}.grid-2,.grid-3,.tile-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-compact-table th,.mobile-compact-table td{padding:8px 6px;font-size:.8rem}.mobile-messungen-table th:nth-child(4),.mobile-messungen-table td:nth-child(4),.mobile-messungen-table th:nth-child(6),.mobile-messungen-table td:nth-child(6),.mobile-protokolle-table th:nth-child(2),.mobile-protokolle-table td:nth-child(2),.mobile-protokolle-table th:nth-child(4),.mobile-protokolle-table td:nth-child(4){display:none}.status-badge{display:none!important}.status-dot{display:inline-block}}