:root{--brand:#0f766e;--brand-ink:#fff;--bg:#fff;--ink:#000;--surface:#f1ece2;--surface-ink:#1d1a16;--paper:#fffdf8;--canvas:#ede8dd;--muted:#7a7166;--line:#ddd5c6;--ok:#3f7a2e;--warn:#b26b00;--danger:#b4232a;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", "Noto Sans", Tahoma, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer;border-radius:var(--radius);background:var(--surface);color:var(--surface-ink);touch-action:manipulation;border:0;padding:.8em 1.2em;font-weight:600}button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}input:focus-visible{outline:3px solid var(--brand);outline-offset:2px}select:focus-visible{outline:3px solid var(--brand);outline-offset:2px}textarea:focus-visible{outline:3px solid var(--brand);outline-offset:2px}a:focus-visible{outline:3px solid var(--brand);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--brand-ink);box-shadow:inset 0 -3px #0000002e}.btn-primary:active,.btn-danger:active{box-shadow:none;transform:translateY(1px)}.btn-ink{color:#fffdf8;background:#1d1a16}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:inherit;border:1.5px solid var(--line);background:0 0}.btn-ghost:hover{border-color:currentColor}.btn-lg{width:100%;padding:1em 1.4em;font-size:1.25rem}input,select,textarea{border:1.5px solid var(--line);background:var(--paper);color:#1d1a16;border-radius:8px;width:100%;padding:.7em .8em}input:focus,select:focus,textarea:focus{border-color:#1d1a16;outline:none}label{margin:.8em 0 .3em;font-weight:600;display:block}.muted{color:var(--muted)}.mono{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}[dir=rtl] .mono{letter-spacing:0;text-transform:none;font-family:inherit;font-size:.8rem}.card{background:var(--paper);color:#1d1a16;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:0 1px #3c2d140d}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.spacer{flex:1}.banner{border-radius:10px;padding:.7rem 1rem;font-weight:600}.banner-warn{color:#6b4a00;background:#fff4d6}.banner-error{color:#7d1a17;background:#fbe3df}.banner-ok{color:#2c5a1f;background:#e6f0dc}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background-color:var(--canvas);color:#1d1a16;background-image:radial-gradient(#3c2d140d 1px,#0000 1.2px);background-size:18px 18px}.center-page{place-items:center;min-height:100vh;padding:16px;display:grid}.signin{flex-direction:column;gap:8px;width:min(420px,100%);padding:28px 24px;display:flex}.signin h1{letter-spacing:-.02em;margin:0 0 6px;font-size:1.6rem}.center{text-align:center}.topbar{background:var(--paper);border-bottom:1px solid var(--line);z-index:5;flex-wrap:wrap;align-items:flex-end;gap:18px;padding:14px 20px 0;display:flex;position:sticky;top:0}.topbar>b{letter-spacing:-.01em;align-items:center;gap:8px;padding-bottom:12px;font-size:1.05rem;display:flex}.topbar>b:before{content:"";background:var(--brand);border-radius:3px;width:12px;height:12px;display:inline-block}.tabs{flex-wrap:wrap;flex:1;gap:4px;display:flex}.tab{color:var(--muted);border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 12px 12px;font-weight:600;text-decoration:none}.tab:hover{color:#1d1a16}.tab.active{color:#1d1a16;border-bottom-color:#1d1a16}.topbar .btn-ghost{margin-bottom:8px;padding:.5em .9em}.content{max-width:1100px;margin:0 auto;padding:22px 16px}.foot{text-align:center;padding:24px}.foot a{color:var(--muted)}.grid-2{grid-template-columns:1.2fr 1fr;align-items:start;gap:18px;display:grid}@media (max-width:820px){.grid-2{grid-template-columns:1fr}}.col{flex-direction:column;gap:12px;display:flex}.plain{margin:0;padding:0;list-style:none}.card{padding:18px}h3{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.75rem;font-weight:700}[dir=rtl] h3{letter-spacing:0;font-family:inherit;font-size:.9rem}fieldset{border:0;border-top:1px solid var(--line);margin:18px 0 0;padding:12px 0 0}legend{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding-inline-end:8px;font-size:.75rem;font-weight:700}[dir=rtl] legend{letter-spacing:0;font-family:inherit;font-size:.9rem}.color-row{margin-top:8px}.color-label{min-width:6.5em;margin:0;font-weight:600}input[type=color]{cursor:pointer;width:44px;height:40px;padding:3px}.hex{width:8em;font-family:var(--mono)}.small{font-size:.85rem}.ok-text{color:var(--ok);font-weight:700}.err-text{color:var(--danger);font-weight:700}.logo-preview{object-fit:cover;width:96px;height:96px;box-shadow:0 0 0 3px var(--paper), 0 0 0 4px var(--line);background:#fff;border-radius:50%;margin:6px 0 12px}.btn-file{border-radius:var(--radius);color:#fffdf8;cursor:pointer;background:#1d1a16;margin:0;padding:.75em 1.2em;font-weight:600;display:inline-block}.preview{background-image:radial-gradient(#0000000f 1px,#0000 1.2px);background-size:14px 14px;border-radius:8px;flex-direction:column;gap:10px;padding:16px;display:flex}.preview img{object-fit:cover;border-radius:50%}.preview-num{text-align:center;letter-spacing:-.04em;background:var(--paper);color:#1d1a16;border-radius:4px;padding:14px 0 10px;font-size:3.6rem;font-weight:850;line-height:1;box-shadow:0 6px 16px -10px #00000080}.preview-ready{text-align:center;border-radius:6px;padding:12px}.branch-form label{font-weight:600}.branch-form input,.branch-form select{margin-top:4px}.pill{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;border-radius:4px;padding:.35em .7em;font-size:.7rem;font-weight:700}[dir=rtl] .pill{letter-spacing:0;font-family:inherit;font-size:.8rem}.pill-ok{color:#2c5a1f;background:#e6f0dc}.pill-off{color:#7d1a17;background:#fbe3df}.device.revoked{opacity:.55}.device b{font-size:1.05rem}.code-box{text-align:center;border-top:5px solid var(--brand)}.code{font-family:var(--mono);letter-spacing:.14em;font-variant-numeric:tabular-nums;border-top:2px dashed var(--line);border-bottom:2px dashed var(--line);margin:8px 0;padding:12px 0;font-size:2.6rem;font-weight:800}.inline{margin:0;display:inline}.table-wrap{padding:6px 4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border-bottom:1px solid var(--line);text-align:start;white-space:nowrap;padding:10px 12px}thead th{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid #1d1a16;font-size:.7rem}[dir=rtl] thead th{letter-spacing:0;font-family:inherit;font-size:.85rem}td{font-variant-numeric:tabular-nums}.bars{border-bottom:2px solid #1d1a16;align-items:flex-end;gap:8px;height:180px;padding:10px 0 0;display:flex;overflow-x:auto}.bar-col{flex-direction:column;align-items:center;gap:4px;min-width:36px;display:flex}.bar{background:var(--brand);border-radius:3px 3px 0 0;width:24px;min-height:2px}.bar-val,.bar-day{font-family:var(--mono);color:var(--muted);font-size:.7rem}code{font-family:var(--mono);background:#efe8da;border-radius:4px;padding:.1em .4em;font-size:.78rem}.pill-role{color:#5b5246;background:#efe8da}.device-title{gap:8px;margin-bottom:2px}.device-actions{flex-wrap:nowrap;gap:6px}.device-actions .btn-ghost{padding:.5em .9em}.btn-warn{color:var(--danger)}.reset-row{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.reset-confirm{background:#fff4d6;border-radius:8px;padding:6px 8px}.reset-confirm-danger{color:#5e1410;background:#fbe3df}