:root{--coral: #FF6733;--coral-deep: #E8501A;--ember: #FF8A3D;--peach: #FFF0EB;--teal: #FF6733;--on-teal: #0D141D;--teal-2: #FF8A3D;--teal-deep: #E8501A;--teal-dim: rgba(255, 103, 51, .14);--teal-border: rgba(255, 103, 51, .34);--bg: #0D141D;--bg-1: #111A25;--bg-2: #161F2B;--bg-3: #1B2430;--surface: #141C26;--surface-2: #1B2430;--hover: #1F2A38;--border: #243040;--border-soft: #1E2834;--border-strong: #31405A;--text: #F4F5F7;--text-1: #E6E8EC;--text-2: #C3C8D0;--text-3: #98A0AC;--text-4: #6B7483;--green: #6FCF97;--green-soft: rgba(111, 207, 151, .14);--amber: #FFC84A;--amber-soft: rgba(255, 176, 32, .16);--red: #FFADA3;--red-soft: rgba(217, 61, 42, .18);--blue: #6BB4E8;--blue-soft: rgba(107, 180, 232, .16);--violet: #B79CE8;--violet-soft: rgba(183, 156, 232, .16);--gold: #FFB020;--gold-soft: rgba(255, 176, 32, .16);--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow-1: 0 1px 0 rgba(0, 0, 0, .25);--shadow-2: 0 4px 18px -6px rgba(0, 0, 0, .45);--shadow-3: 0 16px 40px -16px rgba(0, 0, 0, .55);--fs-2xs: .75rem;--fs-xs: .82rem;--fs-sm: .9rem;--fs-md: 1rem;--fs-lg: 1.07rem;--fs-xl: 1.29rem;--fs-2xl: 1.57rem;--fs-3xl: 2rem;--lh-tight: 1.2;--lh: 1.5;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--control-h: 36px;--control-h-sm: 30px;--control-h-lg: 44px;--page-max: 1180px;--page-pad: 24px;--card-pad: 16px;--z-dropdown: 30;--z-drawer: 50;--z-modal: 60;--z-toast: 70;--ease: cubic-bezier(.2,.7,.2,1);--nav-w: 248px;--nav-w-collapsed: 64px;--top-h: 52px;--crumb-h: 44px;--font-ar: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;--font-en: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}@media(max-width:760px){:root{--page-pad: 16px;--card-pad: 14px}}[data-theme=light]{--bg: #F7F5F2;--bg-1: #FFFFFF;--bg-2: #FFF8F5;--bg-3: #FFF0EB;--surface: #FFFFFF;--surface-2: #FFF8F5;--hover: #FFEDE5;--border: #ECE4DE;--border-soft: #F3EDE8;--border-strong: #DCCFC6;--text: #0D141D;--text-1: #1B2430;--text-2: #3D4652;--text-3: #5C6470;--text-4: #8A8F98;--teal: #BF4419;--on-teal: #FFFFFF;--teal-2: #E8501A;--teal-deep: #A33812;--teal-dim: rgba(255, 103, 51, .12);--teal-border: rgba(255, 103, 51, .32);--green: #15804A;--green-soft: rgba(26, 158, 92, .12);--amber: #8A5A00;--amber-soft: rgba(217, 142, 4, .14);--red: #B2301F;--red-soft: rgba(217, 61, 42, .1);--blue: #2C6FB8;--blue-soft: rgba(44, 111, 184, .1);--violet: #6E4FB8;--violet-soft: rgba(110, 79, 184, .1);--gold: #8A5A00;--gold-soft: rgba(255, 176, 32, .16);--shadow-1: 0 1px 0 rgba(13, 20, 29, .04);--shadow-2: 0 4px 18px -6px rgba(13, 20, 29, .1);--shadow-3: 0 16px 40px -16px rgba(13, 20, 29, .18)}*{box-sizing:border-box}html,body,#root{height:100%}html{font-size:14px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ar);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[data-lang=en] body{font-family:var(--font-en)}html[data-lang=en]{direction:ltr}html[data-lang=ar]{direction:rtl}button{font-family:inherit}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:10000;padding:10px 14px;border-radius:6px;background:var(--bg-1);color:var(--text);border:2px solid var(--teal);box-shadow:var(--shadow-2);transform:translateY(calc(-100% - 16px));transition:transform .12s ease}.skip-link:focus{transform:translateY(0)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--teal);outline-offset:2px}:where(a,button,input,select,textarea,[tabindex]):focus:not(:focus-visible){outline:none}input,select,textarea{max-width:100%}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}a{color:inherit;text-decoration:none}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;border:2px solid transparent;background-clip:content-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--control-h);padding:0 var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text-1);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:1;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease),opacity .12s}.btn:hover{background:var(--hover)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:default;transform:none}.btn.primary{background:var(--teal);border-color:transparent;color:var(--on-teal)}.btn.primary:hover{background:var(--teal-deep);color:var(--on-teal)}[data-theme=dark] .btn.primary:hover{background:var(--teal-2)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text-2)}.btn.ghost:hover{background:var(--hover);color:var(--text-1)}.btn.danger{background:var(--red-soft);border-color:transparent;color:var(--red)}.btn.danger:hover{filter:brightness(1.08)}.btn.sm{height:var(--control-h-sm);padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn.lg{height:var(--control-h-lg);padding:0 var(--sp-5);font-size:var(--fs-lg)}.btn.icon{width:var(--control-h);padding:0}.btn.icon.sm{width:var(--control-h-sm)}.btn.block{width:100%}.btn-group{display:inline-flex;gap:var(--sp-2);flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.field>label,.field-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-2)}.input,.select,.textarea{width:100%;min-width:0;height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-1);color:var(--text-1);font:inherit;font-size:var(--fs-md);transition:border-color .12s,box-shadow .12s}.textarea{height:auto;min-height:calc(var(--control-h) * 2.4);padding:var(--sp-2) var(--sp-3);line-height:var(--lh);resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--red)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.6}.input.sm,.select.sm{height:var(--control-h-sm);font-size:var(--fs-sm)}.field-hint{font-size:var(--fs-xs);color:var(--text-3)}.field-error{font-size:var(--fs-xs);color:var(--red)}.input-affix{display:flex;align-items:stretch;min-width:0}.input-affix .input{border-start-end-radius:0;border-end-end-radius:0}.input-affix .affix{display:inline-flex;align-items:center;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-inline-start:0;border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm);background:var(--bg-2);color:var(--text-3);font-size:var(--fs-sm);font-family:var(--font-mono);white-space:nowrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.form-grid .span-2{grid-column:1 / -1}@media(max-width:760px){.form-grid{grid-template-columns:1fr}}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-pad);min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap}.card-title{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text)}.card-sub{font-size:var(--fs-sm);color:var(--text-3)}.card-foot{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-soft);display:flex;gap:var(--sp-2);flex-wrap:wrap}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius)}.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.tbl th{text-align:start;color:var(--text-3);font-weight:var(--fw-semibold);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--bg-2);white-space:nowrap}.tbl td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-soft);vertical-align:top}.tbl tr:last-child td{border-bottom:0}.tbl tr.clickable{cursor:pointer;transition:background .1s}.tbl tr.clickable:hover{background:var(--hover)}.tbl .num{text-align:end;font-variant-numeric:tabular-nums}.tbl .mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.tbl .sub{display:block;color:var(--text-3);font-size:var(--fs-xs);margin-top:2px}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:999px;font-size:var(--fs-xs);font-weight:var(--fw-bold);background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);white-space:nowrap}.badge.ok{background:var(--green-soft);color:var(--green);border-color:transparent}.badge.warn{background:var(--amber-soft);color:var(--amber);border-color:transparent}.badge.danger{background:var(--red-soft);color:var(--red);border-color:transparent}.badge.info{background:var(--blue-soft);color:var(--blue);border-color:transparent}.badge.violet{background:var(--violet-soft);color:var(--violet);border-color:transparent}.badge.accent{background:var(--teal-dim);color:var(--teal);border-color:transparent}.chip{height:var(--control-h-sm);padding:0 var(--sp-3);border-radius:999px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);cursor:pointer;font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);display:inline-flex;align-items:center;gap:var(--sp-1)}.chip:hover{background:var(--hover)}.chip.active{background:var(--teal);color:var(--on-teal);border-color:transparent}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border);overflow-x:auto}.tab{padding:var(--sp-2) var(--sp-3);border:0;background:transparent;color:var(--text-3);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-semibold);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab:hover{color:var(--text-1)}.tab.active{color:var(--teal);border-bottom-color:var(--teal)}.page{display:flex;flex-direction:column;gap:var(--sp-5);max-width:var(--page-max);min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.page-title{margin:0;font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text);line-height:var(--lh-tight)}.page-sub{margin:var(--sp-1) 0 0;color:var(--text-3);font-size:var(--fs-md);max-width:70ch}.page-actions,.toolbar{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.toolbar .grow{flex:1;min-width:180px}.section-title{margin:0;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:var(--fw-semibold)}.stack{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4)}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.grid-2,.grid-3{grid-template-columns:1fr}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--sp-3)}.kpi{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--sp-1);min-height:92px;min-width:0}.kpi-label{color:var(--text-3);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--fw-semibold)}.kpi-value{font-size:var(--fs-3xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:var(--lh-tight);color:var(--text);overflow-wrap:anywhere}.kpi-delta{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-3)}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--red)}.modal-overlay,.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#070c129e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;padding:var(--page-pad)}.modal-overlay{place-items:center;z-index:var(--z-modal)}.drawer-overlay{z-index:var(--z-drawer);padding:0;justify-items:end}[dir=rtl] .drawer-overlay{justify-items:start}.modal{width:min(520px,100%);max-height:calc(100vh - var(--page-pad) * 2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);display:flex;flex-direction:column;min-width:0;overflow:hidden}.modal.wide{width:min(820px,100%)}.modal-head,.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6) var(--sp-3)}.modal-head h2,.modal-head h3,.drawer-head h2,.drawer-head h3{margin:0;font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.modal-body,.drawer-body{padding:0 var(--sp-6) var(--sp-5);overflow:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.modal-foot,.drawer-foot{display:flex;gap:var(--sp-2);justify-content:flex-end;flex-wrap:wrap;padding:var(--sp-3) var(--sp-6) var(--sp-5);border-top:1px solid var(--border-soft);margin-top:auto}.drawer{width:min(480px,100%);height:100%;background:var(--surface);border-inline-start:1px solid var(--border);box-shadow:var(--shadow-3);display:flex;flex-direction:column;min-width:0;overflow:hidden;animation:drawer-in .18s var(--ease)}.drawer.wide{width:min(720px,100%)}@keyframes drawer-in{0%{transform:translate(16px);opacity:0}to{transform:none;opacity:1}}[dir=rtl] .drawer{animation-name:drawer-in-rtl}@keyframes drawer-in-rtl{0%{transform:translate(-16px);opacity:0}to{transform:none;opacity:1}}.close-btn{width:var(--control-h-sm);height:var(--control-h-sm);border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:var(--fs-lg);line-height:1}.close-btn:hover{background:var(--hover)}@media(max-width:760px){.modal-overlay{padding:0;align-items:end}.modal{width:100%;max-height:92vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.drawer,.drawer.wide{width:100%}.modal-head,.drawer-head,.modal-body,.drawer-body,.modal-foot,.drawer-foot{padding-inline:var(--sp-4)}}@media(prefers-reduced-motion:reduce){.drawer{animation:none}}.empty-state{text-align:center;padding:var(--sp-10) var(--sp-4);color:var(--text-3);background:var(--bg-1);border:1px dashed var(--border-strong);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.empty-state h3{margin:0;font-size:var(--fs-lg);color:var(--text-1)}.empty-state p{margin:0;font-size:var(--fs-md);max-width:46ch}.toast{background:var(--teal-dim);border:1px solid var(--teal-border);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-md);color:var(--text-1);display:flex;align-items:center;gap:var(--sp-3)}.toast.ok{background:var(--green-soft);border-color:transparent}.toast.warn{background:var(--amber-soft);border-color:transparent}.toast.danger{background:var(--red-soft);border-color:transparent}.skeleton{background:linear-gradient(90deg,var(--bg-2),var(--bg-3),var(--bg-2));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius-sm);min-height:1em}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{height:1px;background:var(--border-soft);margin:var(--sp-2) 0}.muted{color:var(--text-3)}.small{font-size:var(--fs-sm)}.mono{font-family:var(--font-mono)}.text-end{text-align:end}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.badge.green{background:var(--green-soft);color:var(--green);border-color:transparent}.badge.blue{background:var(--blue-soft);color:var(--blue);border-color:transparent}.badge.amber{background:var(--amber-soft);color:var(--amber);border-color:transparent}.badge.red{background:var(--red-soft);color:var(--red);border-color:transparent}.badge.teal{background:var(--teal-dim);color:var(--teal);border-color:transparent}.badge.gold{background:var(--gold-soft);color:var(--gold);border-color:transparent}.badge.grey{background:var(--bg-3);color:var(--text-3);border-color:transparent}.badge.count{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.page-title .badge{vertical-align:middle;margin-inline-start:var(--sp-2);font-size:var(--fs-sm)}.page-title-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-width:0}.page-head>.page-intro{min-width:0;flex:1 1 320px}.empty-state h4{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-1)}.empty-ico{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--teal-dim);color:var(--teal);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--sp-2);flex-shrink:0}.empty-ico.danger{background:var(--red-soft);color:var(--red)}.empty-ico.muted{background:var(--bg-2);color:var(--text-3)}.empty-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center;margin-top:var(--sp-3)}.empty-state.compact{padding:var(--sp-6) var(--sp-4);min-height:0}.empty-state.borderless{border:0;background:transparent}.kbd{font-family:var(--font-mono);font-size:var(--fs-2xs);background:var(--bg-2);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--text-2);line-height:var(--lh)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bar{height:6px;border-radius:999px;background:var(--bg-3);overflow:hidden;min-width:0}.bar-fill{display:block;height:100%;border-radius:inherit;background:var(--teal);transition:width .3s var(--ease)}.bar-fill.warn{background:var(--amber)}.bar-fill.danger{background:var(--red)}.bar-fill.ok{background:var(--green)}.seg{display:inline-flex;max-width:100%;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-1)}.seg>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-2);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);height:calc(var(--control-h-sm) - 2px);padding:0 var(--sp-3);cursor:pointer;border-inline-end:1px solid var(--border)}.seg>button:last-child{border-inline-end:0}.seg>button:hover{background:var(--hover);color:var(--text)}.seg>button.active{background:var(--teal);color:var(--on-teal)}.seg>button:disabled{opacity:.55;cursor:default}.search-box{flex:1;min-width:200px;display:flex;align-items:center;gap:var(--sp-2);height:var(--control-h);padding:0 var(--sp-3);background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-3);transition:border-color .12s,box-shadow .12s}.search-box:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}.search-box>input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text-1);font:inherit;font-size:var(--fs-md)}.search-box>input::placeholder{color:var(--text-4)}.search-box>svg{flex-shrink:0}.tbl-toolbar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);flex-wrap:wrap;background:var(--bg-1)}.tbl-toolbar .field-label,.toolbar .field-label{white-space:nowrap}.tbl-toolbar .select,.tbl-toolbar .input{width:auto;min-width:140px}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-3);flex-wrap:wrap}.pager-nav{display:flex;align-items:center;gap:var(--sp-2)}.pager-of{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.tbl-region{min-height:240px}.tbl .actions-col{width:1%;white-space:nowrap;text-align:end}.tbl .row-actions{display:inline-flex;gap:var(--sp-1);justify-content:flex-end}.tbl .cell-tile{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--teal-dim);color:var(--teal);flex-shrink:0}.tbl .cell-main{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.tbl .cell-main .truncate{max-width:32ch}.tbl .strong{font-weight:var(--fw-semibold);color:var(--text)}.tbl td.nowrap,.tbl .nowrap{white-space:nowrap}.tbl .link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:start}.tbl .link-btn:hover{color:var(--teal);text-decoration:underline}@media(max-width:420px){.search-box{min-width:0}}.steps{display:flex;align-items:center;gap:var(--sp-2);list-style:none;margin:0;padding:0;flex-wrap:wrap;counter-reset:step}.step{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-3);white-space:nowrap}.step-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--bg-2);border:1px solid var(--border);color:var(--text-3);font-size:var(--fs-2xs);font-weight:var(--fw-bold)}.step:not(:last-child):after{content:"";width:16px;height:1px;background:var(--border);margin-inline:var(--sp-1)}.step.active{color:var(--text)}.step.active .step-num{background:var(--teal);border-color:transparent;color:var(--on-teal)}.step.done .step-num{background:var(--teal-dim);border-color:var(--teal-border);color:var(--teal)}.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3) var(--sp-5);margin:0}.kv dt,.kv-row dt{font-size:var(--fs-2xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--fw-semibold)}.kv dd,.kv-row dd{margin:2px 0 0;font-size:var(--fs-md);color:var(--text);overflow-wrap:anywhere}.kv-rows{margin:0;display:flex;flex-direction:column}.kv-rows .kv-row{display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border-soft)}.kv-rows .kv-row:last-child{border-bottom:0}.kv-rows .kv-row dt{font-size:var(--fs-sm);text-transform:none;letter-spacing:0;font-weight:var(--fw-medium)}.kv-rows .kv-row dd{margin:0;font-weight:var(--fw-semibold);text-align:end}.modal.narrow{width:min(420px,100%)}.modal-body>p,.drawer-body>p{margin:0}.modal-title-wrap,.drawer-title-wrap{min-width:0;display:flex;flex-direction:column;gap:2px}.modal-title-wrap .page-sub,.drawer-title-wrap .page-sub{margin:0;font-size:var(--fs-sm)}.danger-text{color:var(--red)}.ok-text{color:var(--green)}.warn-text{color:var(--amber)}.inline-error{margin:0;color:var(--red);font-size:var(--fs-sm)}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.chart{display:block;width:100%;height:auto;max-width:100%}.fieldset-plain{border:0;padding:0;margin:0;min-width:0;min-inline-size:0}.flip-x{transform:scaleX(-1)}.tbl-skeleton{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.tbl-skeleton-row{display:flex;gap:var(--sp-4);align-items:center}.tbl-skeleton-row .skeleton{height:12px;min-height:0}.check{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);color:var(--text-1);cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--teal);margin:0}.bc-grid{display:grid;grid-template-columns:220px 1fr;gap:16px;margin-block-start:16px;align-items:start}@media(max-width:720px){.bc-grid{grid-template-columns:1fr}}.bc-palette{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);position:sticky;inset-block-start:12px}.bc-palette h4{margin:0 0 4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}.bc-palette-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--text);font-size:.85rem;cursor:pointer;text-align:start}.bc-palette-item:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.bc-palette-item:disabled{opacity:.5;cursor:not-allowed}.bc-canvas{display:flex;flex-direction:column;gap:10px;min-block-size:200px}.bc-empty{color:var(--text-3);font-size:.85rem}.bc-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);padding:12px}.bc-block[draggable=true]{cursor:grab}.bc-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-end:10px}.bc-block-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}.bc-block-actions{display:flex;gap:4px}.bc-block-actions button{display:inline-flex;align-items:center;justify-content:center;inline-size:26px;block-size:26px;border:1px solid var(--border);border-radius:6px;background:var(--bg-2);color:var(--text-2);cursor:pointer}.bc-block-actions button:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.bc-block-actions button.danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}.bc-block-actions button:disabled{opacity:.4;cursor:not-allowed}.bc-block-body{display:flex;flex-direction:column;gap:8px}.bc-muted{color:var(--text-3);font-size:.82rem;font-style:italic}