*{box-sizing:border-box}body{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-latin), var(--font-arabic), system-ui, sans-serif;font-size:var(--text-body);line-height:var(--line-height-base);margin:0}html[lang=ar] body{font-family:var(--font-arabic), var(--font-latin), system-ui, sans-serif}h1,h2,h3{line-height:var(--line-height-tight);margin:0}p{margin:0}a{color:var(--color-primary)}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}fieldset{border:0;min-width:0;margin:0;padding:0}legend{font-weight:var(--font-weight-strong);padding:0}code,.ref{font-family:var(--font-mono);overflow-wrap:anywhere}html[dir=rtl] .flip{display:inline-block;transform:scaleX(-1)}.muted{color:var(--color-muted)}.error{color:var(--color-danger)}.status-ok{color:var(--color-success)}.pre{white-space:pre-wrap}.visually-hidden,.sr-only{width:var(--space-hair);height:var(--space-hair);margin:calc(-1 * var(--space-hair));clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.icon{vertical-align:middle;flex:none}.icon-sm{font-size:var(--size-icon-sm)}.icon-md{font-size:var(--size-icon-md)}.icon-lg{font-size:var(--size-icon-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--size-control);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:var(--color-primary);color:var(--color-on-primary);border:0;text-decoration:none;display:inline-flex}.btn:disabled{opacity:var(--opacity-disabled);cursor:default}.btn-ghost{color:var(--color-on-surface);border:var(--border-thin) solid var(--color-border);background:0 0}.btn-danger{background:var(--color-danger);color:var(--color-on-primary)}.btn-danger-ghost{color:var(--color-danger);border:var(--border-thin) solid var(--color-danger);background:0 0}.btn.active{border-color:var(--color-primary)}input,select,textarea{min-height:var(--size-control);padding:var(--space-sm) var(--space-md);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-on-surface)}input[type=checkbox],input[type=radio]{min-height:0;padding:0}textarea{min-height:var(--size-textarea);resize:vertical}.field{gap:var(--space-xs);display:grid}.field select,.field textarea{width:100%}fieldset.field label,.field-inline{gap:var(--space-sm);align-items:center;display:flex}.choice{gap:var(--space-xs);display:grid}.choice label{gap:var(--space-sm);align-items:center;display:flex}.choice legend{margin-bottom:var(--space-xs)}.row{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.row.wrap{flex-wrap:wrap}.stack{gap:var(--space-md);display:grid}.stack h2{font-size:var(--text-section)}.actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.segmented{gap:var(--space-xs);display:inline-flex}.center{min-height:100vh;padding:var(--space-lg);place-items:center;display:grid}.plain{gap:var(--space-xs);margin:0;padding-inline-start:var(--space-lg);display:grid}.notice{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--color-success-soft)}.badge{font-size:var(--text-caption);padding:var(--space-2xs) var(--space-sm);white-space:nowrap;border-radius:var(--radius-sm);border:var(--border-thin) solid var(--color-border)}.count{padding:0 var(--space-sm);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-caption);flex:none}.shell{grid-template-columns:var(--size-sidebar) 1fr;min-height:100vh;display:grid}.sidebar{border-inline-end:var(--border-thin) solid var(--color-border);padding:var(--space-lg);align-content:start;gap:var(--space-xs);display:grid}.sidebar a{color:inherit;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-decoration:none}.sidebar a:hover{background:var(--color-primary-hover)}.sidebar a[aria-current=page]{background:var(--color-primary-selected);font-weight:var(--font-weight-strong)}.frame,.main{min-width:0}.main{padding:var(--space-xl)}.topbar{gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.topbar h1{font-size:var(--text-title)}@media (max-width:720px){.shell{grid-template-columns:1fr}.sidebar{border-inline-end:0;border-bottom:var(--border-thin) solid var(--color-border);grid-auto-flow:column;overflow-x:auto}.sidebar a{white-space:nowrap}.main{padding:var(--space-lg)}}.print-only{display:none}@media print{.no-print,.sidebar{display:none!important}.shell,.print-only{display:block}}
.card{width:100%;max-width:var(--size-auth-card);gap:var(--space-lg);display:grid}.field input{padding:var(--space-md)}.stack{max-width:var(--size-content-text)}.stack.wide{max-width:var(--size-content-wide)}.stack-lg{gap:var(--space-lg);display:grid}.measure{max-width:var(--size-content-text)}.list{gap:var(--space-md);max-width:var(--size-content-text);margin:0;padding:0;list-style:none;display:grid}.list>li{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);gap:var(--space-sm);display:grid}.item-head{justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;align-items:start;display:flex}.settle{gap:var(--space-md);border-top:var(--border-thin) solid var(--color-border);padding-top:var(--space-md);display:grid}.settle h3{font-size:var(--text-subsection)}.panel{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.hits{gap:var(--space-xs);flex-wrap:wrap;display:flex}.filters{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:end;display:grid}.filters .actions{grid-column:1/-1}.audit pre{padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-code-fill);font-size:var(--text-caption);text-align:left;margin:0;overflow-x:auto}.audit details{gap:var(--space-xs);display:grid}.badge-active{background:var(--color-success-soft)}.badge-suspended,.badge-closed{background:var(--color-danger-soft)}.qr{background:var(--color-paper);padding:var(--space-sm);border-radius:var(--radius-sm);justify-self:center}
