@font-face{font-family:Inter;src:url(/fonts/Inter.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Cairo;src:url(/fonts/Cairo.ttf) format("truetype");font-style:normal;font-weight:200 1000;font-display:swap}:root{--sidebar-collapsed-w: 4.5rem;--header-height: 4rem;--control-height: 2.5rem;--spacing-4xl: 2.5rem;--spacing-5xl: 3rem;--font-size-label: .75rem;--font-size-helper: .8125rem;--font-size-body: .875rem;--font-size-card: 1rem;--color-success-ink: #166534;--color-warning-ink: #92400E;--color-danger-ink: #B91C1C;--color-surface-hover: #F8FAFC;--duration-fast: .15s;--duration-panel: .2s;--brand-accent: var(--color-secondary);--brand-accent-soft: var(--color-secondary-light);--color-surface-raised: var(--color-surface);--color-text-primary: var(--color-text);--color-border-soft: var(--color-border);--color-surface-muted: var(--color-background);--color-surface-alt: var(--color-surface-hover);--muted: var(--color-text-secondary);--primary: var(--color-primary);--radius-xl: var(--radius-lg);--shadow-xl: var(--shadow-lg);--color-primary-lightest: var(--color-primary-ghost);--color-surface-accent: var(--color-primary-light);--color-surface-highlight: var(--color-primary-light);--color-error-light: var(--color-danger-bg);--color-error: var(--color-danger);--color-primary: #0F4C81;--color-primary-hover: #0B3A63;--color-primary-light: #E8F0FA;--color-primary-border: #B8D0E8;--brand-ink: #0B3A63;--color-primary-ghost: rgba(15, 76, 129, .06);--color-secondary: #0F766E;--color-secondary-hover: #0D6B64;--color-secondary-light: #CCFBF1;--color-secondary-border: #99F6E4;--color-accent: #0891B2;--color-sidebar: #0B1D33;--color-sidebar-secondary: #122A45;--shell-ink: #8899AD;--shell-ink-strong: #F0F4F8;--sidebar-w: 15.625rem;--color-background: #F6F8FB;--color-surface: #FFFFFF;--color-text: #1E293B;--color-text-secondary: #64748B;--color-text-faint: #94A3B8;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-success: #16A34A;--color-success-bg: #F0FDF4;--color-success-border: #BBF7D0;--color-warning: #D97706;--color-warning-bg: #FFFBEB;--color-warning-border: #FDE68A;--color-danger: #DC2626;--color-danger-hover: #B91C1C;--color-danger-bg: #FEF2F2;--color-danger-border: #FECACA;--color-info: #2563EB;--color-info-bg: #EFF6FF;--color-info-border: #BFDBFE;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .625rem;--radius-full: 999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 2px 6px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px -8px rgba(15, 23, 42, .12);--ring: rgba(15, 76, 129, .18);--font: "Inter", "Cairo", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--page-title-size: clamp(1.5rem, 1.25rem + .7vw, 1.875rem);--section-title-size: 1.25rem;--z-sidebar: 40;--z-topbar: 30;--z-backdrop: 35;--z-overlay: 1000;--z-toast: 1100;--accent: var(--color-primary);--accent-strong: var(--color-primary-hover);--accent-soft: var(--color-primary-light);--accent-border: var(--color-primary-border);--ink: var(--color-text);--ink-soft: var(--color-text-secondary);--ink-faint: var(--color-text-faint);--surface: var(--color-surface);--surface-muted: var(--color-background);--surface-tinted: #F8FAFC;--border: var(--color-border);--border-strong: var(--color-border-strong);--shell-bg: var(--color-sidebar);--shell-bg-soft: var(--color-sidebar-secondary);--ok: var(--color-success);--ok-soft: var(--color-success-bg);--ok-border: var(--color-success-border);--warn: var(--color-warning);--warn-soft: var(--color-warning-bg);--warn-border: var(--color-warning-border);--danger: var(--color-danger);--danger-strong: var(--color-danger-hover);--danger-soft: var(--color-danger-bg);--danger-border: var(--color-danger-border);--info: var(--color-info);--info-soft: var(--color-info-bg);--info-border: var(--color-info-border);--space-1: var(--spacing-xs);--space-2: var(--spacing-sm);--space-3: var(--spacing-md);--space-4: var(--spacing-lg);--space-5: var(--spacing-xl);--space-6: var(--spacing-2xl);--radius: var(--radius-md);--shadow-raised: var(--shadow-sm)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);font-size:.875rem;line-height:1.5;color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html[lang=ar-EG] body,html[lang=ar] body{font-family:Cairo,Inter,Segoe UI,system-ui,sans-serif}h1{font-size:var(--page-title-size);font-weight:700;line-height:1.3}h2{font-size:var(--section-title-size);font-weight:600}h3{font-size:1rem;font-weight:600}h1,h2,h3{margin:0;letter-spacing:-.01em;color:var(--color-text)}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}code{padding:.1em .4em;border-radius:.3em;font-size:.82em;background:var(--color-primary-light);color:var(--brand-ink)}::selection{background:var(--color-primary-light)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}*::-webkit-scrollbar-track{background:transparent}.muted{color:var(--color-text-secondary)}.center{text-align:center}.right{text-align:end}.hint{margin:.15rem 0 0;font-size:.8125rem;line-height:1.4;color:var(--color-text-faint)}.hint.error{color:var(--color-danger);font-weight:600}.small{font-size:.8125rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notice{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500}.notice.error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-border)}.notice.ok{color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-success-border)}.notice.error svg,.notice.ok svg{width:1rem;height:1rem;flex-shrink:0}.notice.inline{margin-bottom:.5rem}.notice-text{flex:1}.skel{color:transparent!important;background:var(--color-surface);pointer-events:none;-webkit-user-select:none;user-select:none}.skel.tall{min-height:12rem}.skel-list{display:flex;flex-direction:column;gap:.5rem;padding:.4rem 0 .8rem}.skel-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem}.skel-row-item,.skel-person{display:flex;align-items:center;gap:.6rem}.skel-icon{width:2.2rem;height:2.2rem;border-radius:var(--radius-sm)}.skel-value{width:55%;height:1.5rem;border-radius:var(--radius-sm)}.skel-line{flex:1;height:.75rem;border-radius:var(--radius-sm)}.skel-avatar{width:2rem;height:2rem;border-radius:50%;flex-shrink:0}.skel-chip{height:1.75rem;border-radius:var(--radius-sm)}.skel-row-item .skel-chip{width:4rem}.skel .skel-icon,.skel .skel-value,.skel .skel-line,.skel .skel-avatar,.skel .skel-chip{background-image:linear-gradient(90deg,var(--color-background) 25%,#E8ECF1 50%,var(--color-background) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.presence{position:absolute;inset-inline-end:-1px;bottom:-1px;width:.55rem;height:.55rem;border-radius:50%;background:var(--color-text-faint);border:2px solid var(--color-surface)}.presence.online{background:var(--color-success)}.role-chip{font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-background);border:1px solid var(--color-border);padding:.0625rem .4375rem;border-radius:var(--radius-full);white-space:nowrap}.empty{padding:1.25rem .5rem;text-align:center;font-size:.8125rem;color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:2.25rem;padding:.375rem .875rem;font:inherit;font-size:.8125rem;font-weight:600;line-height:1.2;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.btn.primary:hover:not(:disabled){color:#fff;background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn.secondary{color:#fff;background:var(--color-secondary);border-color:var(--color-secondary)}.btn.secondary:hover:not(:disabled){color:#fff;background:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.btn.danger{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.btn.danger:hover:not(:disabled){color:#fff;background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn.ghost{background:transparent;border-color:transparent;color:var(--color-primary)}.btn.ghost:hover:not(:disabled){background:var(--color-primary-light);border-color:transparent;color:var(--color-primary)}.btn.tiny{min-height:1.75rem;padding:.125rem .625rem;font-size:.75rem;border-radius:var(--radius-sm)}.btn:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--ring)}.btn.loading{position:relative;color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:.875rem;height:.875rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.card{padding:var(--spacing-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.page{display:grid;gap:var(--spacing-xl);animation:rise .2s ease both}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.page-head h1 small{margin-inline-start:.5rem;font-size:.7em;font-weight:500;color:var(--color-text-secondary)}.page.narrow{max-width:38rem}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:var(--spacing-md)}.kpi{display:flex;flex-direction:column;gap:.1875rem;padding:.875rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.kpi:hover{box-shadow:var(--shadow-sm)}.kpi-value{font-size:1.375rem;font-weight:700;color:var(--color-text);line-height:1.15}.kpi-label{font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.kpi-accent .kpi-value{color:var(--color-primary)}.kpi.success .kpi-value{color:var(--color-success)}.kpi.danger .kpi-value{color:var(--color-danger)}.search-input{padding-inline-start:2.125rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .625rem center;background-size:.875rem}[dir=rtl] .search-input{background-position:right .625rem center}.filters,.search{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.search input,.filters input[name=search]{flex:1 1 12rem}.search input,.filters input[name=search]{padding-inline-start:2.125rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .625rem center;background-size:.875rem}[dir=rtl] .search input,[dir=rtl] .filters input[name=search]{background-position:right .625rem center}.summary-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem 1rem;font-size:.8125rem;color:var(--color-text-secondary)}.summary-bar strong{color:var(--color-text);font-weight:600}input,select,textarea{font:inherit;font-size:.8125rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:2.25rem;padding:.375rem .625rem;transition:border-color .15s ease,box-shadow .15s ease;max-width:100%}textarea{resize:vertical;min-height:auto;padding-block:.5rem}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--ring)}input.invalid{border-color:var(--color-danger)}input[type=checkbox]{accent-color:var(--color-primary);width:1rem;height:1rem;min-height:auto}label{font-weight:600;font-size:.8125rem;color:var(--color-text)}label>input,label>select,label>textarea{width:100%;font-weight:400}.form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form label{display:flex;flex-direction:column;gap:.1875rem;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md) var(--spacing-lg)}@media(max-width:47.99rem){.form-grid{grid-template-columns:1fr}}.alert{display:flex;align-items:center;gap:.5rem;margin:0;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent}.alert.error{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.alert.ok{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-border)}.alert.info{color:var(--color-info);background:var(--color-info-bg);border-color:var(--color-info-border)}.alert.warn{color:var(--color-warning);background:var(--color-warning-bg);border-color:var(--color-warning-border)}.table-wrap{position:relative;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.table-section{position:relative;display:grid;gap:var(--spacing-md);isolation:isolate}.table{width:100%;min-width:42rem;border-collapse:collapse;background:transparent;font-size:.8125rem}.table thead th{position:sticky;top:0;z-index:1;padding:.5rem .75rem;text-align:start;font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-secondary);background:#f8fafc;border-bottom:1px solid var(--color-border);white-space:nowrap}.table tbody td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.row,.table tbody tr[data-link]{cursor:pointer;transition:background .12s ease}.table tbody tr.row:hover td,.table tbody tr[data-link]:hover td{background:#f8fafc}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.table th.sortable:hover{color:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;line-height:1.5}.badge:before{content:"";width:.3em;height:.3em;border-radius:50%;background:currentColor;opacity:.8}.badge.ok{color:var(--color-success);background:var(--color-success-bg)}.badge.warn{color:var(--color-warning);background:var(--color-warning-bg)}.badge.danger{color:var(--color-danger);background:var(--color-danger-bg)}.chips{display:flex;flex-wrap:wrap;gap:.375rem}.chip{display:inline-block;padding:.1875rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--brand-ink);background:var(--color-primary-light)}.chip-role{color:var(--color-warning);background:var(--color-warning-bg)}.chip-link{color:var(--color-primary);text-decoration:none;font-weight:600;padding:.375rem .8125rem;border-radius:var(--radius-full);background:var(--color-primary-light);transition:box-shadow .15s ease}.chip-link:hover{box-shadow:var(--shadow-sm);text-decoration:none}.pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.8125rem;color:var(--color-text-secondary)}.pager-summary{min-width:0}.pager-pages{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.page-btn{min-width:1.75rem;height:1.75rem;padding:0 .4375rem;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:.8125rem;font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.page-btn:hover:not(:disabled):not(.active){border-color:var(--color-primary);color:var(--color-primary)}.page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;cursor:default}.page-btn:disabled{opacity:.5;cursor:not-allowed}.pager-ellipsis{padding:0 .1875rem;color:var(--color-text-faint)}nav.pager:not(:has(.pager-pages)){justify-content:center}.tabs{display:flex;flex-wrap:wrap;gap:0;padding:.1875rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-x:auto}.tab{border:none;background:transparent;padding:.375rem .8125rem;border-radius:var(--radius-sm);font:inherit;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.tab:hover{color:var(--color-primary)}.tab.selected,.tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:var(--spacing-lg);background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .15s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.dialog{width:min(32rem,100%);max-height:min(90vh,42rem);overflow-y:auto;display:flex;flex-direction:column;gap:.875rem;padding:clamp(1rem,2.5vw,1.375rem);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop .2s cubic-bezier(.2,.8,.2,1) both}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.table-section .overlay,.table-wrap .overlay,.overlay.table-overlay,.overlay--table{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:clamp(.625rem,2vw,1rem);background:#0f172a61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-md);animation:fade .15s ease both}.table-section .dialog,.table-wrap .dialog,.dialog.table-dialog{width:min(34rem,calc(100% - .5rem));max-width:100%;max-height:min(80vh,40rem);margin:auto;border-radius:var(--radius-md);box-shadow:0 12px 32px -12px #0f172a3d,0 2px 8px #0f172a14;border:1px solid var(--color-border)}.table-section :is(app-department-create,app-academic-year-create,app-intern-batch-create,app-intern-batch-activate,app-intern-batch-import,app-intern-batch-interns,app-rotation-create) .overlay{position:absolute;inset:0;border-radius:var(--radius-md)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.dialog-close{font-size:1rem;line-height:1;padding:.25rem .5rem}.actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:.25rem}.actions.end{justify-content:flex-end}.spinner{width:.875rem;height:.875rem;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-dark{width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .6s linear infinite}.toast-viewport{position:fixed;z-index:var(--z-toast);inset-block-end:1rem;inset-inline-end:1rem;display:flex;flex-direction:column;gap:.375rem;max-width:min(20rem,calc(100vw - 2rem))}.toast{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:toast-in .18s cubic-bezier(.2,.8,.2,1) both}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.toast-dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-text-faint)}.toast.success{border-color:var(--color-success-border)}.toast.success .toast-dot{background:var(--color-success)}.toast.error{border-color:var(--color-danger-border)}.toast.error .toast-dot{background:var(--color-danger)}.toast-message{flex:1;min-width:0}.toast-close{flex-shrink:0;border:none;background:none;cursor:pointer;padding:.125rem .25rem;font-size:.875rem;line-height:1;color:var(--color-text-faint);border-radius:var(--radius-sm)}.toast-close:hover{color:var(--color-text);background:var(--color-background)}.table tbody td.muted.center:before{content:"";display:block;margin:.5rem auto;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--color-primary-light) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F4C81' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3M8.5 11h5'/%3E%3C/svg%3E") center / 1.25rem no-repeat}@media(max-width:47.99rem){.filters{flex-direction:column;align-items:stretch}.filters .btn{width:100%}.overlay{padding:.5rem;align-items:end}.table-section .overlay,.table-wrap .overlay{padding:.375rem;align-items:end}.dialog{width:100%;max-height:88vh;border-radius:var(--radius-md) var(--radius-md) 0 0}.table-section .dialog,.table-wrap .dialog{width:100%;max-height:75vh;border-radius:var(--radius-md) var(--radius-md) 0 0}.toast-viewport{inset-inline:.625rem;inset-block-end:.625rem;max-width:none}.page-head{flex-direction:column;align-items:stretch;gap:.5rem}.page-head .btn,.page-head a.btn{width:100%}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.kpi{padding:.75rem .875rem}.kpi-value{font-size:1.25rem}}@media(max-width:30rem){.page{gap:.875rem}.card{padding:var(--spacing-lg)}.table{min-width:32rem}.kpis,.grid-2{grid-template-columns:1fr}.pager{justify-content:center}.pager span{order:3;width:100%;text-align:center}}@media(max-height:32rem){.dialog{max-height:92vh}}.page,.home{min-width:0;gap:var(--spacing-xl);animation:none}.page>*,.home>*,.form-grid>*{min-width:0}header.ui-page-header{align-items:flex-start;gap:var(--spacing-lg);padding-block-end:var(--spacing-sm)}.ui-page-header h1{font-size:var(--page-title-size);font-weight:650;line-height:1.3}.page-subtitle,.ui-page-header .muted{margin-block-start:var(--spacing-xs);font-size:var(--font-size-body)}.ui-page-header :is(.head-actions,.head-tools,.head-buttons){display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.btn,input:not([type=checkbox]):not([type=radio]),select{min-height:var(--control-height);font-size:var(--font-size-body);border-radius:var(--radius-sm)}.btn{box-shadow:none}.btn.tiny{min-height:2rem;font-size:var(--font-size-helper)}.btn:active:not(:disabled){transform:none}.btn svg{width:1rem;height:1rem;flex-shrink:0}.btn.loading:after{border-color:var(--color-border-strong);border-top-color:var(--color-primary)}.btn.primary.loading:after,.btn.danger.loading:after{border-color:#fff6;border-top-color:#fff}button,input,select,textarea{font-family:inherit}label,.hint,.field-error{font-size:var(--font-size-helper)}.hint{color:var(--color-text-secondary)}.card{box-shadow:none}.card h2,.panel-head h2{font-size:1.125rem}.form-grid{gap:var(--spacing-lg) var(--spacing-xl)}.form :is(h2,h3),.form-section>:is(h2,h3){padding-block-end:var(--spacing-md);border-bottom:1px solid var(--color-border)}.form label{gap:var(--spacing-xs)}.form :is(.actions,.form-actions),.page>.form-actions{padding-block:var(--spacing-lg);border-top:1px solid var(--color-border)}.actions{flex-wrap:wrap}.ui-data-table{min-width:0;max-width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.ui-data-table:focus-visible{outline-offset:3px}.table,.table.compact{font-size:var(--font-size-body);width:100%;border-collapse:collapse}.table thead th{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-label);font-weight:600;letter-spacing:0;text-transform:none;color:var(--color-text-secondary);background:var(--color-surface-hover);text-align:start}.table tbody td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-body);line-height:1.5}.table tbody tr:hover td{background:var(--color-surface-hover)}.table :is(th,td).num,.table :is(th,td).right,.table :is(th,td).amount{text-align:end;font-variant-numeric:tabular-nums}.table th[tabindex="0"]:focus-visible{outline-offset:-3px}.table td code,code,.identifier,.timer-value{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}code{display:inline-block;color:var(--color-text-secondary);background:var(--color-background);font-size:.8125rem;letter-spacing:.01em}input[type=tel],input[type=email],input[type=number],input[inputmode=numeric]{direction:ltr;text-align:start}.badge,span.ui-status-badge,.badge.badge-pill{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.125rem .5rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-label);line-height:1.5;font-weight:600;letter-spacing:0;white-space:nowrap;color:var(--color-text-secondary);background:var(--color-background)}.badge.ok,.badge.success,.badge.paid{color:var(--color-success-ink);background:var(--color-success-bg)}.badge.warn,.badge.warning,.badge.refunded{color:var(--color-warning-ink);background:var(--color-warning-bg)}.badge.danger,.badge.error{color:var(--color-danger-ink);background:var(--color-danger-bg)}.badge.info{color:var(--color-info);background:var(--color-info-bg)}.badge.off{color:var(--color-text-secondary);background:var(--color-background)}.alert.ok,.notice.ok{color:var(--color-success-ink)}.alert.warn{color:var(--color-warning-ink)}.pager{min-height:3.5rem;padding-block:var(--spacing-sm)}.page-btn{min-width:2.25rem;height:2.25rem}.tabs{padding:0;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent}.tab{min-height:var(--control-height);border-radius:0;border-bottom:2px solid transparent}.tab.selected,.tab.active{color:var(--color-primary);background:transparent;border-bottom-color:var(--color-primary);box-shadow:none}.kpi-label{font-size:var(--font-size-label);text-transform:none;letter-spacing:0}.kpi:hover{box-shadow:none}.kpi-strip{gap:var(--spacing-md)}.content .page>.kpi-strip{margin-block:0}.content .kpi-strip .kpi-info .kpi-icon,.content .kpi-strip .kpi-warn .kpi-icon{color:var(--color-text-secondary);background:var(--color-background)}.kpi-strip .kpi{flex:1;min-width:9rem;flex-direction:row;border-radius:var(--radius-md);text-align:start}.kpi-strip .kpi-icon{background:var(--color-background);color:var(--color-text-secondary);width:1.5rem;height:1.5rem}.kpi-strip button.kpi{cursor:pointer;font:inherit}.kpi-strip button.kpi.active{border-color:var(--color-primary);background:var(--color-primary-light)}.search-bar:has(>.search-icon) input{background-image:none}.search-bar .search-clear{inset-inline-start:auto;inset-inline-end:.5rem}.search-bar .search-icon{inset-inline-start:.75rem;inset-inline-end:auto}.search-bar{min-width:0}.empty-state{padding:var(--spacing-3xl) var(--spacing-lg)}.empty-state .empty-icon{width:2rem;height:2rem;background:transparent}.empty-state .empty-icon svg{width:1.5rem;height:1.5rem}.overlay,.table-section .overlay,.table-wrap .overlay,.overlay.table-overlay,.overlay--table{position:fixed;inset:0;z-index:var(--z-overlay);background:#0f172a59;-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--spacing-xl);border-radius:0}.dialog,.table-section .dialog,.table-wrap .dialog{max-height:calc(100dvh - 3rem);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.dialog:has(.form-grid){width:min(48rem,100%)}.dialog:focus{outline:none}.dialog-head{padding-block-end:var(--spacing-md);border-bottom:1px solid var(--color-border)}.dialog .actions{margin-block-start:var(--spacing-md);padding-block-start:var(--spacing-lg);border-top:1px solid var(--color-border)}.toast-close{min-width:2rem;min-height:2rem;color:var(--color-text-secondary)}[dir=rtl] :is(.back svg,.row-chevron,.qa-arrow,.panel-link svg){transform:scaleX(-1)}[dir=rtl] :is(h1,h2,h3,.kpi-label,.side-section-label){letter-spacing:0}@media(max-width:47.99rem){.content .filters :is(.search-bar,.search-wrap){flex:0 0 auto;width:100%;min-width:0;margin-block:0}.content .page>.kpi-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.content .kpi-strip .kpi{min-width:0}header.ui-page-header{gap:var(--spacing-md)}.page-head :is(.head-actions,.head-tools,.head-buttons) .btn{width:auto;flex:1}.btn,.btn.tiny,.page-btn,input:not([type=checkbox]):not([type=radio]),select{min-height:2.75rem}.search input,.filters input[name=search]{flex-basis:auto}.table{min-width:38rem}.filters{gap:var(--spacing-md)}.filters .btn{width:auto}.form-grid{grid-template-columns:minmax(0,1fr)}.kpi-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.kpi-strip .kpi{min-width:0;padding:var(--spacing-md)}.overlay,.table-wrap .overlay,.table-section .overlay{padding:var(--spacing-sm);align-items:center}.dialog,.table-wrap .dialog,.table-section .dialog{max-height:calc(100dvh - 1rem);border-radius:var(--radius-lg)}.pager{align-items:flex-start;gap:var(--spacing-md)}.pager-pages{flex-wrap:wrap}}.content table code,.content table [dir=ltr]{white-space:nowrap}