@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--color-bg:#fff;--color-surface:#f5f2fe;--color-surface-2:#ebe5fc;--color-text:#1d1633;--color-accent:#5b2ee5;--color-accent-2:#34a9f5;--color-divider:#5b2ee524;--color-neutral-100:#f7f6fb;--color-neutral-200:#ecebf3;--color-neutral-300:#dcdae6;--color-neutral-400:#c0bdd0;--color-neutral-500:#9e9ab0;--color-neutral-600:#7d798f;--color-neutral-700:#5f5c6f;--color-neutral-800:#423f4f;--color-neutral-900:#241f33;--color-accent-100:#f4f0ff;--color-accent-200:#e5dcff;--color-accent-300:#cdbcff;--color-accent-400:#a98efc;--color-accent-500:#7c55f5;--color-accent-600:#5b2ee5;--color-accent-700:#4a1fc0;--color-accent-800:#371791;--color-accent-900:#241060;--color-accent-2-100:#eaf6ff;--color-accent-2-200:#cfe9ff;--color-accent-2-300:#a6d7ff;--color-accent-2-400:#6dbdfb;--color-accent-2-500:#34a9f5;--color-accent-2-600:#1b8ed6;--color-accent-2-700:#146ea8;--color-accent-2-800:#0f527c;--color-accent-2-900:#0b3752;--color-positive:#17966d;--color-positive-tint:#e2f6ef;--color-negative:#d8395a;--color-negative-tint:#fdeaee;--gradient-hero:linear-gradient(168deg, #4a1fc0 0%, #6d43f0 46%, #34a9f5 100%);--gradient-poster:linear-gradient(180deg, #fff 0%, #cdbcff 34%, #6d43f0 68%, #6ec4fb 100%);--font-heading:"Poppins", system-ui, sans-serif;--font-heading-weight:600;--font-body:"Poppins", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #37179114;--shadow-md:0 6px 20px #3717911a;--shadow-lg:0 20px 48px #37179129}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}.img-frame{border-radius:var(--radius-md);overflow:hidden}.duotone{filter:saturate(.15)sepia(.25)hue-rotate(215deg)saturate(2.4)contrast(1.02)}*,:before,:after{box-sizing:border-box}body{margin:0;font-size:15px;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.02em;margin:0 0 var(--space-2);line-height:1.18}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{letter-spacing:.08em;text-transform:uppercase;font-size:13px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-700);text-underline-offset:3px}a:hover{color:var(--color-accent)}img{max-width:100%;display:block}figure{margin:0}figcaption{margin-top:var(--space-2);color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:11px}.text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 22%, transparent)}.hr{height:1px;margin:var(--space-6) 0;background:var(--color-divider);border:0}.hero-gradient{background:var(--gradient-hero);color:#fff;border-radius:var(--radius-lg)}.hero-gradient h1,.hero-gradient h2,.hero-gradient h3{color:#fff}.btn{cursor:pointer;font-family:var(--font-heading);color:var(--color-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-500)}.btn-primary:active{background:var(--color-accent-700)}.btn-secondary{border-color:var(--color-accent-300);color:var(--color-accent-800);background:var(--color-bg)}.btn-secondary:hover{background:var(--color-accent-100)}.btn-secondary:active{background:var(--color-accent-200)}.btn-ghost{color:var(--color-accent-700)}.btn-ghost:hover{background:var(--color-accent-100)}.btn-ghost:active{background:var(--color-accent-200)}.btn-icon{width:40px;height:40px;padding:0}.btn-block{width:100%;margin-top:var(--space-2)}.field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.input{width:100%;min-height:42px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border-radius:var(--radius-pill);border:1px solid #0000;padding:9px 14px;font-size:14px}.input::placeholder{color:var(--color-neutral-500)}.input:hover{border-color:var(--color-accent-300)}.input:focus-visible{border-color:var(--color-accent);background:var(--color-bg);outline-offset:0}textarea.input{resize:vertical;border-radius:var(--radius-md);min-height:96px}.search{display:block;position:relative}.search svg{color:var(--color-neutral-500);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search .input{padding-left:42px}.select{display:block;position:relative}.select svg{color:var(--color-accent-600);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.select select.input{appearance:none;cursor:pointer;padding-right:40px}.radio{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.radio input,.seg-opt input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.radio .dot{border:1.5px solid var(--color-accent-300);border-radius:50%;flex:none;width:18px;height:18px}.radio:hover .dot{border-color:var(--color-accent)}.radio input:checked+.dot{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-bg)}.radio input:focus-visible+.dot{outline:2px solid var(--color-accent);outline-offset:2px}.seg{background:var(--color-surface);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.seg-opt{cursor:pointer;border-radius:var(--radius-pill);align-items:center;gap:6px;padding:7px 16px;font-size:13px;display:inline-flex}.seg-opt:has(input:checked){background:var(--color-accent);color:#fff}.seg-opt:not(:has(input:checked)):hover{background:var(--color-accent-200)}.seg-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.card-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700);font-size:10px;font-weight:600}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:18px;line-height:1.25}.card-body{opacity:.75;flex:1;margin:0;font-size:13px}.card-meta{color:color-mix(in srgb, var(--color-text) 50%, transparent);align-items:center;gap:6px;font-size:11px;display:flex}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.stat{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.stat-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.stat-icon{background:var(--color-bg);width:38px;height:38px;color:var(--color-accent-700);border-radius:50%;flex:none;place-items:center;display:grid}.stat-value{font-family:var(--font-heading);letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1.05}.stat-label{color:var(--color-neutral-600);font-size:13px}.stat-delta{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.stat-delta.up{background:var(--color-positive-tint);color:var(--color-positive)}.stat-delta.down{background:var(--color-negative-tint);color:var(--color-negative)}.chart-head{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.legend{align-items:center;gap:var(--space-4);font-size:13px;display:flex}.legend-item{align-items:center;gap:8px;display:inline-flex}.legend-dot{background:var(--color-accent);border-radius:50%;flex:none;width:9px;height:9px}.legend-dot.alt{background:var(--color-accent-400)}.bars{align-items:flex-end;gap:var(--space-6);height:200px;padding-top:var(--space-4);display:flex}.bar-group{flex:1;justify-content:center;align-items:flex-end;gap:6px;height:100%;display:flex}.bar{border-radius:var(--radius-pill);background:var(--color-accent);width:14px}.bar.alt{background:var(--color-accent-400)}.bar-axis{gap:var(--space-6);margin-top:var(--space-2);display:flex}.bar-axis span{text-align:center;color:var(--color-neutral-600);flex:1;font-size:12px}.donut{border-radius:50%;place-items:center;width:168px;height:168px;display:grid;-webkit-mask:radial-gradient(circle,#0000 56%,#000 57%);mask:radial-gradient(circle,#0000 56%,#000 57%)}.donut-wrap{place-items:center;display:grid;position:relative}.donut-center{text-align:center;position:absolute}.donut-value{font-family:var(--font-heading);font-size:28px;font-weight:700;line-height:1.1}.donut-label{color:var(--color-neutral-600);font-size:12px}.tag{letter-spacing:.02em;border-radius:var(--radius-pill);align-items:center;padding:4px 12px;font-size:11px;font-weight:500;display:inline-flex}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent-300);color:var(--color-accent-700)}.nav{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-surface);border-radius:var(--radius-pill);display:flex}.nav-brand{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin-right:auto;font-size:18px;display:inline-flex}.nav a{color:inherit;font-size:14px;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent)}.avatar{background:var(--color-accent-200);width:36px;height:36px;color:var(--color-accent-800);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid;overflow:hidden}.icon-badge{position:relative}.icon-badge:after{content:"";background:var(--color-negative);width:7px;height:7px;box-shadow:0 0 0 2px var(--color-bg);border-radius:50%;position:absolute;top:7px;right:8px}.sidebar{gap:var(--space-1);width:236px;padding:var(--space-4);background:var(--color-bg);flex-direction:column;flex:none;display:flex}.side-brand{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:var(--font-heading-weight);padding:var(--space-2);margin-bottom:var(--space-4);font-size:17px;display:flex}.side-link{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-pill);color:var(--color-neutral-700);cursor:pointer;font-size:14px;text-decoration:none;display:flex}.side-link svg{flex:none}.side-link:hover{background:var(--color-surface);color:var(--color-text)}.side-link[aria-current=page]{background:var(--color-accent);color:#fff;font-weight:500}.side-spacer{flex:1}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-600);padding:var(--space-3);border-bottom:1px solid var(--color-divider);font-size:11px;font-weight:500}.table td{padding:var(--space-3);border-bottom:1px solid var(--color-neutral-200)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--color-accent-100)}.dialog-backdrop{padding:var(--space-4);background:color-mix(in srgb, var(--color-accent-900) 45%, transparent);place-items:center;display:grid;position:fixed;inset:0}.dialog{gap:var(--space-3);width:min(440px,100%);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.dialog-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:22px}.dialog-body{opacity:.8;font-size:14px}.dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}html,body,#app{min-height:100%}html,body{overflow-x:hidden}.shell{flex-direction:column;min-height:100vh;display:flex}.shell>main{padding:var(--space-4);flex:1;width:100%;min-width:0;max-width:1380px}.topbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface);z-index:20;display:flex;position:sticky;top:0}.topbar .side-brand{flex:1;margin:0;padding:0}.shell .sidebar{display:none}.shell .sidebar.open{z-index:30;width:100%;box-shadow:var(--shadow-lg);display:flex;position:fixed;inset:0;overflow-y:auto}.side-link{min-height:44px}.side-count{border-radius:var(--radius-pill);background:var(--color-accent-100);color:var(--color-accent-800);margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.side-link[aria-current=page] .side-count{background:var(--color-bg)}.side-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:13px;display:flex}.side-user .who{flex-direction:column;min-width:0;display:flex}.side-user .who small{color:var(--color-neutral-600);font-size:11px}@media (min-width:900px){.shell{flex-direction:row}.shell>main{padding:var(--space-6)}.topbar{display:none}.shell .sidebar{height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.shell .sidebar.open{width:236px;box-shadow:none;position:sticky;inset:auto}}.page-head{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.page-head h2{font-size:26px}.page-head .actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (min-width:700px){.page-head{margin-bottom:var(--space-6);flex-direction:row;justify-content:space-between;align-items:flex-end}.page-head h2{font-size:32px}}.kpis{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:560px){.kpis{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpis .stat{min-height:44px}a.stat,.stat.clickable{color:inherit;cursor:pointer;text-decoration:none}a.stat:hover,.stat.clickable:hover{background:var(--color-surface-2)}.panel{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);min-width:0}.panel-title{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.panel-title h4{margin:0;font-size:17px}.centered{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:900px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.stack{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between}.muted{color:var(--color-neutral-600)}.small{font-size:13px}.tiny{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.nowrap{white-space:nowrap}.ar{font-family:"IBM Plex Sans Arabic", var(--font-body);direction:rtl}[dir=rtl]{font-family:"IBM Plex Sans Arabic", var(--font-body)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link{color:var(--color-accent-700);text-decoration:none}.link:hover{text-decoration:underline}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);background:var(--color-bg);max-width:100%;overflow-x:auto}.table-wrap .table{min-width:640px}.table-wrap.compact .table{min-width:0}.table tbody tr.clickable{cursor:pointer}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table-empty{padding:var(--space-6);text-align:center;color:var(--color-neutral-600)}.pager{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;font-size:13px;display:flex}.filters{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:700px){.filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.filters .search{grid-column:1/-1}@media (min-width:700px){.filters .search{grid-column:span 2}}.form{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:700px){.form.form-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.form .span-2{grid-column:1/-1}.input,.btn,.seg-opt{min-height:44px}.btn-icon{width:44px;height:44px}.tag{min-height:0}.check{align-items:center;gap:var(--space-2);cursor:pointer;min-height:44px;font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--color-accent)}.checks{gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.handle-row{gap:var(--space-2);grid-template-columns:1fr;align-items:end;display:grid}@media (min-width:700px){.handle-row{grid-template-columns:160px 1fr 1fr auto}}.error-text{color:var(--color-negative);font-size:13px}.field-error{border-color:var(--color-negative)!important}.chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.chip-x{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:0 0 0 4px;line-height:1}.tag-positive{background:var(--color-positive-tint);color:var(--color-positive)}.tag-negative{background:var(--color-negative-tint);color:var(--color-negative)}.doc-head{gap:var(--space-2);flex-direction:column;display:flex}.doc-head .names{flex-direction:column;gap:2px;display:flex}.doc-head h2{margin:0;font-size:24px}.doc-head .ar{color:var(--color-neutral-700);font-size:18px}.doc-head .meta{gap:var(--space-1) var(--space-2);flex-wrap:wrap;align-items:center;display:flex}@media (min-width:900px){.doc-head h2{font-size:30px}}.qs-row{gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:560px){.qs-row{align-items:flex-end;gap:var(--space-4);flex-direction:row}}.qs-big{font-family:var(--font-heading);letter-spacing:-.04em;color:var(--color-accent-700);font-size:56px;font-weight:700;line-height:1}.qs-big small{color:var(--color-neutral-600);letter-spacing:0;font-size:18px;font-weight:500}.subscore{gap:var(--space-2);grid-template-columns:110px 1fr 48px;align-items:center;min-height:28px;font-size:13px;display:grid}.subscore .bar-track{border-radius:var(--radius-pill);background:var(--color-accent-200);height:10px;overflow:hidden}.subscore .bar-fill{border-radius:var(--radius-pill);background:var(--color-accent);height:100%}.subscore .bar-fill.alt{background:var(--color-accent-2-400)}.subscore .w{color:var(--color-neutral-600);font-size:11px}.steps{gap:var(--space-1);flex-direction:column;display:flex}.step{gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);grid-template-columns:28px 1fr auto;align-items:center;min-height:52px;display:grid}.step:hover{background:var(--color-surface-2)}.step .dot{background:var(--color-neutral-300);border-radius:50%;justify-self:center;width:12px;height:12px}.step .dot.succeeded{background:var(--color-positive)}.step .dot.failed,.step .dot.stopped{background:var(--color-negative)}.step .dot.running,.step .dot.queued{background:var(--color-accent)}.step .body{flex-direction:column;min-width:0;display:flex}.step .body .title{gap:var(--space-1) var(--space-2);flex-wrap:wrap;align-items:center;font-size:14px;font-weight:500;display:flex}.step .body .err{color:var(--color-negative);word-break:break-word;font-size:12px}.handle-item{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-neutral-200);grid-template-columns:1fr auto;align-items:center;display:grid}.handle-item:last-child{border-bottom:0}.handle-item .who{flex-direction:column;min-width:0;display:flex}.kv{gap:var(--space-1) var(--space-3);grid-template-columns:1fr;font-size:13px;display:grid}@media (min-width:480px){.kv{grid-template-columns:max-content 1fr}}.kv dt{color:var(--color-neutral-600);margin:0}.kv dd{word-break:break-word;min-width:0;margin:0}.inbox{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:1000px){.inbox{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:start}}.inbox .decision{background:var(--color-bg);padding-top:var(--space-2);position:sticky;bottom:0}@media (min-width:1000px){.inbox .decision{top:var(--space-4);position:sticky;bottom:auto}}.decide-btns{gap:var(--space-2);grid-template-columns:1fr;display:grid}@media (min-width:480px){.decide-btns{grid-template-columns:repeat(2,1fr)}}.decide-btns .btn{min-height:56px;padding:var(--space-3) var(--space-4);justify-content:space-between;font-size:16px}.decide-btns .btn.span-2{grid-column:1/-1}.btn-danger{border:1px solid var(--color-negative);color:var(--color-negative);background:var(--color-bg)}.btn-danger:hover{background:var(--color-negative-tint)}.btn-positive{background:var(--color-positive);color:#fff}.btn-positive:hover{filter:brightness(1.05)}.key{border-radius:var(--radius-sm);min-width:22px;height:22px;font-size:11px;font-weight:600;font-family:var(--font-heading);background:var(--color-accent-100);color:var(--color-accent-800);place-items:center;padding:0 6px;display:inline-grid}.btn-primary .key,.btn-positive .key{color:#fff;background:#ffffff40}.evidence pre{white-space:pre-wrap;word-break:break-word;background:var(--color-bg);padding:var(--space-3);border-radius:var(--radius-sm);max-height:360px;margin:0;font-size:12px;overflow:auto}.empty-inbox{place-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;display:grid}.toasts{left:0;right:0;bottom:var(--space-4);align-items:center;gap:var(--space-2);z-index:50;pointer-events:none;padding:0 var(--space-4);flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--color-accent-900);color:#fff;box-shadow:var(--shadow-lg);max-width:100%;font-size:14px;display:flex}.toast.error{background:var(--color-negative)}.toast.success{background:var(--color-positive)}.toast .btn{color:#fff;min-height:36px;padding:6px 12px}.toast .btn:hover{background:#ffffff2e}.dialog-backdrop{z-index:40;align-items:end}@media (min-width:700px){.dialog-backdrop{align-items:center}}.dialog{width:min(560px,100%);max-height:92vh;overflow-y:auto}.dialog.wide{width:min(880px,100%)}.dialog-actions{flex-wrap:wrap}.preview{gap:var(--space-3);grid-template-columns:1fr;display:grid}.bucket{gap:var(--space-2);grid-template-columns:28px 1fr 56px;align-items:center;font-size:13px;display:grid}.bucket .bar-track{border-radius:var(--radius-pill);background:var(--color-accent-200);height:8px;overflow:hidden}.bucket .bar-fill{background:var(--color-accent);border-radius:var(--radius-pill);height:100%}.checklist{gap:var(--space-1);flex-direction:column;display:flex}.checklist li{align-items:center;gap:var(--space-2);min-height:40px;font-size:14px;list-style:none;display:flex}.checklist ul,ul.checklist{margin:0;padding:0}.checklist .ok{color:var(--color-positive)}.checklist .todo{color:var(--color-neutral-500)}.qr{border-radius:var(--radius-md);background:var(--color-bg);width:200px;height:200px;padding:var(--space-2)}.otp-input{letter-spacing:.3em;text-align:center;font-size:24px;font-family:var(--font-heading)}