*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-surface);color:var(--c-text);font-family:var(--font);font-size:var(--fs-medium)}button,input,select{font:inherit;color:inherit}h1,h2,p{margin:0}.btn{min-height:40px;padding:0 var(--space-xl);border-radius:var(--radius-pill);border:1px solid transparent;font-weight:600;cursor:pointer;background:var(--c-primary);color:var(--c-onPrimary)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--c-text);border-color:var(--c-border)}.btn--ghost:hover:not(:disabled){background:var(--c-surfaceMuted)}.btn--sm{min-height:32px;padding:0 var(--space-lg);font-size:var(--fs-body)}.input{width:100%;min-height:40px;padding:0 var(--space-lg);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.input:focus{outline:2px solid var(--c-primaryMuted);border-color:var(--c-primary)}.input-wrap{position:relative;display:block}.input--has-action{padding-right:44px}.input-action{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:var(--c-textSubtle);border-radius:var(--radius-sm);cursor:pointer}.input-action:hover{color:var(--c-text)}.input-action:focus-visible{outline:2px solid var(--c-primary)}.field{display:grid;gap:var(--space-xs);font-size:var(--fs-body);color:var(--c-textMuted)}.auth{min-height:100%;display:grid;grid-template-columns:1fr 1fr}.auth__hero{background:var(--brand-plum);color:var(--c-onGradient);padding:var(--space-xxl);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth__hero:after{content:"";position:absolute;width:520px;height:520px;right:-180px;bottom:-180px;border-radius:50%;background:var(--gradient-brand);opacity:.35;filter:blur(60px)}.auth__hero>*{position:relative;z-index:1}.hero-title{font-family:var(--font-serif);font-weight:500;font-size:46px;line-height:1.1;max-width:12em}.hero-sub{color:var(--c-onGradientMuted);margin-top:var(--space-lg);max-width:28em}.mascot{display:block;height:220px;width:auto;margin-top:var(--space-xxl);filter:drop-shadow(0 10px 18px #00000040)}.auth__panel{display:grid;place-items:center;padding:var(--space-xl)}.auth__card{width:100%;max-width:380px;display:grid;gap:var(--space-lg)}.auth__title{font-family:var(--font-serif);font-weight:600;font-size:34px}.logo{display:block;height:34px;aspect-ratio:544 / 112;background-color:var(--c-onGradient);mask-repeat:no-repeat;mask-size:contain;mask-position:left center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:left center}.subtle{color:var(--c-textMuted);font-size:var(--fs-body)}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100%}.sidebar{background:var(--brand-plum);color:var(--c-onGradient);padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl);position:sticky;top:0;height:100vh}.nav__label{color:var(--c-onGradientMuted);font-size:var(--fs-caption);letter-spacing:1.5px;margin:0 var(--space-md) var(--space-sm);opacity:.7}.nav{display:grid;gap:var(--space-xs)}.nav a{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:var(--c-onGradientMuted);text-decoration:none;font-weight:600}.nav a:hover{background:var(--c-glass, #ffffff14)}.nav a.active{background:#ffffff1c;color:var(--c-onGradient);box-shadow:inset 3px 0 0 var(--brand-lavender)}.sidebar__foot{margin-top:auto;display:grid;gap:var(--space-md);border-top:1px solid #FFFFFF1F;padding-top:var(--space-lg)}.who{display:flex;align-items:center;gap:var(--space-md);min-width:0}.who__text{min-width:0;display:grid}.who__text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who__text small{color:var(--c-onGradientMuted);font-size:var(--fs-small)}.sidebar .btn--ghost{color:var(--c-onGradient);border-color:#fff3}.sidebar .btn--ghost:hover:not(:disabled){background:#ffffff14}.avatar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--c-primaryMuted);color:var(--c-primary);font-weight:700;font-size:var(--fs-body)}.sidebar .avatar{background:var(--c-secondary);color:var(--c-onGradient)}.content{min-width:0;display:flex;flex-direction:column;background:var(--c-background)}.main{padding:var(--space-xxl);min-width:0}.page-head{margin-bottom:var(--space-xl)}.page-title{font-family:var(--font-serif);font-weight:700;font-size:38px;line-height:1.1}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl)}.stat__value{font-family:var(--font-serif);font-weight:700;font-size:34px;line-height:1.1}.stat__label{color:var(--c-textMuted);font-size:var(--fs-body)}.toolbar{padding:var(--space-lg);border-bottom:1px solid var(--c-border);display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-md)}.toolbar .search{flex:1 1 240px;width:auto;max-width:360px}.filter{display:grid;gap:var(--space-xs);font-size:var(--fs-small);color:var(--c-textMuted)}.toolbar .input,.toolbar .btn{min-height:40px}.toolbar .btn{align-self:flex-end}.filter .input{width:auto;min-width:140px;font-size:var(--fs-body)}.select{position:relative;display:inline-flex;align-items:center}.select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer}.select__chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--c-textMuted)}.pager .select select{min-height:32px;padding:0 36px 0 var(--space-md);font-size:var(--fs-body)}.pager .select__chevron{right:10px}.cell-sub{display:grid;gap:2px;justify-items:start}.cell-sub small{font-size:var(--fs-small)}.search{width:100%;max-width:420px}.cell-user{display:flex;align-items:center;gap:var(--space-md);font-weight:600}.card{box-shadow:0 1px 2px #2d1f310d;border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--c-surface)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--c-border);white-space:nowrap}th{background:var(--c-surfaceMuted);color:var(--c-textMuted);font-size:var(--fs-small);font-weight:600;letter-spacing:1px;text-transform:uppercase}th button{all:unset;cursor:pointer;display:inline-flex;gap:var(--space-xs);align-items:center}th button:focus-visible{outline:2px solid var(--c-primary);border-radius:var(--radius-sm)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--c-surfaceMuted)}.muted{color:var(--c-textSubtle)}.badge{display:inline-block;padding:2px var(--space-md);border-radius:var(--radius-pill);font-size:var(--fs-body);font-weight:600}.badge--ok{background:var(--c-successMuted);color:var(--c-success)}.badge--info{background:var(--c-primaryMuted);color:var(--c-primary)}.badge--bad{background:var(--c-dangerMuted);color:var(--c-danger)}.badge--neutral{background:var(--c-surfaceMuted);color:var(--c-textMuted);border:1px solid var(--c-border)}.badge--warn{background:var(--c-warningMuted);color:var(--c-warning)}.pager{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--c-border);color:var(--c-textMuted);font-size:var(--fs-body)}.pager__ctrl{display:flex;align-items:center;gap:var(--space-sm)}.state{display:grid;justify-items:center;gap:var(--space-md);padding:var(--space-xxl) var(--space-lg);text-align:center;color:var(--c-textMuted)}.state--error{color:var(--c-danger)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--c-border);border-top-color:var(--c-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--c-dangerMuted);color:var(--c-danger);font-size:var(--fs-body)}@media (max-width: 860px){.auth{grid-template-columns:1fr}.auth__hero{display:none}.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:var(--space-md) var(--space-lg)}.nav__label,.who__text{display:none}.sidebar__foot{margin:0 0 0 auto;border:0;padding:0;display:flex;align-items:center}.main{padding:var(--space-lg)}}.splash{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);background:var(--brand-plum);color:var(--c-onGradient);position:relative;overflow:hidden}.splash:after{content:"";position:absolute;width:520px;height:520px;bottom:-220px;border-radius:50%;background:var(--gradient-brand);opacity:.3;filter:blur(70px)}.splash>*{position:relative;z-index:1}.splash__mascot{height:140px;width:auto;filter:drop-shadow(0 10px 18px #00000040);animation:bob 1.6s ease-in-out infinite}.splash__bar{width:120px;height:4px;border-radius:var(--radius-pill);background:#ffffff26;overflow:hidden;position:relative}.splash__bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:45%;border-radius:inherit;background:var(--gradient-brand);animation:slide 1.1s ease-in-out infinite}.splash__label{color:var(--c-onGradientMuted);font-size:var(--fs-body)}@keyframes bob{50%{transform:translateY(-8px)}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media (prefers-reduced-motion: reduce){.splash__mascot,.splash__bar:before{animation:none}}