*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f1f1f1;color:#111}#root{min-height:100vh}h1,h2,h3,h4,p{margin-top:0}.app{--bg: #f1f1f1;--text: #111;--panel-bg: #fff;--panel-border: #cfcfcf;--muted-border: #e2e2e2;--field-border: #bbbbbb;--table-border: #e0e0e0;--error: #b00020;--success: #1a7f37;--hint: #555;min-height:100vh;padding:16px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text)}.app.theme-dark{--bg: #121212;--text: #e8e8e8;--panel-bg: #1b1b1b;--panel-border: #3a3a3a;--muted-border: #343434;--field-border: #4a4a4a;--table-border: #3c3c3c;--error: #ff7b8a;--success: #7ed79f;--hint: #b9b9b9}.topRightButtons{position:fixed;top:16px;right:16px;z-index:1000;display:flex;gap:8px}.card{width:100%;max-width:440px;border:1px solid var(--panel-border);background:var(--panel-bg);padding:20px}.authCard{max-width:520px}.authForm label{display:block;margin:12px 0 6px}.authForm input{margin-top:0}.authLinks{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.linkButton{width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);text-decoration:underline;text-underline-offset:2px}.dashboard{width:min(980px,100%);border:1px solid var(--panel-border);background:var(--panel-bg);padding:20px;display:grid;gap:16px}.wideDashboard{width:min(1220px,100%)}.topRow{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.topActions{display:grid;gap:8px}.panel{border:1px solid var(--muted-border);padding:12px;background:var(--panel-bg)}.nestedPanel{margin-top:12px}.panelHeader{display:flex;justify-content:space-between;gap:12px;align-items:center}.statsGrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.statLabel{font-size:12px;opacity:.8;margin-bottom:4px}.statValue{font-size:22px;margin:0}.listRow{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--table-border);padding:10px;margin:8px 0}.inlineFields{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inlineFields input{flex:1;min-width:180px}.inlineButtons{display:flex;gap:6px;flex-wrap:wrap}.devices{border:1px solid var(--muted-border);padding:12px}.deviceRow{display:grid;gap:4px}input,button,select{width:100%;padding:10px;margin:8px 0;border:1px solid var(--field-border);border-radius:4px;background:var(--panel-bg);color:var(--text);font-size:14px}button{cursor:pointer}.topRow button,.inlineButtons button,.inlineFields button,.panelHeader button,.topRightButtons button,.listRow button{width:auto;margin:0}.pill{border:1px solid var(--field-border);padding:6px 10px;border-radius:999px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border:1px solid var(--table-border);padding:8px;vertical-align:top}.error{color:var(--error);margin-bottom:0}.success{color:var(--success);margin-bottom:0;word-break:break-all}.hint{color:var(--hint);margin-bottom:0}@media(max-width:900px){.topRow{flex-direction:column}.topRightButtons{flex-direction:column;align-items:flex-end}table{display:block;overflow-x:auto}}