.plat-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.plat-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.5rem 1rem}.plat-nav button{flex:1 1 auto;font:inherit;padding-block:.375rem;padding-inline:.875rem;cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}.plat-nav button[aria-current=page]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.plat-screen select,.plat-card select,.plat-create select{font:inherit;padding-block:.4rem;padding-inline:.5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}.plat-screen{display:flex;flex-direction:column;gap:.75rem;min-width:0}.plat-screen h2,.plat-screen h3,.plat-screen h4{margin-block:.25rem}.plat-sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.plat-list{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr)}.plat-row{display:flex;flex-direction:column;gap:.5rem;min-width:0}.plat-row-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.plat-row-head h2,.plat-row-head h3,.plat-row-head h4{margin:0}.plat-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin:0}.plat-facts div{min-width:0}.plat-facts dt{font-size:.8rem;opacity:.75}.plat-facts dd{margin:0;overflow-wrap:anywhere}.plat-chip{display:inline-block;padding-block:.1rem;padding-inline:.5rem;border-radius:999px;font-size:.8rem;border:1px solid currentColor}.plat-chip-active{color:#1b7f3b}.plat-chip-trial{color:#1d5fbf}.plat-chip-grace,.plat-chip-warn{color:#a15c00}.plat-chip-suspended,.plat-chip-archived{color:#b3261e}.plat-filters{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:end;border:1px solid rgba(127,127,127,.4);border-radius:8px;padding:.5rem .75rem;min-width:0}.plat-filters label{display:flex;flex-direction:column;gap:.25rem}.plat-check{flex-direction:row!important;align-items:center;gap:.4rem!important}.plat-actions{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr)}.plat-action{border-block-start:1px solid rgba(127,127,127,.3);padding-block-start:.5rem;min-width:0}.plat-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.card button.plat-danger:not(.link){background:none;color:var(--color-error);border:1px solid var(--color-error)}.plat-confirm{margin-block-start:.5rem;padding:.5rem .75rem;border:1px solid var(--color-error);border-radius:var(--radius)}.plat-ok{color:#1b7f3b}.plat-modules{margin:0;padding-inline-start:1.25rem}.card .stats button.plat-stat-link{font:inherit;text-align:start;cursor:pointer;padding:.5rem .75rem;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius)}.card .stats button.plat-stat-link:hover{border-color:var(--color-primary)}.plat-code-value{font-size:1.5rem;letter-spacing:.1em;text-align:center;margin-block:.5rem}.plat-error-msg{overflow-wrap:anywhere;flex:1 1 12rem;text-align:start}.plat-bulk{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end}.plat-bulk label,.plat-error label,.plat-screen>label{display:flex;flex-direction:column;gap:.25rem;max-inline-size:20rem}@media (min-width: 720px){.plat-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.plat-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.plat-nav button{flex:0 0 auto}}.plat-screen>button,.plat-bulk button{font:inherit;padding-block:.5rem;padding-inline:1rem;border:0;border-radius:var(--radius);cursor:pointer;background:var(--color-primary);color:var(--color-on-primary);align-self:flex-start}.plat-screen>button:disabled,.plat-bulk button:disabled{opacity:.6;cursor:not-allowed}.plat-facts dd.plat-date{white-space:nowrap}:root{--font-ui: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, "Geeza Pro", "Arial Unicode MS", system-ui, sans-serif;--color-bg: #f7f8fa;--color-surface: #ffffff;--color-text: #1d2433;--color-muted: #5b6475;--color-primary: #0b6e4f;--color-on-primary: #ffffff;--color-border: #dfe3ea;--radius: 10px;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--color-bg: #12151b;--color-surface: #1b2029;--color-text: #e8ebf1;--color-muted: #a3acbd;--color-primary: #3fbf8f;--color-on-primary: #0b1a14;--color-border: #2c3340}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-block-size:100%}body{font-family:var(--font-ui);background:var(--color-bg);color:var(--color-text);line-height:1.6}.app-shell{min-block-size:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-block:var(--space-1);padding-inline:var(--space-2);background:var(--color-surface);border-block-end:1px solid var(--color-border)}.app-brand{min-inline-size:0}.app-title{margin:0;font-size:1.25rem}.app-tagline{margin:0;color:var(--color-muted);font-size:.875rem}.lang-toggle{font:inherit;padding-block:.375rem;padding-inline:.875rem;border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;white-space:nowrap}.lang-toggle:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.app-main{flex:1;inline-size:100%;max-inline-size:60rem;margin-inline:auto;padding:var(--space-3) var(--space-2)}.home{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);text-align:start}.home h2{margin-block-start:0}.home-status{color:var(--color-muted);margin-block-end:0}:root{--color-error: #b3261e}@media (prefers-color-scheme: dark){:root{--color-error: #f2b8b5}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin-block-end:var(--space-2)}.card h2{margin-block-start:0}.login{max-inline-size:28rem;margin-inline:auto}.form{display:flex;flex-direction:column;gap:var(--space-2)}.form label{display:flex;flex-direction:column;gap:.25rem}.form input{font:inherit;padding-block:.5rem;padding-inline:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}.card button:not(.link){font:inherit;padding-block:.5rem;padding-inline:1rem;border:0;border-radius:var(--radius);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer}.card button:disabled{opacity:.6;cursor:progress}button.link{font:inherit;background:none;border:0;padding:0;margin-block-start:var(--space-1);color:var(--color-primary);cursor:pointer;text-decoration:underline;text-align:start}.muted{color:var(--color-muted)}.error{color:var(--color-error);margin-block-end:0}.mfa-qr{display:block;inline-size:12rem;block-size:12rem;margin-block:var(--space-2);margin-inline:auto;background:#fff}.notices ul{padding-inline-start:var(--space-2)}.notices li{margin-block-end:var(--space-1)}.card button.secondary{background:none;color:var(--color-primary);border:1px solid var(--color-primary);margin-inline-start:var(--space-1)}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#00000073;padding:var(--space-2)}.dialog{inline-size:min(28rem,100%)}.dashboard h2{margin-block-start:0}.dashboard h3{margin-block:0 var(--space-1);font-size:1.05rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-2)}.stat{display:flex;flex-direction:column}.stat-label{color:var(--color-muted);font-size:.875rem}.stat-value{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.alerts{border-inline-start:4px solid var(--color-error)}.alerts p{margin:0}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-block-end:var(--space-2)}.tabs button{font:inherit;padding-block:.375rem;padding-inline:.875rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer}.tabs button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.switch{display:flex;align-items:center;gap:var(--space-1);font-weight:600}.switch input{inline-size:1.25rem;block-size:1.25rem}.dup-list{list-style:none;padding:0}.dup-row{border-block-start:1px solid var(--color-border);padding-block:var(--space-1)}.dup-rule{color:var(--color-muted);font-size:.875rem}.dup-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-2)}.dup-side{display:flex;flex-direction:column}
