@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ubuntu-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ubuntu-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ubuntu-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-kufi-arabic-arabic-700-normal.woff2) format("woff2")}:root{--paper: #ffffff;--alt: #f7f7f4;--field: #f3f2ee;--rule: #e8e6df;--ink: #1f1f1f;--slate: #6a6a66;--on-accent: #1f1f1f;--knob: #ffffff;--yellow: #ffc312;--yellow-tint: #fff4cc;--ready: #1e9e5a;--ready-tint: #e4f5eb;--failed: #d93d3d;--failed-tint: #fce8e8;--shadow: rgba(0,0,0,.2);--scrim: rgba(31,31,31,.35);--display: "Space Grotesk", system-ui, sans-serif;--text: Ubuntu, system-ui, sans-serif;--ar: "Noto Kufi Arabic", sans-serif;color-scheme:light}:root[data-theme=dark]{--paper: #000000;--alt: #141414;--field: #262626;--rule: #2e2e2e;--ink: #f2f1ec;--slate: #a3a29b;--on-accent: #1f1f1f;--knob: #f2f1ec;--yellow-tint: #3a3110;--ready: #6fd7a0;--ready-tint: #123021;--failed: #ff7b7b;--failed-tint: #3a1a1a;--shadow: rgba(0,0,0,.6);--scrim: rgba(0,0,0,.7);color-scheme:dark}:root[data-theme=dark] .side{background:#0e0e0e}:root[data-theme=dark] .card{background:#1a1a1a}:root[data-theme=dark] .sheet,:root[data-theme=dark] .login .box,:root[data-theme=dark] .palette .box{background:#1e1e1e}:root[data-theme=dark] .input:focus{background:#1a1a1a;border-color:var(--yellow)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,.display{font-family:var(--display);font-weight:700;margin:0;letter-spacing:0}h1{font-size:28px;line-height:34px}h2{font-size:19px;line-height:24px}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}.ar{font-family:var(--ar);font-weight:700}.muted{color:var(--slate)}.caption{font-size:13px;line-height:18px;font-weight:500}.num{font-family:var(--display);font-variant-numeric:tabular-nums}.shell{display:flex;min-height:100%}.side{width:240px;flex:none;background:var(--alt);padding:24px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.side .brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.side .brand .mark{width:36px;height:36px;border-radius:10px;background:var(--yellow);display:grid;place-items:center}.side a.nav{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:12px;font-weight:500;color:var(--ink)}.side a.nav:hover{background:var(--field)}.side a.nav.active{background:var(--yellow);color:var(--on-accent);font-weight:700}.side a.nav svg{width:22px;height:22px;flex:none}.side .foot{margin-top:auto;padding:12px 8px 0;border-top:1px solid var(--rule);font-size:13px;color:var(--slate);display:flex;flex-direction:column;gap:6px}.side .foot button{color:var(--ink);font-weight:500;text-align:left}.main{flex:1;min-width:0;padding:32px 40px 64px}.page{max-width:1180px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head p{margin:4px 0 0;color:var(--slate)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;font-weight:700;font-size:15px;background:var(--field);color:var(--ink);transition:transform .08s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn.primary{background:var(--yellow);color:var(--on-accent)}.btn.black{background:var(--ink);color:var(--paper)}.btn.danger{background:var(--failed-tint);color:var(--failed)}.btn.ghost{background:transparent}.btn.sm{height:36px;padding:0 12px;font-size:14px}.btn:disabled{opacity:.5;cursor:default}.input{height:44px;border-radius:12px;background:var(--field);border:2px solid transparent;padding:0 14px;width:100%;outline:none}.input:focus{border-color:var(--ink);background:var(--paper)}.input.sm{height:36px}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--slate)}.row{display:flex;align-items:center;gap:12px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.switch{width:48px;height:28px;border-radius:14px;background:var(--rule);position:relative;transition:background .15s;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:11px;background:var(--knob);box-shadow:0 1px 3px var(--shadow);transition:transform .15s}.switch.on{background:var(--yellow)}.switch.on:after{background:#fff}.switch.on:after{transform:translate(20px)}.pill{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:12px;font-size:13px;font-weight:500;background:var(--field);color:var(--slate);white-space:nowrap}.pill.yellow{background:var(--yellow-tint);color:var(--ink)}.pill.green{background:var(--ready-tint);color:var(--ready)}.pill.red{background:var(--failed-tint);color:var(--failed)}.pill.ink{background:var(--ink);color:var(--paper)}.pill.sm{height:20px;font-size:12px;padding:0 6px}.seg{display:inline-flex;background:var(--field);border-radius:12px;padding:3px;height:40px}.seg button{padding:0 14px;border-radius:9px;font-weight:500;color:var(--slate)}.seg button.on{background:var(--paper);color:var(--ink);font-weight:700;box-shadow:0 0 0 1px var(--rule)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tile{background:var(--field);border-radius:16px;padding:14px 16px;min-height:92px;display:flex;flex-direction:column;justify-content:space-between}.tile .label{font-size:14px;font-weight:500;color:var(--slate)}.tile .value{font-family:var(--display);font-size:30px;line-height:34px;font-variant-numeric:tabular-nums}.tile .sub{font-size:13px;color:var(--slate)}.tile.warn{background:var(--failed-tint)}.tile.warn .label,.tile.warn .sub{color:var(--failed)}.tile.on{background:var(--yellow);color:var(--on-accent)}.tile.ok{background:var(--ready-tint)}.tile.ok .label,.tile.ok .sub{color:var(--ready)}.tile.short{min-height:0}.tile .delta{font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:2px}.tile .delta.up{color:var(--ready)}.tile .delta.down{color:var(--failed)}.tile.on .delta{color:var(--on-accent)}.card{background:var(--alt);border-radius:16px;padding:18px 20px}.section{margin-top:32px}.section>h2{margin-bottom:12px}table.reg{width:100%;border-collapse:collapse}table.reg th{text-align:left;font-size:13px;font-weight:500;color:var(--slate);padding:0 12px 10px;border-bottom:1px solid var(--rule);white-space:nowrap}table.reg td{padding:12px;border-bottom:1px solid var(--rule);vertical-align:middle}table.reg tr:last-child td{border-bottom:0}table.reg tbody tr.link{cursor:pointer}table.reg tbody tr.link:hover{background:var(--alt)}table.reg td.num,table.reg th.num{text-align:right;font-variant-numeric:tabular-nums}table.reg .t{font-weight:700}.avatar{width:40px;height:40px;border-radius:12px;background:var(--yellow-tint);display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}table.reg th.sort{cursor:pointer;-webkit-user-select:none;user-select:none}table.reg th.sort:hover{color:var(--ink)}table.reg th.sort.on{color:var(--ink);font-weight:700}table.reg .sticky thead th{position:sticky;top:0;background:var(--paper)}.empty{padding:48px 16px;text-align:center;color:var(--slate)}.pager{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:var(--slate);font-size:14px}.chart{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:8px}.chart .bar{flex:1;background:var(--yellow);border-radius:4px 4px 0 0;min-height:2px;position:relative}.chart .bar:hover{background:var(--ink)}.chart .bar span{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:11px;color:var(--slate);margin-bottom:4px;display:none;white-space:nowrap}.chart .bar:hover span{display:block}.lines{display:flex;flex-direction:column}.lines .line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--rule)}.lines .line:last-child{border-bottom:0}.kv{display:grid;grid-template-columns:180px 1fr;gap:8px 16px}.kv dt{color:var(--slate)}.kv dd{margin:0}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.backdrop{position:fixed;inset:0;background:var(--scrim);display:grid;place-items:center;z-index:20}.sheet{background:var(--paper);border-radius:24px;padding:24px;width:min(520px,calc(100vw - 32px));box-shadow:0 20px 60px var(--shadow)}.sheet.wide{width:min(720px,calc(100vw - 32px))}.sheet h2{margin-bottom:6px}.sheet .actions{display:flex;gap:10px;margin-top:20px}.sheet .actions .btn{flex:1}.toasts{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:30}.toast{background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:12px;font-weight:500;box-shadow:0 8px 24px var(--shadow);display:flex;align-items:center;gap:10px}.toast.error{background:var(--failed);color:#fff}.toast.success{background:var(--ready);color:#fff}.login{min-height:100vh;display:grid;place-items:center;background:var(--yellow);padding:24px}:root[data-theme=dark] .login{background:#000}.login .box{background:var(--paper);border-radius:24px;padding:32px;width:min(420px,100%);display:flex;flex-direction:column;gap:14px}.login .mfa-qr{align-self:center;width:184px;height:184px;padding:10px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--rule, #e8e6df)}.login .mfa-secret{font-size:13px}.login .mfa-secret summary{cursor:pointer;color:var(--slate, #6a6a66)}.login .mfa-secret code{display:block;margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--field, #f3f2ee);word-break:break-all;font-size:14px;letter-spacing:1px}.login .mfa-code{font-size:26px;letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums}.error-text{color:var(--failed);font-size:13px}.chart .bar{display:flex;flex-direction:row;align-items:flex-end;background:transparent;gap:1px}.chart .bar i{display:block;flex:1;border-radius:2px 2px 0 0;min-height:2px}.chart .bar i.c{background:var(--yellow)}.chart .bar i.r{background:var(--ready)}.chart .bar i.k{background:var(--ink);opacity:.5}.chart .bar:hover i{filter:brightness(.85)}.legend{display:flex;gap:16px;font-size:13px;color:var(--slate)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.funnel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.funnel .step{background:var(--field);border-radius:16px;padding:14px 16px}.funnel .step .value{font-family:var(--display);font-size:26px;font-variant-numeric:tabular-nums}.funnel .step .rate{color:var(--slate);font-size:13px}.bars{display:flex;flex-direction:column;gap:8px}.bars .b{display:grid;grid-template-columns:140px 1fr 48px;align-items:center;gap:12px;font-size:14px}.bars .b .track{height:10px;background:var(--field);border-radius:5px;overflow:hidden}.bars .b .fill{height:100%;background:var(--yellow);border-radius:5px}.bars .b .n{text-align:right;font-family:var(--display);font-variant-numeric:tabular-nums}.status-dot{display:inline-block;width:10px;height:10px;border-radius:5px;background:var(--rule);margin-right:8px;vertical-align:-1px}.status-dot.ok{background:var(--ready)}.status-dot.bad{background:var(--failed)}.palette{position:fixed;inset:0;background:var(--scrim);z-index:40;display:flex;justify-content:center;padding-top:12vh}.palette .box{width:min(640px,calc(100vw - 32px));height:fit-content;background:var(--paper);border-radius:20px;box-shadow:0 24px 80px var(--shadow);overflow:hidden}.palette .input{border-radius:0;height:56px;background:transparent;border:0;border-bottom:1px solid var(--rule);padding:0 20px;font-size:17px}.palette .input:focus{background:transparent}.palette .list{max-height:50vh;overflow:auto;padding:8px}.palette .item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;cursor:pointer;width:100%;text-align:left}.palette .item.on,.palette .item:hover{background:var(--field)}.palette .item .k{margin-left:auto;font-size:12px;color:var(--slate)}.palette .hint{padding:8px 20px 12px;font-size:12px;color:var(--slate);border-top:1px solid var(--rule);display:flex;gap:16px}kbd{font:12px var(--display);background:var(--field);border-radius:6px;padding:1px 6px;color:var(--slate)}.side .search{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:12px;background:var(--field);color:var(--slate);margin-bottom:8px;font-size:14px;width:100%}.side .search kbd{margin-left:auto}.theme-row{display:flex;align-items:center;justify-content:space-between}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.filters .input,.filters select.input{width:auto;min-width:150px}.link-btn{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px}.rv{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;height:calc(100vh - 149px);min-height:560px;margin-bottom:-64px}.rv-list{background:var(--alt);border-radius:16px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.rv-count{padding:14px 18px 6px}.rv-rows{flex:1;min-height:0;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:2px}.rv-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;text-align:left;width:100%}.rv-row:hover{background:var(--field)}.rv-row.on{background:var(--yellow-tint)}.rv-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.rv-row .grow{display:flex;flex-direction:column}.rv-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-sub{font-size:13px;line-height:18px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-flags{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.rv-thumb{border-radius:10px;object-fit:cover;flex:none;background:var(--field);display:block}.rv-thumb.none{display:grid;place-items:center;color:var(--slate)}.rv-row.on .rv-thumb.none{background:var(--paper)}.rv-keys{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 18px 14px;font-size:12px;color:var(--slate);border-top:1px solid var(--rule)}.rv-detail{background:var(--alt);border-radius:16px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.rv-center{flex:1;display:grid;place-items:center}.rv-body{flex:1;min-height:0;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.rv-head{display:flex;gap:24px;align-items:flex-start}.rv-photo{width:280px;aspect-ratio:1;flex:none;border-radius:16px;overflow:hidden;background:var(--field);display:block}.rv-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.rv-photo:hover img{transform:scale(1.02)}.rv-photo.none{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--slate)}.rv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.rv-title{font-size:24px;line-height:30px;overflow-wrap:anywhere}.rv-facts{display:flex;flex-direction:column;gap:10px}.rv-facts>div{display:flex;gap:10px;align-items:flex-start;overflow-wrap:anywhere}.rv-facts svg{flex:none;margin-top:2px;color:var(--slate)}.rv-auto{display:flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 12px;border-radius:12px;background:var(--yellow-tint);font-weight:500}.rv-auto.off{background:var(--field);color:var(--slate)}.rv-sent{background:var(--field);border-radius:12px;padding:14px 16px}.rv-tag{display:inline-block;margin-inline-end:8px;padding:2px 8px;border-radius:8px;background:var(--yellow);color:#1f1f1f;font-size:12px;font-weight:700;vertical-align:2px}.rv-edit{background:var(--field);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.rv-edit-head{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.rv-edit-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.rv-edit-row>.caption:first-child{width:48px}.rv-was{color:var(--slate);text-decoration:line-through}.rv-sent p{margin:8px 0 0}.rv-body>.card{margin-top:0!important}.rv-body>.card .input{background:var(--paper)}.rv-body>.card .input:focus{border-color:var(--ink)}.rv-owner{display:flex;flex-direction:column;min-width:0}.rv-bar{flex:none;display:flex;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--rule)}.rv-more{position:relative;margin-left:auto}.rv-more>.btn{width:44px;padding:0}.rv-more>.btn:hover,.rv-more>.btn[aria-expanded=true]{background:var(--field)}.rv-menu{position:absolute;right:0;bottom:calc(100% + 8px);min-width:240px;background:var(--paper);border-radius:14px;padding:6px;box-shadow:0 12px 40px var(--shadow);z-index:10;display:flex;flex-direction:column}:root[data-theme=dark] .rv-menu{background:#1e1e1e}.rv-menu button{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:10px;color:var(--failed);font-weight:500;text-align:left;white-space:nowrap}.rv-menu button:hover{background:var(--failed-tint)}@media(max-width:1100px){.rv-photo{width:220px}}@media(max-width:900px){.page-head{flex-wrap:wrap;align-items:flex-start}.rv{grid-template-columns:1fr;height:auto;min-height:0;margin-bottom:0}.rv-rows{max-height:300px}.rv-body{overflow:visible;flex:none}.rv-head{flex-direction:column}.rv-photo{width:min(320px,100%)}.rv-bar{position:sticky;bottom:0;background:var(--alt);border-radius:0 0 16px 16px}.rv-detail{overflow:visible}}.page-head .seg button{white-space:nowrap}