:root{--c-bg: #f1f5f9;--c-surface: #ffffff;--c-surface-2: #f8fafc;--c-border: #e2e8f0;--c-border-strong: #cbd5e1;--c-ink: #0f172a;--c-ink-2: #334155;--c-ink-3: #64748b;--c-ink-4: #94a3b8;--c-ink-inv: #ffffff;--c-brand: #4f46e5;--c-brand-hover: #4338ca;--c-brand-soft: #eef2ff;--c-brand-ink: #3730a3;--c-success: #16a34a;--c-success-soft: #dcfce7;--c-success-ink: #15803d;--c-warning: #d97706;--c-warning-soft: #fef3c7;--c-warning-ink: #b45309;--c-danger: #dc2626;--c-danger-soft: #fee2e2;--c-danger-ink: #b91c1c;--c-info: #0891b2;--c-info-soft: #cffafe;--c-info-ink: #0e7490;--c-nav-bg: #1e293b;--c-nav-bg-2: #0f172a;--c-nav-ink: #cbd5e1;--c-nav-ink-dim: #64748b;--c-nav-active: #4f46e5;--c-nav-hover: #334155;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--lh-tight: 1.2;--lh-base: 1.55;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 999px;--sh-xs: 0 1px 2px rgba(15,23,42,.05);--sh-sm: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);--sh-md: 0 4px 12px rgba(15,23,42,.08);--sh-lg: 0 12px 28px rgba(15,23,42,.12);--sh-focus: 0 0 0 3px rgba(79,70,229,.25);--nav-w: 260px;--nav-w-collapsed: 72px;--topbar-h: 60px;--content-max: 1400px;--transition: .16s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--c-bg: #0b1120;--c-surface: #131c2e;--c-surface-2: #0f1727;--c-border: #26324a;--c-border-strong: #33415c;--c-ink: #f1f5f9;--c-ink-2: #cbd5e1;--c-ink-3: #94a3b8;--c-ink-4: #64748b;--c-brand-soft: #1e1b4b;--c-brand-ink: #c7d2fe;--sh-sm: 0 1px 3px rgba(0,0,0,.4);--sh-md: 0 4px 12px rgba(0,0,0,.45);--sh-lg: 0 12px 28px rgba(0,0,0,.55)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid transparent;font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:1;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);white-space:nowrap;text-decoration:none}.btn .material-symbols-rounded{font-size:18px}.btn:disabled,.btn.is-disabled{opacity:.55;pointer-events:none}.btn--primary{background:var(--c-brand);color:#fff}.btn--primary:hover{background:var(--c-brand-hover);text-decoration:none}.btn--secondary{background:var(--c-surface);color:var(--c-ink-2);border-color:var(--c-border-strong)}.btn--secondary:hover{background:var(--c-surface-2);text-decoration:none}.btn--ghost{background:transparent;color:var(--c-ink-2)}.btn--ghost:hover{background:var(--c-surface-2);text-decoration:none}.btn--danger{background:var(--c-danger);color:#fff}.btn--danger:hover{background:var(--c-danger-ink);text-decoration:none}.btn--success{background:var(--c-success);color:#fff}.btn--success:hover{background:var(--c-success-ink);text-decoration:none}.btn--soft{background:var(--c-brand-soft);color:var(--c-brand-ink)}.btn--soft:hover{background:#e0e7ff;text-decoration:none}.btn--sm{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs)}.btn--lg{padding:var(--sp-4) var(--sp-6);font-size:var(--fs-base)}.btn--icon{padding:var(--sp-3)}.btn--block{width:100%}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0;border-color:var(--c-border-strong);margin-left:-1px}.btn-group .btn:first-child{border-radius:var(--r-md) 0 0 var(--r-md);margin-left:0}.btn-group .btn:last-child{border-radius:0 var(--r-md) var(--r-md) 0}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.card__head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border)}.card__head h3{font-size:var(--fs-md)}.card__head .card__actions{margin-left:auto;display:flex;gap:var(--sp-2)}.card__body{padding:var(--sp-5)}.card__foot{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--c-border);background:var(--c-surface-2);border-radius:0 0 var(--r-lg) var(--r-lg);display:flex;align-items:center;gap:var(--sp-3)}.card--flush .card__body{padding:0}.card--interactive{transition:box-shadow var(--transition),transform var(--transition);cursor:pointer}.card--interactive:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.stat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.stat__top{display:flex;align-items:center;justify-content:space-between}.stat__icon{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--c-brand-soft);color:var(--c-brand)}.stat__icon .material-symbols-rounded{font-size:24px}.stat__icon--success{background:var(--c-success-soft);color:var(--c-success-ink)}.stat__icon--warning{background:var(--c-warning-soft);color:var(--c-warning-ink)}.stat__icon--danger{background:var(--c-danger-soft);color:var(--c-danger-ink)}.stat__icon--info{background:var(--c-info-soft);color:var(--c-info-ink)}.stat__label{font-size:var(--fs-sm);color:var(--c-ink-3);font-weight:var(--fw-medium)}.stat__value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--c-ink);line-height:1.1}.stat__trend{display:inline-flex;align-items:center;gap:2px;font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.stat__trend .material-symbols-rounded{font-size:16px}.stat__trend--up{color:var(--c-success-ink)}.stat__trend--down{color:var(--c-danger-ink)}.counter{text-align:center;padding:var(--sp-5)}.counter__num{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--c-ink);font-variant-numeric:tabular-nums}.counter__label{font-size:var(--fs-sm);color:var(--c-ink-3);margin-top:var(--sp-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--sp-2);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:1.4}.badge .material-symbols-rounded{font-size:14px}.badge--neutral{background:var(--c-surface-2);color:var(--c-ink-3);border:1px solid var(--c-border)}.badge--brand{background:var(--c-brand-soft);color:var(--c-brand-ink)}.badge--success{background:var(--c-success-soft);color:var(--c-success-ink)}.badge--warning{background:var(--c-warning-soft);color:var(--c-warning-ink)}.badge--danger{background:var(--c-danger-soft);color:var(--c-danger-ink)}.badge--info{background:var(--c-info-soft);color:var(--c-info-ink)}.badge--dot:before{content:"";width:6px;height:6px;border-radius:var(--r-full);background:currentColor}.label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--c-ink-3)}.pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);background:var(--c-surface-2);border:1px solid var(--c-border);font-size:var(--fs-sm)}.alert{display:flex;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);border:1px solid;align-items:flex-start}.alert .material-symbols-rounded{font-size:20px;flex-shrink:0}.alert__body{flex:1}.alert__title{font-weight:var(--fw-semibold);margin-bottom:2px}.alert__text{font-size:var(--fs-sm)}.alert--success{background:var(--c-success-soft);border-color:#bbf7d0;color:var(--c-success-ink)}.alert--warning{background:var(--c-warning-soft);border-color:#fde68a;color:var(--c-warning-ink)}.alert--danger{background:var(--c-danger-soft);border-color:#fecaca;color:var(--c-danger-ink)}.alert--info{background:var(--c-info-soft);border-color:#a5f3fc;color:var(--c-info-ink)}.alert__close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:0}.alert__close:hover{opacity:1}.progress{height:8px;background:var(--c-border);border-radius:var(--r-full);overflow:hidden}.progress__bar{height:100%;background:var(--c-brand);border-radius:var(--r-full);transition:width .5s ease}.progress__bar--success{background:var(--c-success)}.progress__bar--warning{background:var(--c-warning)}.progress__bar--danger{background:var(--c-danger)}.progress--lg{height:12px}.progress-label{display:flex;justify-content:space-between;font-size:var(--fs-xs);margin-bottom:var(--sp-2);color:var(--c-ink-3);font-weight:var(--fw-medium)}.progress-ring{position:relative;width:96px;height:96px}.progress-ring svg{transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:8}.progress-ring .track{stroke:var(--c-border)}.progress-ring .value{stroke:var(--c-brand);stroke-linecap:round;transition:stroke-dashoffset .6s ease}.progress-ring__label{position:absolute;inset:0;display:grid;place-items:center;font-weight:var(--fw-bold);color:var(--c-ink)}.form-group{margin-bottom:var(--sp-4)}.form-label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-ink-2);margin-bottom:var(--sp-2)}.form-label .req{color:var(--c-danger)}.form-hint{font-size:var(--fs-xs);color:var(--c-ink-3);margin-top:var(--sp-2)}.form-error{font-size:var(--fs-xs);color:var(--c-danger-ink);margin-top:var(--sp-2);display:flex;align-items:center;gap:4px}.form-error .material-symbols-rounded{font-size:14px}.input,.select,.textarea{width:100%;padding:var(--sp-3) var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);font-size:var(--fs-sm);color:var(--c-ink);transition:border-color var(--transition),box-shadow var(--transition)}.input::placeholder,.textarea::placeholder{color:var(--c-ink-4)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--c-brand);box-shadow:var(--sh-focus)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--c-surface-2);color:var(--c-ink-4);cursor:not-allowed}.input.is-invalid,.select.is-invalid,.textarea.is-invalid{border-color:var(--c-danger)}.textarea{resize:vertical;min-height:96px;line-height:var(--lh-base)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;padding-right:var(--sp-8)}.cs{position:relative}.cs__control{width:100%;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);font-size:var(--fs-sm);color:var(--c-ink);cursor:pointer;text-align:left;transition:border-color var(--transition),box-shadow var(--transition)}.cs__control:hover{border-color:var(--c-ink-4)}.cs.is-open .cs__control{border-color:var(--c-brand);box-shadow:var(--sh-focus)}.cs__control:focus-visible{outline:none;border-color:var(--c-brand);box-shadow:var(--sh-focus)}.cs__value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs__value.is-placeholder{color:var(--c-ink-4)}.cs__caret{color:var(--c-ink-3);font-size:20px;transition:transform var(--transition)}.cs.is-open .cs__caret{transform:rotate(180deg)}.cs.is-invalid .cs__control{border-color:var(--c-danger)}.cs.is-disabled{opacity:.6;pointer-events:none}.cs__panel{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-lg);z-index:45;overflow:hidden;display:none}.cs.is-open .cs__panel{display:block;animation:menu-in var(--transition)}.cs__search{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border)}.cs__search .material-symbols-rounded{font-size:18px;color:var(--c-ink-4)}.cs__search input{flex:1;border:none;outline:none;background:transparent;font-size:var(--fs-sm);color:var(--c-ink)}.cs__list{list-style:none;margin:0;padding:var(--sp-1);max-height:240px;overflow-y:auto}.cs__option{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--c-ink-2);cursor:pointer}.cs__option:hover,.cs__option.is-active{background:var(--c-brand-soft);color:var(--c-brand-ink)}.cs__option.is-selected{font-weight:var(--fw-semibold);color:var(--c-brand-ink)}.cs__option.is-selected:after{content:"check";font-family:Material Symbols Rounded;margin-left:auto;font-size:18px}.cs__option[hidden]{display:none}.cs__empty{padding:var(--sp-3);text-align:center;color:var(--c-ink-4);font-size:var(--fs-sm);display:none}.cs__empty.is-shown{display:block}.input-icon{position:relative}.input-icon .material-symbols-rounded{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--c-ink-4);font-size:20px;pointer-events:none}.input-icon .input{padding-left:var(--sp-10)}.check{display:inline-flex;align-items:flex-start;gap:var(--sp-3);cursor:pointer;font-size:var(--fs-sm)}.check input{position:absolute;opacity:0;width:0;height:0}.check__box{width:20px;height:20px;border-radius:var(--r-sm);border:1.5px solid var(--c-border-strong);background:var(--c-surface);display:grid;place-items:center;flex-shrink:0;transition:background var(--transition),border-color var(--transition)}.check__box .material-symbols-rounded{font-size:16px;color:#fff;opacity:0;transform:scale(.6);transition:var(--transition)}.check input:checked+.check__box{background:var(--c-brand);border-color:var(--c-brand)}.check input:checked+.check__box .material-symbols-rounded{opacity:1;transform:scale(1)}.check input:focus-visible+.check__box{box-shadow:var(--sh-focus)}.check--radio .check__box{border-radius:var(--r-full)}.check--radio .check__box .material-symbols-rounded{font-size:12px}.switch{position:relative;display:inline-flex;align-items:center;gap:var(--sp-3);cursor:pointer;font-size:var(--fs-sm)}.switch input{position:absolute;opacity:0}.switch__track{width:42px;height:24px;border-radius:var(--r-full);background:var(--c-border-strong);position:relative;transition:background var(--transition);flex-shrink:0}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--r-full);background:#fff;box-shadow:var(--sh-xs);transition:transform var(--transition)}.switch input:checked+.switch__track{background:var(--c-brand)}.switch input:checked+.switch__track:after{transform:translate(18px)}.switch input:focus-visible+.switch__track{box-shadow:var(--sh-focus)}.list{display:flex;flex-direction:column}.list__row{display:grid;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--c-border)}.list__row:last-child{border-bottom:0}.list__head{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-ink-3);font-weight:var(--fw-semibold);background:var(--c-surface-2)}.list__row--link{cursor:pointer;transition:background var(--transition);color:var(--c-ink-2);text-decoration:none}.list__row--link:hover{background:var(--c-surface-2);text-decoration:none}.list__cell{min-width:0}.list__cell--label{display:none}@media(max-width:767px){.list__head{display:none}.list__row{grid-template-columns:1fr!important;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5)}.list__cell{display:flex;justify-content:space-between;gap:var(--sp-3)}.list__cell--label{display:inline;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-ink-3);font-weight:var(--fw-semibold)}}.user-cell{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.user-cell__meta{min-width:0}.user-cell__name{font-weight:var(--fw-semibold);color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-cell__sub{font-size:var(--fs-xs);color:var(--c-ink-3)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--c-border);overflow-x:auto}.tab{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-ink-3);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;border-top:0;border-left:0;border-right:0;transition:color var(--transition),border-color var(--transition)}.tab:hover{color:var(--c-ink)}.tab.is-active{color:var(--c-brand);border-bottom-color:var(--c-brand);font-weight:var(--fw-semibold)}.dropdown{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:200px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-lg);padding:var(--sp-2);z-index:40;display:none}.menu.is-open{display:block;animation:menu-in var(--transition)}.menu--left{left:0;right:auto}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.menu__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--c-ink-2);cursor:pointer}.menu__item:hover{background:var(--c-surface-2);text-decoration:none;color:var(--c-ink)}.menu__item .material-symbols-rounded{font-size:18px;color:var(--c-ink-3)}.menu__item--danger{color:var(--c-danger-ink)}button.menu__item{width:100%;background:none;border:none;font:inherit;text-align:left}.menu__item--danger .material-symbols-rounded{color:var(--c-danger-ink)}.menu__sep{height:1px;background:var(--c-border);margin:var(--sp-2) 0}.modal-backdrop{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--sp-4);z-index:70;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition)}.modal-backdrop.is-open{opacity:1;visibility:visible}.modal{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);width:100%;max-width:480px;transform:translateY(8px) scale(.98);transition:transform var(--transition)}.modal-backdrop.is-open .modal{transform:none}.modal__head{display:flex;align-items:center;padding:var(--sp-5);border-bottom:1px solid var(--c-border)}.modal__head h3{flex:1;font-size:var(--fs-md)}.modal__body{padding:var(--sp-5)}.modal__foot{display:flex;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--c-border)}.toast-wrap{position:fixed;bottom:var(--sp-4);right:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);z-index:80;max-width:calc(100vw - 2rem)}.toast{display:flex;align-items:center;gap:var(--sp-3);background:var(--c-nav-bg-2);color:#fff;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);box-shadow:var(--sh-lg);min-width:260px;animation:toast-in var(--transition)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.toast .material-symbols-rounded{font-size:20px}.toast--success .material-symbols-rounded{color:#4ade80}.toast--danger .material-symbols-rounded{color:#f87171}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid var(--c-surface);margin-left:-10px}.avatar-group .avatar:first-child{margin-left:0}.img-thumb{width:96px;height:64px;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface-2)}.table-scroll{overflow-x:auto}.grid-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.grid-table th,.grid-table td{padding:var(--sp-2) var(--sp-3);text-align:center;border-bottom:1px solid var(--c-border);white-space:nowrap}.grid-table th:first-child,.grid-table td:first-child{text-align:left;position:sticky;left:0;background:var(--c-surface)}.grid-table thead th{color:var(--c-ink-3);font-weight:600;text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:.04em}.grid-table tbody tr:hover td,.grid-table tbody tr:hover td:first-child{background:var(--c-surface-2)}.grid-table .material-symbols-rounded{font-size:18px}.legend{font-size:var(--fs-sm);color:var(--c-ink-3)}.legend .material-symbols-rounded{font-size:16px}.empty{text-align:center;padding:var(--sp-12) var(--sp-5);color:var(--c-ink-3)}.empty .material-symbols-rounded{font-size:48px;color:var(--c-ink-4);margin-bottom:var(--sp-3)}.empty h4{color:var(--c-ink-2);margin-bottom:var(--sp-2)}.skeleton{background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-border) 37%,var(--c-surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton--text{height:12px;margin:var(--sp-2) 0}.skeleton--circle{border-radius:var(--r-full)}.timeline{position:relative;padding-left:var(--sp-6)}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--c-border)}.timeline__item{position:relative;padding-bottom:var(--sp-5)}.timeline__item:last-child{padding-bottom:0}.timeline__dot{position:absolute;left:calc(-1 * var(--sp-6) + 2px);top:3px;width:12px;height:12px;border-radius:var(--r-full);background:var(--c-brand);border:2px solid var(--c-surface);box-shadow:0 0 0 2px var(--c-border)}.timeline__time{font-size:var(--fs-xs);color:var(--c-ink-3)}.timeline__title{font-weight:var(--fw-medium);color:var(--c-ink)}.bars{display:flex;align-items:flex-end;gap:var(--sp-2);height:120px}.bars__col{flex:1;background:var(--c-brand-soft);border-radius:var(--r-sm) var(--r-sm) 0 0;position:relative;transition:background var(--transition)}.bars__col:hover{background:var(--c-brand)}.bars__col>span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:var(--fs-xs);color:var(--c-ink-3)}[dir=rtl] .btn-group .btn{margin-left:0;margin-right:-1px}[dir=rtl] .btn-group .btn:first-child{border-radius:0 var(--r-md) var(--r-md) 0;margin-right:0}[dir=rtl] .btn-group .btn:last-child{border-radius:var(--r-md) 0 0 var(--r-md)}[dir=rtl] .card__head .card__actions,[dir=rtl] .alert__close{margin-left:0;margin-right:auto}[dir=rtl] .select{background-position:left var(--sp-3) center;padding-right:var(--sp-3);padding-left:var(--sp-8)}[dir=rtl] .cs__control,[dir=rtl] button.menu__item{text-align:right}[dir=rtl] .cs__option.is-selected:after{margin-left:0;margin-right:auto}[dir=rtl] .input-icon .material-symbols-rounded{left:auto;right:var(--sp-3)}[dir=rtl] .input-icon .input{padding-left:var(--sp-3);padding-right:var(--sp-10)}[dir=rtl] .switch__track:after{left:auto;right:2px}[dir=rtl] .switch input:checked+.switch__track:after{transform:translate(-18px)}[dir=rtl] .menu{right:auto;left:0}[dir=rtl] .menu--left{left:auto;right:0}[dir=rtl] .toast-wrap{right:auto;left:var(--sp-4)}[dir=rtl] .avatar-group .avatar{margin-left:0;margin-right:-10px}[dir=rtl] .avatar-group .avatar:first-child{margin-right:0}[dir=rtl] .grid-table th:first-child,[dir=rtl] .grid-table td:first-child{text-align:right;left:auto;right:0}[dir=rtl] .timeline{padding-left:0;padding-right:var(--sp-6)}[dir=rtl] .timeline:before{left:auto;right:7px}[dir=rtl] .timeline__dot{left:auto;right:calc(-1 * var(--sp-6) + 2px)}[dir=rtl] .icon-flip{transform:scaleX(-1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--c-ink-2);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{color:var(--c-ink);line-height:var(--lh-tight);font-weight:var(--fw-semibold)}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}a{color:var(--c-brand);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--sh-focus);border-radius:var(--r-sm)}.material-symbols-rounded,.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1;-webkit-user-select:none;user-select:none}.app{min-height:100vh;display:flex;flex-direction:column}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--nav-w);background:var(--c-nav-bg);color:var(--c-nav-ink);display:flex;flex-direction:column;z-index:60;transform:translate(-100%);transition:transform var(--transition)}.sidebar.is-open{transform:translate(0)}.sidebar__brand{height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);font-weight:var(--fw-bold);font-size:var(--fs-md);color:#fff;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.logo-mark{width:30px;height:30px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--c-brand),#7c3aed);display:grid;place-items:center;color:#fff;flex-shrink:0}.logo-mark svg{width:18px;height:18px;fill:currentColor}.logo-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.logo-mark .material-symbols-rounded{font-size:18px}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--sp-4) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1)}.nav-section-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--c-nav-ink-dim);padding:var(--sp-4) var(--sp-3) var(--sp-2);font-weight:var(--fw-semibold)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);color:var(--c-nav-ink);font-weight:var(--fw-medium);transition:background var(--transition),color var(--transition);cursor:pointer}.nav-item:hover{background:var(--c-nav-hover);color:#fff;text-decoration:none}.nav-item.is-active{background:var(--c-nav-active);color:#fff}.nav-item .material-symbols-rounded{font-size:20px}.nav-item__badge{margin-left:auto;background:var(--c-danger);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:1px var(--sp-2);border-radius:var(--r-full);min-width:20px;text-align:center}.sidebar__foot{flex-shrink:0;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid rgba(255,255,255,.06);min-width:0}.sidebar__foot form{display:contents}.sidebar__foot-meta{min-width:0;line-height:1.3;flex:1;overflow:hidden}.sidebar__foot-name{color:#fff;font-weight:var(--fw-semibold);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__foot-role{color:var(--c-nav-ink-dim);font-size:var(--fs-xs);white-space:nowrap}.sidebar__foot-action{color:var(--c-nav-ink);flex-shrink:0}.sidebar__foot-action:hover{background:var(--c-nav-hover);color:#fff}.backdrop{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition)}.backdrop.is-open{opacity:1;visibility:visible}.main{flex:1;display:flex;flex-direction:column;min-width:0;transition:padding-left var(--transition)}.topbar{position:sticky;top:0;height:var(--topbar-h);background:color-mix(in srgb,var(--c-surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);z-index:50}.topbar__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--c-ink)}.topbar__spacer{flex:1}.icon-btn{width:40px;height:40px;border:none;background:transparent;border-radius:var(--r-md);color:var(--c-ink-3);display:grid;place-items:center;cursor:pointer;position:relative;transition:background var(--transition),color var(--transition)}.icon-btn:hover{background:var(--c-surface-2);color:var(--c-ink)}.icon-btn__dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:var(--r-full);background:var(--c-danger);border:2px solid var(--c-surface)}.topbar__search{display:none;align-items:center;gap:var(--sp-2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);color:var(--c-ink-3);width:260px}.topbar__search input{border:none;background:transparent;outline:none;width:100%;font-size:var(--fs-sm)}.avatar{width:36px;height:36px;border-radius:var(--r-full);background:var(--c-brand-soft);color:var(--c-brand-ink);display:grid;place-items:center;font-weight:var(--fw-semibold);font-size:var(--fs-sm);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.content{padding:var(--sp-4);max-width:var(--content-max);width:100%;margin:0 auto}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-5)}.page-head__text{flex:1;min-width:200px}.page-head h1{font-size:var(--fs-xl)}.page-head p{color:var(--c-ink-3);font-size:var(--fs-sm);margin-top:2px}.page-head__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.grid{display:grid;gap:var(--sp-4)}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid--cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--wide{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid--2,.grid--3,.grid--4,.grid--6{grid-template-columns:1fr}@media(min-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}.grid--6{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--6{grid-template-columns:repeat(6,1fr)}}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-full{grid-column:1 / -1}@media(max-width:639px){.span-2,.span-3{grid-column:1 / -1}}@media(min-width:1024px){.sidebar{transform:translate(0)}.main{padding-left:var(--nav-w)}.backdrop{display:none}.topbar__search{display:flex}.content{padding:var(--sp-6) var(--sp-8)}.menu-toggle{display:none}}@media(min-width:1024px){.app--rail .sidebar{width:var(--nav-w-collapsed)}.app--rail .main{padding-left:var(--nav-w-collapsed)}.app--rail .sidebar__brand span:not(.material-symbols-rounded),.app--rail .nav-item span:not(.material-symbols-rounded),.app--rail .nav-section-label,.app--rail .nav-item__badge,.app--rail .sidebar__foot-meta,.app--rail .sidebar__foot-action{display:none}.app--rail .nav-item,.app--rail .sidebar__brand,.app--rail .sidebar__foot{justify-content:center;padding-left:0;padding-right:0}}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{justify-content:center}.end{justify-content:flex-end}.items-end{align-items:flex-end}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.mb-8{margin-bottom:var(--sp-8)}.flex-1{flex:1}.is-hidden{display:none}.is-invisible{visibility:hidden}.w-32{width:8rem}.section-split{border-top:1px solid var(--c-border);padding-top:var(--sp-4)}.text-muted{color:var(--c-ink-3)}.text-success{color:var(--c-success-ink)}.text-danger{color:var(--c-danger-ink)}.text-strong{color:var(--c-ink)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.text-center{text-align:center}.truncate{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fw-semibold{font-weight:var(--fw-semibold)}.mono{font-family:var(--font-mono)}.hide-mobile{display:none}@media(min-width:640px){.hide-mobile{display:revert}}.divider{height:1px;background:var(--c-border);border:0;margin:var(--sp-4) 0}.form-card{max-width:720px}.auth-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-4);background:var(--c-bg)}.auth-shell__brand{display:flex;align-items:center;gap:var(--sp-3);font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--c-ink);text-decoration:none}.auth-shell__brand:hover{text-decoration:none}.auth-shell__card{width:100%;max-width:420px}[dir=rtl] .sidebar{inset:0 0 0 auto;transform:translate(100%)}[dir=rtl] .sidebar.is-open{transform:translate(0)}@media(min-width:1024px){[dir=rtl] .sidebar{transform:translate(0)}[dir=rtl] .main{padding-left:0;padding-right:var(--nav-w)}[dir=rtl] .app--rail .main{padding-right:var(--nav-w-collapsed)}}[dir=rtl] .nav-item__badge{margin-left:0;margin-right:auto}[dir=rtl] .icon-btn__dot{right:auto;left:9px}