:root{--app-bg: #ffffff;--app-fg: #111111;--app-muted: #6c757d;--app-surface: #f8f9fa;--app-border: #dee2e6;--app-primary: #0d6efd;--app-secondary: #6c757d;--bs-body-bg: var(--app-bg);--bs-body-color: var(--app-fg);--bs-border-color: var(--app-border);--bs-primary: var(--app-primary);--bs-secondary: var(--app-secondary)}[data-theme=dark]{--app-bg: #0e1116;--app-fg: #e9ecef;--app-muted: #a3adba;--app-surface: #171b24;--app-border: #2b3140;--app-primary: #4c9dff;--app-secondary: #9aa4af;--bs-body-bg: var(--app-bg);--bs-body-color: var(--app-fg);--bs-border-color: var(--app-border);--bs-primary: var(--app-primary);--bs-secondary: var(--app-secondary)}html,body,#root{height:100%}body{background-color:var(--app-bg);color:var(--app-fg)}#root,.container,.container-fluid,.row{background-color:var(--app-bg)}.app-surface{background-color:var(--app-surface);border:1px solid var(--app-border)}a{color:var(--app-primary)}hr{border-color:var(--app-border)}[data-theme=dark] *::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] *::-webkit-scrollbar-track{background:var(--app-bg)}[data-theme=dark] *::-webkit-scrollbar-thumb{background-color:#3a4150;border-radius:4px}[data-theme=dark] *::-webkit-scrollbar-thumb:hover{background-color:#4a515f}[data-theme=dark] .text-dark,[data-theme=dark] .text-body{color:var(--app-fg)!important}[data-theme=dark] .text-muted,[data-theme=dark] .text-secondary{color:var(--app-muted)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] p,[data-theme=dark] .lead,[data-theme=dark] .text-center,[data-theme=dark] label,[data-theme=dark] small,[data-theme=dark] span,[data-theme=dark] li,[data-theme=dark] dt,[data-theme=dark] dd{color:var(--app-fg)}[data-theme=dark] .bg-white,[data-theme=dark] .bg-light,[data-theme=dark] .bg-body,[data-theme=dark] .bg-body-tertiary,[data-theme=dark] .card,[data-theme=dark] .dropdown-menu,[data-theme=dark] .modal-content,[data-theme=dark] .offcanvas,[data-theme=dark] .list-group-item{background-color:var(--app-surface)!important;color:var(--app-fg)!important}[data-theme=dark] .border,[data-theme=dark] .card,[data-theme=dark] .dropdown-menu,[data-theme=dark] .modal-content,[data-theme=dark] .offcanvas,[data-theme=dark] .list-group-item,[data-theme=dark] .form-control,[data-theme=dark] .form-select,[data-theme=dark] .input-group-text{border-color:var(--app-border)!important}[data-theme=dark] .form-control,[data-theme=dark] .form-select,[data-theme=dark] .input-group-text,[data-theme=dark] .nav-link{background-color:var(--app-surface)!important;color:var(--app-fg)!important}[data-theme=dark] .dropdown-item{color:var(--app-fg)}[data-theme=dark] .dropdown-divider{border-top-color:var(--app-border)}[data-theme=dark] .btn-close{filter:invert(1)}[data-theme=dark] .dropdown-menu{background-color:var(--app-surface)!important;color:var(--app-fg)!important;border-color:var(--app-border)!important}[data-theme=dark] .dropdown-menu *{color:var(--app-fg)!important}[data-theme=dark] .dropdown-item.disabled,[data-theme=dark] .dropdown-item:disabled,[data-theme=dark] .dropdown-menu .disabled,[data-theme=dark] .dropdown-menu .text-muted{color:var(--app-muted)!important}[data-theme=dark] .dropdown-header,[data-theme=dark] .dropdown-item-text{color:var(--app-muted)!important}[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .dropdown-item:focus{color:var(--app-fg)!important;background-color:#1f2532!important}[data-theme=dark] .dropdown-item.active,[data-theme=dark] .dropdown-item:active{color:#fff!important;background-color:var(--app-primary)!important}[data-theme=dark] .nav-link{color:var(--app-fg)!important}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link:focus{color:var(--app-primary)!important}[data-theme=dark] .list-group-item.active{color:#fff!important;background-color:var(--app-primary)!important;border-color:var(--app-primary)!important}[data-theme=dark] table,[data-theme=dark] .table{background-color:var(--app-surface)!important;color:var(--app-fg)!important}[data-theme=dark] .table>:not(caption)>*>*{background-color:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-fg)!important}[data-theme=dark] .table thead th{background-color:#1b2130!important;border-color:var(--app-border)!important;color:var(--app-fg)!important}[data-theme=dark] .table tbody tr{background-color:var(--app-surface)!important;border-color:var(--app-border)!important}[data-theme=dark] .table-striped>tbody>tr:nth-of-type(odd)>*,[data-theme=dark] .table-hover>tbody>tr:hover>*{background-color:#1f2532!important}[data-theme=dark] .table td,[data-theme=dark] .table th{border-color:var(--app-border)!important}[data-theme=dark] .btn-light,[data-theme=dark] .btn-outline-light{--bs-btn-color: var(--app-fg);--bs-btn-bg: var(--app-surface);--bs-btn-border-color: var(--app-border);--bs-btn-hover-bg: #222838;--bs-btn-hover-border-color: var(--app-border);--bs-btn-active-bg: #1e2433}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}[data-theme=dark] .badge{--bs-badge-color: #fff}[data-theme=dark] .btn-primary:hover{--bs-btn-hover-bg: #3a8eef;--bs-btn-hover-border-color: #3a8eef}[data-theme=dark] .btn-danger:hover{--bs-btn-hover-bg: #c82333;--bs-btn-hover-border-color: #c82333}[data-theme=dark] .btn-success:hover{--bs-btn-hover-bg: #157a47;--bs-btn-hover-border-color: #157a47}[data-theme=dark] .card{box-shadow:0 2px 4px #0000004d}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus{border-color:var(--app-primary);box-shadow:0 0 0 .2rem #4c9dff40}[data-theme=dark] .form-control::placeholder,[data-theme=dark] .form-select::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--app-muted)!important;opacity:.8}[data-theme=dark] .form-control::-webkit-input-placeholder{color:var(--app-muted)!important;opacity:.8}[data-theme=dark] .form-control::-moz-placeholder{color:var(--app-muted)!important;opacity:.8}[data-theme=dark] .form-control:-ms-input-placeholder{color:var(--app-muted)!important;opacity:.8}[data-theme=dark] .link-secondary,[data-theme=dark] a.link-secondary{color:var(--app-muted)!important}[data-theme=dark] .link-secondary:hover,[data-theme=dark] a.link-secondary:hover{color:var(--app-fg)!important}[data-theme=dark] .text-secondary{color:var(--app-muted)!important}[data-theme=dark] #navlogo,[data-theme=dark] img[alt="BootstrapBrain Logo"],[data-theme=dark] .card img,[data-theme=dark] img[src*=serial-port]{filter:brightness(0) invert(1)!important}[data-theme=dark] .btn-outline-danger,[data-theme=dark] .btn-outline-primary,[data-theme=dark] .btn-outline-info,[data-theme=dark] .btn-outline-dark{--bs-btn-bg: var(--app-surface);--bs-btn-border-color: var(--app-border);--bs-btn-color: var(--app-fg);--bs-btn-hover-bg: var(--app-surface);--bs-btn-hover-border-color: var(--app-primary);--bs-btn-hover-color: var(--app-primary)}[data-theme=dark] .btn-outline-danger:hover svg,[data-theme=dark] .btn-outline-primary:hover svg,[data-theme=dark] .btn-outline-info:hover svg,[data-theme=dark] .btn-outline-dark:hover svg{color:var(--app-primary)}[data-theme=dark] .border-light-subtle,[data-theme=dark] .border-secondary-subtle{border-color:var(--app-border)!important}[data-theme=dark] .card{background-color:var(--app-surface)!important;color:var(--app-fg)!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--app-fg);background-color:var(--app-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-page{min-height:100vh;display:flex;align-items:center;padding:1.5rem 0}#navlogo{animation:spin 3s infinite;height:35px;margin:10px}@keyframes spin{to{transform:rotate(360deg)}}.navbar .container,.navbar-collapse{overflow:visible!important}.navbar{overflow:visible!important;position:relative;z-index:2000!important}.user-info-compact{z-index:2000!important;position:relative}.user-info-compact .dropdown-menu{z-index:2000!important;max-width:calc(100vw - 20px)!important;position:absolute!important}.app-error-fallback{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:var(--app-bg);color:var(--app-fg)}.app-error-fallback__card{max-width:28rem;width:100%;padding:1.5rem;border-radius:.5rem;border:1px solid var(--app-border)}.app-error-fallback__title{margin:0 0 .75rem;font-size:1.25rem}.app-error-fallback__text{margin:0 0 1rem;color:var(--app-muted);font-size:.95rem;line-height:1.5}.app-error-fallback__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.app-error-fallback__btn{cursor:pointer;padding:.5rem 1rem;border-radius:.375rem;font-size:.95rem;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-fg)}.app-error-fallback__btn--primary{background:var(--app-primary);border-color:var(--app-primary);color:#fff}[data-theme=dark] .app-error-fallback__btn--primary{color:#0e1116}.app-error-fallback__btn--secondary:hover,.app-error-fallback__btn--primary:hover{filter:brightness(1.08)}.app-error-fallback__details summary{cursor:pointer;color:var(--app-muted);font-size:.875rem}.app-error-fallback__pre{margin:.5rem 0 0;padding:.75rem;font-size:.75rem;overflow:auto;max-height:8rem;border-radius:.25rem;background:var(--app-bg);border:1px solid var(--app-border);white-space:pre-wrap;word-break:break-word}@media (max-width: 767.98px){body,.main-content{padding-bottom:30vh}}