:root{color-scheme:dark;--bg:#07111f;--panel:#0d1a2d;--panel2:#111f34;--border:#253550;--text:#e7eef9;--muted:#91a1b8;--cyan:#36c5f0;--green:#48d597;--orange:#fb923c;--red:#f87171}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% -10%,#12355b 0,transparent 35%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.topbar{height:64px;padding:0 max(22px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#0b1728e8;border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;color:var(--text);font-size:18px;font-weight:760;text-decoration:none}.bolt,.login-mark{color:var(--cyan)}.account{display:flex;align-items:center;gap:15px;color:var(--muted)}.account form{margin:0}.text-button{padding:0;border:0;background:none;color:#7ddffc;cursor:pointer}.container{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:34px 0 60px}.narrow{max-width:700px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{margin:2px 0 4px;font-size:30px;letter-spacing:-.025em}.eyebrow{margin:0;color:var(--cyan);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.muted,.hint{color:var(--muted)}.button,.primary,.small-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;font-weight:720;text-decoration:none;cursor:pointer}.button{padding:9px 14px}.secondary{background:#1d2c43;color:#dbeafe;border:1px solid #30435f}.primary{padding:11px 16px;background:var(--cyan);color:#052c3b}.full{width:100%}.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:13px;box-shadow:0 18px 55px #0003}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff03}.device-link,.back{color:#7ddffc;text-decoration:none}.device-link{font-weight:720}.back{display:inline-block;margin-bottom:16px}.badge,.access{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:760}.online{color:#8af1c3;background:#064e3b}.offline{color:#d1d5db;background:#3f3f46}.wrong-password{color:#fecaca;background:#7f1d1d}.rw{color:#7ddffc;background:#0c4a6e}.ro{color:#a8b3c3;background:#293548}.empty{text-align:center;color:var(--muted);padding:38px}.flash{margin:0 0 18px;padding:12px 14px;border:1px solid;border-radius:9px}.flash.success{color:#a7f3d0;background:#063c31;border-color:#08775d}.flash.error{color:#fecaca;background:#421b21;border-color:#7f1d2d}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.card-heading h2{margin:0;font-size:17px}.card-heading span{color:var(--muted)}td small{display:block;margin-top:3px;color:var(--muted)}code{font:13px ui-monospace,SFMono-Regular,Consolas,monospace;color:#c7e9ff}.inline-form{display:flex;gap:7px}.inline-form input,.raw-card textarea,.login-card input{border:1px solid #354763;border-radius:7px;background:#07111f;color:#fff;padding:8px 9px}.inline-form input{width:125px}.small-button{padding:8px 11px;background:var(--cyan);color:#052c3b}.raw-card form{padding:18px}.raw-card label,.login-card label{display:block;margin:13px 0 6px;color:#c7d2e0;font-weight:650}.raw-card textarea{width:100%;min-height:125px;resize:vertical;font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.warning{margin:15px 0;padding:11px;border-left:3px solid var(--orange);background:#422006;color:#fed7aa}.danger-button{padding:11px 14px;background:var(--orange);color:#431407}button:disabled{opacity:.4;cursor:not-allowed}.device-meta{display:flex;gap:14px;align-items:center;color:var(--muted)}.login-page{display:grid;place-items:center;padding:30px}.login-card{width:min(420px,100%);padding:34px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:15px;box-shadow:0 24px 75px #0007}.login-mark{font-size:34px}.login-card h1{margin:4px 0;font-size:26px}.login-card form{margin-top:22px}.login-card input{width:100%;padding:11px}.login-card .primary{margin-top:22px}.error-card{padding:30px}.error-card h1{margin:6px 0}.error-card .button{margin-top:10px}@media(max-width:900px){.detail-grid{grid-template-columns:1fr}.container{width:min(100% - 24px,1240px)}.page-heading{align-items:flex-start}.topbar{padding:0 14px}}@media(max-width:520px){.account>span{display:none}.page-heading h1{font-size:25px}.inline-form{flex-wrap:wrap}}
.side-stack{display:grid;gap:20px;align-content:start}.raw-card input[type=password]{width:100%;border:1px solid #354763;border-radius:7px;background:#07111f;color:#fff;padding:10px}.confirm-delete{display:flex!important;align-items:center;gap:9px;margin:10px 0 16px!important;color:#fecaca!important}.delete-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:11px 14px;background:var(--red);color:#3f0a0a;font-weight:760;cursor:pointer}.delete-card{border-color:#6f2930}

.primary-nav{display:flex;align-items:center;gap:6px;margin-right:auto;margin-left:30px}.primary-nav a{padding:8px 11px;border-radius:7px;color:#b9c8da;text-decoration:none}.primary-nav a:hover{background:#17263b;color:#fff}.heading-actions{display:flex;gap:9px}.registered{color:#bae6fd;background:#075985}.guest{color:#fde68a;background:#713f12}.user-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:20px}.main-stack{display:grid;gap:20px;align-content:start}.form-card form{padding:18px}.form-card label{display:block;margin:13px 0 6px;color:#c7d2e0;font-weight:650}.form-card input:not([type=hidden]):not([type=checkbox]),.form-card select{width:100%;border:1px solid #354763;border-radius:7px;background:#07111f;color:#fff;padding:10px}.form-card select{appearance:auto}.form-card .primary,.form-card .delete-button{margin-top:14px}.compact-check{display:flex!important;align-items:center;gap:6px;margin:0!important;color:var(--muted)!important;font-size:12px}.small-delete{padding:8px 11px;border:0;border-radius:7px;background:#71343a;color:#fecaca;font-weight:720;cursor:pointer}@media(max-width:900px){.user-grid{grid-template-columns:1fr}.primary-nav{margin-left:14px}}@media(max-width:520px){.primary-nav{gap:0;margin-left:8px}.primary-nav a{padding:7px}.heading-actions{flex-direction:column}}

.clock-details{margin:0;padding:18px;display:grid;gap:15px}.clock-details div{display:grid;gap:4px}.clock-details dt{color:var(--muted);font-size:11px;font-weight:720;text-transform:uppercase;letter-spacing:.07em}.clock-details dd{margin:0;font-size:15px}.clock-details code{overflow-wrap:anywhere}
.notification-page{max-width:1400px}.notification-settings{margin-bottom:30px}.section-heading{margin:34px 0 16px}.section-heading h2{margin:3px 0;font-size:24px}.notification-event-list{display:grid;gap:18px}.event-card form,.language-content{padding:18px}.event-card .card-heading code{display:block;margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:14px}.form-card small,.language-card small{display:block;margin-top:5px;color:var(--muted);font-weight:400}.form-card textarea,.language-card textarea,.language-card input,.language-card select{width:100%;border:1px solid #354763;border-radius:7px;background:#07111f;color:#fff;padding:10px;resize:vertical}.event-card textarea{min-height:80px}.toggle-row{display:flex!important;align-items:center;gap:9px;margin:0 0 13px!important}.toggle-row input{width:auto!important}.trigger-summary{display:flex;align-items:flex-start;gap:12px;margin:14px 0;padding:11px;border-radius:8px;background:#07111f}.trigger-summary code{overflow-wrap:anywhere}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.channel-grid fieldset,.translation-table fieldset{min-width:0;border:1px solid var(--border);border-radius:9px;padding:14px}.channel-grid legend,.translation-table legend{padding:0 7px;color:#b9d8ec;font-weight:750}.compact-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.check-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:13px}.translation-heading{margin-top:42px}.add-language-card{margin-bottom:16px}.inline-add-form{display:flex;align-items:end;gap:12px}.inline-add-form label{flex:1;margin:0!important}.language-card{margin-top:14px}.language-card summary{display:flex;justify-content:space-between;cursor:pointer;padding:17px 19px;list-style:none}.language-card summary::-webkit-details-marker{display:none}.language-card summary span{color:var(--muted)}.language-content{display:grid;gap:25px;border-top:1px solid var(--border)}.translation-form h3,.error-code-form h3{margin:0 0 12px}.translation-table{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px}.translation-table label,.error-code-form label{display:block;margin:9px 0;color:#c7d2e0;font-weight:650}.translation-table textarea{min-height:65px}.error-code-form{padding-top:22px;border-top:1px solid var(--border)}.code-editor{min-height:260px;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:1000px){.form-grid,.channel-grid,.translation-table{grid-template-columns:1fr}.compact-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:600px){.inline-add-form{align-items:stretch;flex-direction:column}.compact-grid{grid-template-columns:1fr}.primary-nav{overflow-x:auto}}
.create-event-card{margin-bottom:18px}.create-event-card summary{display:flex;justify-content:space-between;cursor:pointer;padding:17px 19px;list-style:none}.create-event-card summary::-webkit-details-marker{display:none}.create-event-card summary span{color:var(--muted)}.create-event-card form{border-top:1px solid var(--border)}.trigger-editor{min-width:0;margin:16px 0;border:1px solid #31506c;border-radius:9px;padding:14px;background:#091626}.trigger-editor legend{padding:0 7px;color:#7ddffc;font-weight:750}.trigger-editor .hint{margin-bottom:0}
.event-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none}.event-summary::-webkit-details-marker{display:none}.event-summary h2{margin:0;font-size:17px;text-transform:capitalize}.event-summary code{display:block;margin-top:4px}.event-summary:before{content:"›";order:3;color:var(--cyan);font-size:24px;line-height:1;transition:transform .15s}.event-card[open]>.event-summary:before{transform:rotate(90deg)}.event-card[open]>.event-summary{border-bottom:1px solid var(--border)}
.firmware-page{max-width:1400px}.firmware-controls{display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1.35fr);gap:20px}.form-card input[type=file]{width:100%;padding:10px;border:1px dashed #42617e;border-radius:8px;background:#07111f;color:#dbeafe}.confirm-update{display:flex!important;align-items:flex-start;gap:9px;color:#fed7aa!important}.confirm-update input{width:auto!important;margin-top:3px}.update-start-card .danger-button{margin-top:7px}.progress{display:block;width:180px;height:8px;border:0;border-radius:999px;overflow:hidden;background:#27364c;accent-color:var(--cyan)}.progress::-webkit-progress-bar{background:#27364c}.progress::-webkit-progress-value{background:var(--cyan)}.progress::-moz-progress-bar{background:var(--cyan)}.job-success{color:#a7f3d0;background:#065f46}.job-failed{color:#fecaca;background:#7f1d1d}.job-active{color:#bae6fd;background:#075985}.job-result{max-width:360px;white-space:normal;overflow-wrap:anywhere}@media(max-width:900px){.firmware-controls{grid-template-columns:1fr}}