:root{--c-bg: #ffffff;--c-surface: #fbfbfc;--c-surface-2: #f4f5f7;--c-hover: #f6f7f9;--c-line: #eceef1;--c-line-strong: #dfe2e7;--c-text: #12161b;--c-text-2: #5b6470;--c-text-3: #8b939d;--c-brand: #0f7a63;--c-brand-hover: #0c6653;--c-brand-soft: #e8f4f0;--c-brand-text: #0b5f4c;--c-success: #10795f;--c-success-soft: #e7f4ef;--c-warning: #9a6206;--c-warning-soft: #fdf3e2;--c-danger: #b32b2b;--c-danger-soft: #fdecec;--c-info: #2a5fa8;--c-info-soft: #ebf1fb;--c-neutral: #5b6470;--c-neutral-soft: #f1f2f4;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--font: "IBM Plex Sans Arabic", -apple-system, "Segoe UI", system-ui, sans-serif;--t-xs: 12px;--t-sm: 13px;--t-base: 14px;--t-md: 15px;--t-lg: 18px;--t-xl: 22px;--t-2xl: 28px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-full: 999px;--shadow-pop: 0 4px 16px rgba(18, 22, 27, .08), 0 1px 3px rgba(18, 22, 27, .06);--shadow-overlay: 0 16px 48px rgba(18, 22, 27, .16);--sidebar-w: 232px;--topbar-h: 56px;--content-max: 1180px}[data-theme=dark]{--c-bg: #12161b;--c-surface: #171c22;--c-surface-2: #1d232a;--c-hover: #1d232a;--c-line: #262d36;--c-line-strong: #333c47;--c-text: #eef1f4;--c-text-2: #9aa4b0;--c-text-3: #6f7985;--c-brand: #2f9e83;--c-brand-hover: #38b294;--c-brand-soft: #16302a;--c-brand-text: #7fd3bd;--c-success-soft: #142b24;--c-warning-soft: #2e2415;--c-danger-soft: #2e1a1a;--c-info-soft: #172433;--c-neutral-soft: #1d232a;--shadow-pop: 0 4px 16px rgba(0, 0, 0, .4);--shadow-overlay: 0 16px 48px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--t-base);line-height:1.6;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px;border-radius:var(--r-sm)}.num,td .num,.stat-value{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--c-line-strong);border-radius:var(--r-full);border:3px solid var(--c-bg)}::-webkit-scrollbar-track{background:transparent}.layout{display:flex;min-height:100%}.sidebar{inline-size:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--c-surface);border-inline-end:1px solid var(--c-line);display:flex;flex-direction:column;position:sticky;inset-block-start:0;block-size:100vh}.sidebar-brand{block-size:var(--topbar-h);display:flex;align-items:center;gap:var(--s-2);padding-inline:var(--s-4);flex:0 0 auto}.sidebar-brand-mark{inline-size:26px;block-size:26px;border-radius:var(--r-sm);background:var(--c-brand);color:#fff;display:grid;place-items:center;font-size:var(--t-sm);font-weight:700;flex:0 0 auto}.sidebar-brand-name{font-size:var(--t-md);font-weight:600;letter-spacing:-.2px}.sidebar-nav{flex:1 1 auto;overflow-y:auto;padding:var(--s-2) var(--s-3) var(--s-4)}.sidebar-group-label{font-size:var(--t-xs);color:var(--c-text-3);padding-inline:var(--s-2);margin-block:var(--s-4) var(--s-1)}.nav-item{display:flex;align-items:center;gap:var(--s-3);padding:7px var(--s-2);border-radius:var(--r-sm);color:var(--c-text-2);font-size:var(--t-base);margin-block-end:1px;transition:background .12s,color .12s}.nav-item:hover{background:var(--c-hover);color:var(--c-text)}.nav-item[aria-current=page]{background:var(--c-brand-soft);color:var(--c-brand-text);font-weight:600}.nav-item[aria-current=page] .icon{color:var(--c-brand)}.nav-item .icon{color:var(--c-text-3);flex:0 0 auto}.nav-item-count{margin-inline-start:auto;font-size:var(--t-xs);color:var(--c-text-3);font-variant-numeric:tabular-nums}.main{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column}.topbar{block-size:var(--topbar-h);flex:0 0 auto;display:flex;align-items:center;gap:var(--s-3);padding-inline:var(--s-6);border-block-end:1px solid var(--c-line);background:color-mix(in srgb,var(--c-bg) 88%,transparent);backdrop-filter:blur(8px);position:sticky;inset-block-start:0;z-index:20}.topbar-search{flex:1 1 auto;max-inline-size:380px}.topbar-spacer{flex:1 1 auto}.content{flex:1 1 auto;padding:var(--s-6)}.content-inner{max-inline-size:var(--content-max);margin-inline:auto}.page-header{margin-block-end:var(--s-6);display:flex;align-items:flex-start;gap:var(--s-4)}.page-header-text{flex:1 1 auto;min-inline-size:0}.page-title{font-size:var(--t-xl);font-weight:650;letter-spacing:-.4px;line-height:1.3}.page-subtitle{color:var(--c-text-2);font-size:var(--t-base);margin-block-start:2px}.page-actions{display:flex;gap:var(--s-2);flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);block-size:34px;padding-inline:var(--s-4);border-radius:var(--r-sm);font-size:var(--t-base);font-weight:500;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--c-brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-brand-hover)}.btn-secondary{background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-line-strong)}.btn-secondary:hover:not(:disabled){background:var(--c-hover)}.btn-ghost{color:var(--c-text-2)}.btn-ghost:hover:not(:disabled){background:var(--c-hover);color:var(--c-text)}.btn-danger{background:var(--c-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-sm{block-size:28px;padding-inline:var(--s-3);font-size:var(--t-sm)}.btn-icon{inline-size:34px;padding-inline:0}.badge{display:inline-flex;align-items:center;gap:5px;block-size:22px;padding-inline:var(--s-2);border-radius:var(--r-sm);font-size:var(--t-xs);font-weight:500;white-space:nowrap}.badge-dot{inline-size:5px;block-size:5px;border-radius:var(--r-full);background:currentColor;flex:0 0 auto}.badge-success{background:var(--c-success-soft);color:var(--c-success)}.badge-warning{background:var(--c-warning-soft);color:var(--c-warning)}.badge-danger{background:var(--c-danger-soft);color:var(--c-danger)}.badge-info{background:var(--c-info-soft);color:var(--c-info)}.badge-neutral{background:var(--c-neutral-soft);color:var(--c-neutral)}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:var(--t-sm);color:var(--c-text-2);font-weight:500}.field-hint{font-size:var(--t-xs);color:var(--c-text-3)}.field-error{font-size:var(--t-xs);color:var(--c-danger)}.input,.select,.textarea{inline-size:100%;block-size:34px;padding-inline:var(--s-3);background:var(--c-bg);border:1px solid var(--c-line-strong);border-radius:var(--r-sm);font-size:var(--t-base);transition:border-color .12s,box-shadow .12s}.textarea{block-size:auto;min-block-size:76px;padding-block:var(--s-2);resize:vertical;line-height:1.6}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--c-brand);box-shadow:0 0 0 3px var(--c-brand-soft)}.input::placeholder,.textarea::placeholder{color:var(--c-text-3)}.input[aria-invalid=true]{border-color:var(--c-danger)}.select{appearance:none;padding-inline-end:var(--s-8);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b939d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:left var(--s-3) center}.search{position:relative;display:flex;align-items:center}.search .icon{position:absolute;inset-inline-start:var(--s-3);color:var(--c-text-3);pointer-events:none}.search .input{padding-inline-start:var(--s-8)}.filterbar{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;margin-block-end:var(--s-4)}.filterbar .search{inline-size:260px}.filterbar .select{inline-size:auto;min-inline-size:132px}.filterbar-spacer{flex:1 1 auto}.filterbar-result{font-size:var(--t-sm);color:var(--c-text-3);font-variant-numeric:tabular-nums}.table-wrap{border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden;background:var(--c-bg)}.table-scroll{overflow-x:auto}.table{font-size:var(--t-base)}.table thead th{text-align:start;font-size:var(--t-xs);font-weight:500;color:var(--c-text-3);padding:var(--s-2) var(--s-4);background:var(--c-surface-2);border-block-end:1px solid var(--c-line);white-space:nowrap}.table tbody td{padding:var(--s-3) var(--s-4);border-block-end:1px solid var(--c-line);vertical-align:middle}.table tbody tr:last-child td{border-block-end:0}.table tbody tr.is-clickable{cursor:pointer}.table tbody tr.is-clickable:hover{background:var(--c-hover)}.table .col-end{text-align:end}.table .cell-muted{color:var(--c-text-2)}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-4);border-block-start:1px solid var(--c-line);font-size:var(--t-sm);color:var(--c-text-2)}@media(max-width:860px){.hide-sm{display:none!important}}@media(max-width:1100px){.hide-md{display:none!important}}.tabs{display:flex;gap:var(--s-1);border-block-end:1px solid var(--c-line);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--s-2) var(--s-3);font-size:var(--t-base);color:var(--c-text-2);border-block-end:2px solid transparent;margin-block-end:-1px;white-space:nowrap;transition:color .12s,border-color .12s}.tab:hover{color:var(--c-text)}.tab[aria-selected=true]{color:var(--c-brand-text);border-block-end-color:var(--c-brand);font-weight:600}.section{margin-block-end:var(--s-8)}.section-title{font-size:var(--t-sm);font-weight:600;color:var(--c-text-2);margin-block-end:var(--s-3);display:flex;align-items:center;gap:var(--s-2)}.section-title-action{margin-inline-start:auto;font-weight:400}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s-4) var(--s-6)}.info-block{min-inline-size:0}.info-label{font-size:var(--t-xs);color:var(--c-text-3);margin-block-end:2px}.info-value{font-size:var(--t-base);color:var(--c-text);overflow-wrap:anywhere}.info-value.is-empty{color:var(--c-text-3)}.card{border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-bg);padding:var(--s-4)}.card-quiet{background:var(--c-surface);border-color:transparent}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-4)}.stat{min-inline-size:0}.stat-label{font-size:var(--t-xs);color:var(--c-text-3)}.stat-value{font-size:var(--t-2xl);font-weight:600;letter-spacing:-.6px;line-height:1.25}.stat-value.is-sm{font-size:var(--t-xl)}.stat-note{font-size:var(--t-xs);color:var(--c-text-3)}.stat-divided{display:flex;gap:var(--s-8)}.stat-divided .stat+.stat{padding-inline-start:var(--s-8);border-inline-start:1px solid var(--c-line)}.emp-header{display:flex;align-items:center;gap:var(--s-4);margin-block-end:var(--s-5)}.avatar{inline-size:56px;block-size:56px;border-radius:var(--r-full);background:var(--c-brand-soft);color:var(--c-brand-text);display:grid;place-items:center;font-size:var(--t-lg);font-weight:600;flex:0 0 auto;overflow:hidden}.avatar img{inline-size:100%;block-size:100%;object-fit:cover}.avatar-sm{inline-size:30px;block-size:30px;font-size:var(--t-xs)}.avatar-lg{inline-size:72px;block-size:72px;font-size:var(--t-xl)}.emp-identity{flex:1 1 auto;min-inline-size:0}.emp-name{font-size:var(--t-xl);font-weight:650;letter-spacing:-.4px;display:flex;align-items:center;gap:var(--s-3)}.emp-meta{color:var(--c-text-2);font-size:var(--t-base);display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.emp-meta .sep{color:var(--c-line-strong)}.person-cell{display:flex;align-items:center;gap:var(--s-3);min-inline-size:0}.person-cell-name{font-weight:500}.person-cell-sub{font-size:var(--t-xs);color:var(--c-text-3)}.list{border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden}.list-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-block-end:1px solid var(--c-line);inline-size:100%;text-align:start}.list-item:last-child{border-block-end:0}button.list-item:hover,a.list-item:hover{background:var(--c-hover)}.list-item-main{flex:1 1 auto;min-inline-size:0}.list-item-title{font-size:var(--t-base)}.list-item-sub{font-size:var(--t-xs);color:var(--c-text-3)}.list-item-end{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-3)}.scrim{position:fixed;inset:0;background:#12161b52;z-index:40;animation:fade .14s ease-out}@keyframes fade{0%{opacity:0}}.drawer{position:fixed;inset-block:0;inset-inline-end:0;inline-size:min(480px,100vw);background:var(--c-bg);box-shadow:var(--shadow-overlay);z-index:41;display:flex;flex-direction:column;animation:slide-in .18s cubic-bezier(.32,.72,0,1)}@keyframes slide-in{0%{transform:translate(calc(var(--slide-dir, -1) * 100%))}}html[dir=rtl] .drawer{--slide-dir: -1}html[dir=ltr] .drawer{--slide-dir: 1}.drawer-header,.modal-header{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-block-end:1px solid var(--c-line);flex:0 0 auto}.drawer-title,.modal-title{font-size:var(--t-lg);font-weight:600;flex:1 1 auto;letter-spacing:-.2px}.drawer-body,.modal-body{flex:1 1 auto;overflow-y:auto;padding:var(--s-5)}.drawer-footer,.modal-footer{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);border-block-start:1px solid var(--c-line);background:var(--c-surface);flex:0 0 auto}.drawer-footer .spacer,.modal-footer .spacer{flex:1 1 auto}.modal-wrap{position:fixed;inset:0;z-index:41;display:grid;place-items:center;padding:var(--s-4);pointer-events:none}.modal{inline-size:min(520px,100%);max-block-size:min(84vh,720px);background:var(--c-bg);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;pointer-events:auto;animation:pop .16s cubic-bezier(.32,.72,0,1)}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(6px)}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-12) var(--s-6);text-align:center;color:var(--c-text-2)}.empty .icon{color:var(--c-text-3)}.empty-title{font-size:var(--t-md);font-weight:600;color:var(--c-text)}.empty-text{font-size:var(--t-base);max-inline-size:340px}.skeleton{background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-hover) 50%,var(--c-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:var(--r-sm);block-size:14px}@keyframes shimmer{to{background-position:-200% 0}}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--s-3);padding-block-end:var(--s-5);position:relative}.timeline-item:last-child{padding-block-end:0}.timeline-item:before{content:"";position:absolute;inset-inline-start:5px;inset-block:16px 0;inline-size:1px;background:var(--c-line)}.timeline-item:last-child:before{display:none}.timeline-dot{inline-size:11px;block-size:11px;border-radius:var(--r-full);border:2px solid var(--c-bg);background:var(--c-line-strong);margin-block-start:5px;flex:0 0 auto;z-index:1}.timeline-dot.is-brand{background:var(--c-brand)}.timeline-body{flex:1 1 auto;min-inline-size:0}.timeline-title{font-size:var(--t-base)}.timeline-time{font-size:var(--t-xs);color:var(--c-text-3)}.meter{block-size:5px;background:var(--c-surface-2);border-radius:var(--r-full);overflow:hidden}.meter-fill{block-size:100%;background:var(--c-brand);border-radius:var(--r-full);transition:inline-size .3s}.meter-fill.is-warning{background:var(--c-warning)}.meter-fill.is-danger{background:var(--c-danger)}.toast-stack{position:fixed;inset-block-end:var(--s-5);inset-inline-start:var(--s-5);z-index:60;display:flex;flex-direction:column;gap:var(--s-2)}.toast{display:flex;align-items:center;gap:var(--s-3);min-inline-size:260px;max-inline-size:380px;padding:var(--s-3) var(--s-4);background:var(--c-text);color:var(--c-bg);border-radius:var(--r-md);font-size:var(--t-base);box-shadow:var(--shadow-pop);animation:pop .16s cubic-bezier(.32,.72,0,1)}.toast.is-danger{background:var(--c-danger);color:#fff}.row{display:flex;align-items:center;gap:var(--s-3)}.row-tight{gap:var(--s-2)}.col{display:flex;flex-direction:column;gap:var(--s-3)}.spacer{flex:1 1 auto}.muted{color:var(--c-text-2)}.subtle{color:var(--c-text-3)}.text-xs{font-size:var(--t-xs)}.text-sm{font-size:var(--t-sm)}.strong{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{block-size:1px;background:var(--c-line);margin-block:var(--s-5)}.mobile-nav,.sidebar-close{display:none}@media(max-width:900px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:45;transform:translate(calc(var(--slide-dir, -1) * 100%));transition:transform .2s cubic-bezier(.32,.72,0,1);box-shadow:var(--shadow-overlay)}html[dir=rtl] .sidebar{--slide-dir: 1}html[dir=ltr] .sidebar{--slide-dir: -1}.sidebar.is-open{transform:none}.sidebar-close{display:inline-flex}.content{padding:var(--s-4);padding-block-end:76px}.topbar{padding-inline:var(--s-4)}.mobile-nav{display:flex;position:fixed;inset-inline:0;inset-block-end:0;z-index:30;background:var(--c-bg);border-block-start:1px solid var(--c-line);padding-block:6px;padding-block-end:max(6px,env(safe-area-inset-bottom))}.mobile-nav-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:var(--c-text-3);padding-block:2px}.mobile-nav-item[aria-current=page]{color:var(--c-brand);font-weight:600}.stat-divided{gap:var(--s-4)}.stat-divided .stat+.stat{padding-inline-start:var(--s-4)}.drawer{inline-size:100vw}.page-header{flex-direction:column;gap:var(--s-3)}.page-actions{inline-size:100%}.page-actions .btn{flex:1 1 auto}}@media(min-width:901px){.only-mobile{display:none!important}}.icon{flex:0 0 auto}html[dir=rtl] .icon-flip{transform:scaleX(-1)}html[dir=ltr] .select{background-position:right var(--s-3) center}.tab-count{color:var(--c-text-3);font-size:var(--t-xs)}.tab[aria-selected=true] .tab-count{color:var(--c-brand)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}@media(max-width:560px){.form-row{grid-template-columns:1fr}}.file-drop{display:flex;align-items:center;justify-content:center;gap:var(--s-2);min-block-size:76px;padding:var(--s-4);border:1px dashed var(--c-line-strong);border-radius:var(--r-md);color:var(--c-text-2);font-size:var(--t-sm);cursor:pointer;transition:border-color .12s,background .12s}.file-drop:hover{border-color:var(--c-brand);background:var(--c-brand-soft);color:var(--c-brand-text)}.doc-icon{inline-size:32px;block-size:32px;border-radius:var(--r-sm);background:var(--c-surface-2);color:var(--c-text-3);display:grid;place-items:center;flex:0 0 auto}.doc-icon.is-expired{background:var(--c-danger-soft);color:var(--c-danger)}.doc-icon.is-expiring{background:var(--c-warning-soft);color:var(--c-warning)}.approval-actions{display:flex;gap:var(--s-2);inline-size:100%}.approval-actions .btn{flex:1 1 auto}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-6)}.balance-row{display:flex;align-items:stretch;gap:0}.balance-row .stat{flex:1 1 0;padding-inline:var(--s-5)}.balance-row .stat:first-child{padding-inline-start:0}.balance-row .stat+.stat{border-inline-start:1px solid var(--c-line)}.topbar-menu{display:none}@media(max-width:900px){.topbar-menu{display:inline-flex}}.mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-cal-day{aspect-ratio:1;border-radius:var(--r-sm);display:grid;place-items:center;font-size:var(--t-xs);background:var(--c-surface-2);color:var(--c-text-2);font-variant-numeric:tabular-nums}.mini-cal-day.is-present{background:var(--c-success-soft);color:var(--c-success)}.mini-cal-day.is-late{background:var(--c-warning-soft);color:var(--c-warning)}.mini-cal-day.is-absent{background:var(--c-danger-soft);color:var(--c-danger)}.mini-cal-day.is-leave{background:var(--c-info-soft);color:var(--c-info)}.mini-cal-head{font-size:10px;color:var(--c-text-3);text-align:center}.legend{display:flex;gap:var(--s-4);flex-wrap:wrap;font-size:var(--t-xs);color:var(--c-text-2)}.legend-item{display:flex;align-items:center;gap:5px}.legend-swatch{inline-size:9px;block-size:9px;border-radius:3px}.topbar-search-btn{display:flex;align-items:center;gap:var(--s-2);block-size:32px;padding-inline:var(--s-3);inline-size:min(320px,42vw);border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text-3);font-size:var(--t-sm);transition:border-color .12s,background .12s}.topbar-search-btn:hover{border-color:var(--c-line-strong);background:var(--c-bg)}.topbar-search-btn kbd{margin-inline-start:auto;font-family:inherit;font-size:10px;padding:1px 5px;border:1px solid var(--c-line);border-radius:4px;color:var(--c-text-3)}@media(max-width:640px){.topbar-search-btn span,.topbar-search-btn kbd{display:none}.topbar-search-btn{inline-size:34px;justify-content:center}}.topbar-user{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--c-text-2)}.link{color:var(--c-brand-text)}.link:hover{text-decoration:underline}.danger-text{color:var(--c-danger)}.alert-row{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-block-end:var(--s-6)}.alert{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--c-warning-soft);color:var(--c-warning);font-size:var(--t-sm);text-align:start}button.alert:hover{filter:brightness(.97)}.alert.is-quiet{background:var(--c-surface-2);color:var(--c-text-2)}.callout{padding:var(--s-3);border-radius:var(--r-sm);font-size:var(--t-sm);border-inline-start:3px solid var(--c-line-strong);background:var(--c-surface);color:var(--c-text-2)}.callout.is-info{background:var(--c-info-soft);border-inline-start-color:var(--c-info);color:var(--c-info)}.callout.is-warning{background:var(--c-warning-soft);border-inline-start-color:var(--c-warning);color:var(--c-warning)}.callout.is-danger{background:var(--c-danger-soft);border-inline-start-color:var(--c-danger);color:var(--c-danger)}.missing-list{margin-block-start:var(--s-2);font-size:var(--t-sm);color:var(--c-text-2)}.missing-list li{padding-inline-start:var(--s-3);position:relative}.missing-list li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:9px;inline-size:4px;block-size:4px;border-radius:var(--r-full);background:var(--c-text-3)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:5px var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-full);font-size:var(--t-sm);background:var(--c-bg)}.chip-sub{color:var(--c-text-3);font-size:var(--t-xs)}.stat-link{text-align:start;border-radius:var(--r-md);padding:var(--s-3);margin:calc(var(--s-3) * -1);transition:background .12s}.stat-link:hover{background:var(--c-hover)}