:root{--ui-bg:#f7f7f8;--ui-surface:#ffffff;--ui-surface-muted:#f1f1f3;--ui-text:#17171a;--ui-text-muted:#5a5f68;--ui-border:#d7d9dd;--ui-primary:#1f2937;--ui-primary-text:#ffffff;--ui-info:#2563eb;--ui-success:#0f766e;--ui-warning:#b45309;--ui-danger:#b91c1c;--ui-radius-sm:0.375rem;--ui-radius-md:0.5rem;--ui-radius-lg:0.75rem;--ui-shadow-sm:0 1px 2px rgba(0,0,0,0.06);--ui-shadow-md:0 8px 20px rgba(0,0,0,0.08);--ui-space-xs:0.25rem;--ui-space-sm:0.5rem;--ui-space-md:0.75rem;--ui-space-lg:1rem;--ui-space-xl:1.5rem;--ui-space-xxl:2rem;--ui-z-modal:1000}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--ui-bg);color:var(--ui-text);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45}a{color:inherit}.ui-page-container{margin:0 auto;padding:var(--ui-space-xxl) var(--ui-space-lg);width:100%}.ui-page-container--narrow{max-width:760px}.ui-page-container--default{max-width:940px}.ui-page-container--wide{max-width:1120px}.ui-page-container--full{max-width:100%}.ui-button{align-items:center;border:1px solid transparent;border-radius:var(--ui-radius-md);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:var(--ui-space-sm);justify-content:center;line-height:1;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button--sm{height:2rem;padding:0 var(--ui-space-md)}.ui-button--md{height:2.4rem;padding:0 var(--ui-space-lg)}.ui-button--lg{height:2.8rem;padding:0 var(--ui-space-xl)}.ui-button--full{width:100%}.ui-button--solid{background:var(--ui-primary);color:var(--ui-primary-text)}.ui-button--solid:hover:not(:disabled){background:#111827}.ui-button--outline{background:transparent;border-color:var(--ui-border);color:var(--ui-text)}.ui-button--outline:hover:not(:disabled){background:var(--ui-surface-muted)}.ui-button--ghost{background:transparent;color:var(--ui-text)}.ui-button--ghost:hover:not(:disabled){background:var(--ui-surface-muted)}.ui-button--danger{background:var(--ui-danger);color:#fff}.ui-button--danger:hover:not(:disabled){background:#9f1239}.ui-input,.ui-select,.ui-textarea{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);color:var(--ui-text);font:inherit;outline:none;width:100%}.ui-input,.ui-select{height:2.4rem;padding:0 var(--ui-space-md)}.ui-textarea{min-height:6.5rem;padding:var(--ui-space-md);resize:vertical}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px rgba(31,41,55,.16)}.ui-control--error{border-color:var(--ui-danger)}.ui-form-row{display:flex;flex-direction:column;gap:var(--ui-space-sm)}.ui-form-row__label{font-size:.9rem;font-weight:600}.ui-form-row__hint{color:var(--ui-text-muted);font-size:.86rem;margin:0}.ui-form-row__error{color:var(--ui-danger);font-size:.86rem;margin:0}.ui-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm);overflow:hidden}.ui-card__header{border-bottom:1px solid var(--ui-border);padding:var(--ui-space-lg)}.ui-card__title{font-size:1rem;font-weight:700;margin:0}.ui-card__description{color:var(--ui-text-muted);font-size:.9rem;margin:var(--ui-space-xs) 0 0}.ui-card__content{padding:var(--ui-space-lg)}.ui-badge{border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.01em;line-height:1;padding:.3rem .6rem}.ui-badge--neutral{background:#e8eaee;color:#253143}.ui-badge--info{background:#dbeafe;color:#1d4ed8}.ui-badge--success{background:#ccfbf1;color:#0f766e}.ui-badge--warning{background:#ffedd5;color:#b45309}.ui-badge--danger{background:#fee2e2;color:#b91c1c}.ui-alert{border:1px solid transparent;border-radius:var(--ui-radius-md);font-size:.94rem;padding:var(--ui-space-md)}.ui-alert__title{font-size:.95rem;margin:0 0 var(--ui-space-xs)}.ui-alert--info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.ui-alert--success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.ui-alert--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.ui-alert--danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.ui-tabs{display:flex;flex-direction:column;gap:var(--ui-space-md)}.ui-tabs__list{border-bottom:1px solid var(--ui-border);display:flex;gap:var(--ui-space-xs)}.ui-tabs__trigger{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--ui-text-muted);cursor:pointer;font:inherit;font-weight:600;margin-bottom:-1px;padding:var(--ui-space-sm) var(--ui-space-md)}.ui-tabs__trigger:disabled{cursor:not-allowed;opacity:.5}.ui-tabs__trigger--active{border-color:var(--ui-primary);color:var(--ui-text)}.ui-tabs__content{padding:var(--ui-space-lg)}.ui-table-wrap,.ui-tabs__content{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md)}.ui-table-wrap{overflow-x:auto}.ui-table{border-collapse:collapse;min-width:600px;width:100%}.ui-table td,.ui-table th{border-bottom:1px solid var(--ui-border);font-size:.9rem;padding:var(--ui-space-md);text-align:left}.ui-table thead th{background:var(--ui-surface-muted);font-weight:700}.ui-table tbody tr:last-child td{border-bottom:0}.ui-table__cell--center{text-align:center}.ui-table__cell--right{text-align:right}.ui-table__empty{color:var(--ui-text-muted);text-align:center}.ui-modal-overlay{align-items:center;background:rgba(23,23,26,.6);display:flex;inset:0;justify-content:center;padding:var(--ui-space-lg);position:fixed;z-index:var(--ui-z-modal)}.ui-modal{background:var(--ui-surface);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-md);max-width:560px;width:100%}.ui-modal__body,.ui-modal__footer,.ui-modal__header{padding:var(--ui-space-lg)}.ui-modal__header{border-bottom:1px solid var(--ui-border)}.ui-modal__footer{border-top:1px solid var(--ui-border);display:flex;gap:var(--ui-space-sm);justify-content:flex-end}.ui-modal__title{margin:0}.ui-modal__description{color:var(--ui-text-muted);font-size:.92rem;margin:var(--ui-space-xs) 0 0}.ui-stack{display:grid;grid-gap:var(--ui-space-lg);gap:var(--ui-space-lg)}.ui-inline{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ui-space-sm)}@media (max-width:640px){.ui-page-container{padding:var(--ui-space-xl) var(--ui-space-md)}.ui-table{min-width:480px}}.ui-top-nav{align-items:center;background:var(--ui-surface);border-bottom:1px solid var(--ui-border);display:flex;gap:var(--ui-space-md);justify-content:space-between;min-height:3.5rem;padding:var(--ui-space-sm) var(--ui-space-lg)}.ui-top-nav__brand{font-weight:700}.ui-top-nav__actions,.ui-top-nav__brand{align-items:center;display:inline-flex;gap:var(--ui-space-sm)}.ui-app-shell{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);overflow:hidden}.ui-app-shell__body{display:block}.ui-app-shell__body--with-sidebar{display:grid;grid-template-columns:auto 1fr;min-height:20rem}.ui-app-shell__sidebar{background:var(--ui-surface-muted);border-right:1px solid var(--ui-border);min-width:12rem}.ui-app-shell__main,.ui-app-shell__sidebar{padding:var(--ui-space-lg)}.ui-sidebar-nav{display:grid;grid-gap:var(--ui-space-lg);gap:var(--ui-space-lg)}.ui-sidebar-nav__section{display:grid;grid-gap:var(--ui-space-sm);gap:var(--ui-space-sm)}.ui-sidebar-nav__heading{color:var(--ui-text-muted);font-size:.76rem;letter-spacing:.04em;margin:0;text-transform:uppercase}.ui-sidebar-nav__list{display:grid;grid-gap:var(--ui-space-xs);gap:var(--ui-space-xs);list-style:none;margin:0;padding:0}.ui-sidebar-nav__link{align-items:center;border-radius:var(--ui-radius-sm);color:var(--ui-text);display:flex;font-size:.9rem;justify-content:space-between;padding:var(--ui-space-sm) var(--ui-space-md);text-decoration:none}.ui-sidebar-nav__link:hover{background:rgba(31,41,55,.06)}.ui-sidebar-nav__link--active{background:rgba(31,41,55,.1);font-weight:600}.ui-sidebar-nav__badge{color:var(--ui-text-muted);font-size:.82rem}.ui-breadcrumbs{font-size:.88rem}.ui-breadcrumbs__list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ui-space-sm);list-style:none;margin:0;padding:0}.ui-breadcrumbs__item{align-items:center;display:inline-flex;gap:var(--ui-space-sm)}.ui-breadcrumbs__link{color:var(--ui-text-muted);text-decoration:none}.ui-breadcrumbs__link:hover{text-decoration:underline}.ui-breadcrumbs__current{font-weight:600}.ui-breadcrumbs__separator{color:var(--ui-text-muted)}.ui-dropdown{display:inline-block;position:relative}.ui-dropdown__trigger{background:transparent;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);color:inherit;cursor:pointer;font:inherit;padding:var(--ui-space-sm) var(--ui-space-md)}.ui-dropdown__item:focus-visible,.ui-dropdown__trigger:focus-visible,.ui-pagination__button:focus-visible,.ui-toast__action:focus-visible,.ui-toast__close:focus-visible,.ui-user-menu .ui-dropdown__trigger:focus-visible{outline:2px solid rgba(31,41,55,.45);outline-offset:2px}.ui-dropdown__menu{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-md);display:grid;grid-gap:2px;gap:2px;list-style:none;margin:var(--ui-space-xs) 0 0;min-width:12rem;padding:var(--ui-space-xs);position:absolute;z-index:10}.ui-dropdown__menu--right{right:0}.ui-dropdown__item{background:transparent;border:0;border-radius:var(--ui-radius-sm);color:inherit;cursor:pointer;display:block;font:inherit;padding:var(--ui-space-sm) var(--ui-space-md);text-align:left;text-decoration:none;width:100%}.ui-dropdown__item:hover:not(:disabled),.ui-dropdown__item[aria-disabled=false]:hover{background:var(--ui-surface-muted)}.ui-dropdown__item--disabled,.ui-dropdown__item:disabled,.ui-dropdown__item[aria-disabled=true]{color:var(--ui-text-muted);cursor:not-allowed;opacity:.7}.ui-toast-viewport{bottom:var(--ui-space-lg);position:fixed;right:var(--ui-space-lg);width:min(26rem,calc(100vw - (var(--ui-space-lg) * 2)));z-index:calc(var(--ui-z-modal) + 10)}.ui-toast,.ui-toast-viewport{display:grid;grid-gap:var(--ui-space-sm);gap:var(--ui-space-sm)}.ui-toast{align-items:flex-start;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-md);grid-template-columns:1fr auto auto;padding:var(--ui-space-md)}.ui-toast__title{font-size:.9rem;font-weight:700;margin:0}.ui-toast__description{color:var(--ui-text-muted);font-size:.86rem;margin:var(--ui-space-xs) 0 0}.ui-toast__action,.ui-toast__close{background:transparent;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:inherit;cursor:pointer;font:inherit;padding:var(--ui-space-xs) var(--ui-space-sm)}.ui-toast__close{line-height:1}.ui-toast--info{border-left:4px solid var(--ui-info)}.ui-toast--success{border-left:4px solid var(--ui-success)}.ui-toast--warning{border-left:4px solid var(--ui-warning)}.ui-toast--danger{border-left:4px solid var(--ui-danger)}.ui-empty-state{align-items:center;background:var(--ui-surface-muted);border:1px dashed var(--ui-border);border-radius:var(--ui-radius-lg);display:grid;justify-items:center;padding:var(--ui-space-xxl);text-align:center}.ui-empty-state__icon{align-items:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:999px;display:inline-flex;height:2.5rem;justify-content:center;margin-bottom:var(--ui-space-sm);width:2.5rem}.ui-empty-state__heading{margin:0}.ui-empty-state__description{color:var(--ui-text-muted);margin:var(--ui-space-sm) 0 0;max-width:32rem}.ui-empty-state__action{margin-top:var(--ui-space-lg)}.ui-skeleton{animation:ui-skeleton-pulse 1.3s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb,#f3f4f6 50%,#e5e7eb);background-size:220% 100%;border-radius:var(--ui-radius-sm)}.ui-skeleton-text{display:grid;grid-gap:var(--ui-space-sm);gap:var(--ui-space-sm)}.ui-skeleton--block{border-radius:var(--ui-radius-md)}.ui-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ui-space-sm)}.ui-pagination__list{align-items:center;display:flex;gap:var(--ui-space-xs);list-style:none;margin:0;padding:0}.ui-pagination__button{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:inherit;cursor:pointer;font:inherit;min-width:2rem;padding:.36rem .62rem}.ui-pagination__button:hover:not(:disabled){background:var(--ui-surface-muted)}.ui-pagination__button:disabled{cursor:not-allowed;opacity:.5}.ui-pagination__button--active{background:var(--ui-primary);border-color:var(--ui-primary);color:var(--ui-primary-text)}.ui-pagination__ellipsis{color:var(--ui-text-muted);display:inline-flex;min-width:2rem;justify-content:center}.ui-stat-grid{display:grid;grid-gap:var(--ui-space-md);gap:var(--ui-space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ui-stat-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);display:grid;grid-gap:var(--ui-space-sm);gap:var(--ui-space-sm);padding:var(--ui-space-md)}.ui-stat-card__top{align-items:center;display:flex;justify-content:space-between}.ui-stat-card__label{color:var(--ui-text-muted);font-size:.85rem;margin:0}.ui-stat-card__value{font-size:1.35rem;font-weight:700;margin:0}.ui-stat-card__delta{font-size:.83rem;margin:0}.ui-stat-card__delta--up{color:var(--ui-success)}.ui-stat-card__delta--down{color:var(--ui-danger)}.ui-avatar{align-items:center;background:var(--ui-surface-muted);border:1px solid var(--ui-border);border-radius:999px;color:var(--ui-text);display:inline-flex;font-weight:700;justify-content:center;overflow:hidden}.ui-avatar--sm{font-size:.7rem;height:1.75rem;width:1.75rem}.ui-avatar--md{font-size:.8rem;height:2.25rem;width:2.25rem}.ui-avatar--lg{font-size:1rem;height:3rem;width:3rem}.ui-avatar__image{display:block;height:100%;object-fit:cover;width:100%}.ui-user-menu .ui-dropdown__trigger{background:var(--ui-surface)}.ui-user-menu__trigger-content{align-items:center;display:inline-flex;gap:var(--ui-space-sm)}.ui-user-menu__text{display:grid;text-align:left}.ui-user-menu__name{font-size:.86rem;font-weight:600}.ui-user-menu__email{color:var(--ui-text-muted);font-size:.76rem}.ui-user-menu__footer{border-top:1px solid var(--ui-border);display:block;margin-top:var(--ui-space-xs);padding-top:var(--ui-space-sm)}@keyframes ui-skeleton-pulse{0%{background-position:100% 50%}to{background-position:-100% 50%}}@media (max-width:900px){.ui-app-shell__body--with-sidebar{grid-template-columns:1fr}.ui-app-shell__sidebar{border-bottom:1px solid var(--ui-border);border-right:0;width:100%!important}}@media (max-width:640px){.ui-top-nav{align-items:flex-start;flex-direction:column}.ui-toast-viewport{bottom:var(--ui-space-md);right:var(--ui-space-md)}}