:root{--r-card: 22px;--r-lg: 16px;--r-md: 12px;--r-sm: 10px;--r-pill: 999px;--font: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-num: "Inter", "SF Pro Display", -apple-system, sans-serif;--sidebar-w: 236px;--header-h: 76px;--gap: 20px;--ease: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02" 1,"cv03" 1,"cv04" 1,"ss01" 1;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{margin:0;font-weight:600;letter-spacing:-.015em;color:var(--text)}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}svg{display:block;flex:none}::selection{background:#11111114}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px;border:3px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.muted{color:var(--text-3)}.soft{color:var(--text-2)}.label{font-size:12px;font-weight:500;letter-spacing:.005em;color:var(--text-3)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.row{display:flex;align-items:center;gap:10px;min-width:0}.col{display:flex;flex-direction:column;min-width:0}.spacer{flex:1}:focus{outline:none}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:var(--r-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm)}.card-pad{padding:22px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 0}.card-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.card-sub{margin-top:3px;font-size:12.5px;color:var(--text-3)}.card-body{padding:20px 24px 24px}.card-foot{border-top:1px solid var(--border-soft);padding:14px 24px;display:flex;align-items:center;gap:10px}.card-link:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:var(--r-md);font-size:13.5px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;border:1px solid transparent;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease)}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-text);box-shadow:0 1px 2px #1111111f}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-muted);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.btn-danger{background:var(--danger-bg);color:var(--danger-fg);border-color:transparent}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-sm{height:30px;padding:0 11px;font-size:12.5px;border-radius:var(--r-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-sm);color:var(--text-3);transition:background .16s var(--ease),color .16s var(--ease)}.icon-btn:hover{background:var(--surface-muted);color:var(--text)}.icon-btn-sm{width:28px;height:28px;border-radius:8px}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:var(--r-pill);font-size:12px;font-weight:500;letter-spacing:-.003em;white-space:nowrap}.badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.badge-success{background:var(--success-bg);color:var(--success-fg)}.badge-warning{background:var(--warning-bg);color:var(--warning-fg)}.badge-danger{background:var(--danger-bg);color:var(--danger-fg)}.badge-accent{background:var(--accent-bg);color:var(--accent-fg)}.badge-violet{background:var(--violet-bg);color:var(--violet-fg)}.badge-neutral{background:var(--surface-muted);color:var(--text-3);border:1px solid var(--border)}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:500;color:var(--text-3);background:transparent;border:1px solid transparent;transition:all .16s var(--ease)}.chip:hover{background:var(--surface-muted);color:var(--text-2)}.chip[aria-selected=true],.chip.is-active{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-xs)}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:12.5px;font-weight:500;color:var(--text-2)}.field-hint{font-size:12px;color:var(--text-muted)}.input,.select,.textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:0 12px;height:38px;font-size:13.5px;color:var(--text);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.textarea{height:auto;min-height:84px;padding:10px 12px;line-height:1.55;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--text);box-shadow:var(--ring);outline:none}.input[aria-invalid=true]{border-color:var(--invalid-border)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #c9776c1f}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.search{position:relative;display:flex;align-items:center}.search>svg{position:absolute;left:11px;color:var(--text-muted);pointer-events:none}.search .input{padding-left:34px}.search .search-clear{position:absolute;right:7px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:var(--text-muted)}.search .search-clear:hover{background:var(--surface-muted);color:var(--text)}.switch{position:relative;display:inline-flex;align-items:center;width:38px;height:22px;border-radius:var(--r-pill);background:#e4e4e1;transition:background .2s var(--ease);flex:none}.switch:after{content:"";position:absolute;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000001f;transition:transform .2s var(--ease)}.switch[aria-checked=true]{background:var(--primary)}.switch[aria-checked=true]:after{transform:translate(16px)}.check{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--text-2);cursor:pointer}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface);display:grid;place-content:center;cursor:pointer;transition:all .14s var(--ease);flex:none}.check input:checked{background:var(--primary);border-color:var(--primary)}.check input:checked:after{content:"";width:9px;height:5px;border-left:1.8px solid #fff;border-bottom:1.8px solid #fff;transform:rotate(-45deg) translate(.5px,-1px)}.progress{height:5px;width:100%;border-radius:var(--r-pill);background:var(--surface-muted);border:1px solid var(--border-soft);overflow:hidden}.progress>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--text);transition:width .5s var(--ease)}.progress.is-accent>i{background:var(--accent-dot)}.progress.is-success>i{background:var(--success-dot)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-muted);color:var(--text-2);font-weight:500;letter-spacing:-.01em;flex:none;-webkit-user-select:none;user-select:none;overflow:hidden;border:1px solid rgba(0,0,0,.03)}.avatar-stack{display:flex;align-items:center}.avatar-stack .avatar{border:2px solid var(--surface);margin-left:-7px}.avatar-stack .avatar:first-child{margin-left:0}.menu{position:absolute;z-index:60;min-width:190px;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:pop .14s var(--ease)}.menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border-radius:8px;font-size:13.5px;color:var(--text-2);text-align:left;transition:background .12s var(--ease),color .12s var(--ease)}.menu-item:hover{background:var(--surface-muted);color:var(--text)}.menu-item.is-danger{color:var(--danger-fg)}.menu-item.is-danger:hover{background:var(--danger-bg)}.menu-item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.menu-sep{height:1px;margin:5px 4px;background:var(--border-soft)}.menu-label{padding:7px 9px 5px;font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}@keyframes pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tip{position:relative;display:inline-flex}.tip-block{display:flex;width:100%}.tip>.tip-body{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:5px 9px;border-radius:8px;background:#1d1d1d;color:#f5f5f4;font-size:11.5px;font-weight:450;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .14s var(--ease);z-index:70;box-shadow:var(--shadow-md)}.tip:hover>.tip-body,.tip:focus-within>.tip-body{opacity:1}.tip-right>.tip-body{bottom:auto;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.tip-block>.tip-body{bottom:auto;top:50%;left:100%;transform:translateY(-50%)}.tabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;padding:10px 12px 12px;font-size:13.5px;font-weight:450;color:var(--text-3);transition:color .16s var(--ease);white-space:nowrap}.tab:hover{color:var(--text-2)}.tab[aria-selected=true]{color:var(--text);font-weight:500}.tab[aria-selected=true]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:1.5px;border-radius:2px 2px 0 0;background:var(--text)}.tabs-pill{display:inline-flex;gap:2px;padding:3px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--r-pill);max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs-pill::-webkit-scrollbar{display:none}.tabs-pill .chip{height:26px}.tabs-pill .chip[aria-selected=true]{background:var(--surface);border-color:transparent;box-shadow:var(--shadow-xs)}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.table thead th{position:sticky;top:0;z-index:1;background:var(--surface);padding:0 16px 10px;text-align:left;font-size:11.5px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;border-bottom:1px solid var(--border)}.table thead th:first-child{padding-left:24px}.table thead th:last-child{padding-right:24px}.th-sort{display:inline-flex;align-items:center;gap:5px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:color .14s var(--ease)}.th-sort:hover{color:var(--text-2)}.th-sort.is-sorted{color:var(--text)}.table tbody td{padding:13px 16px;border-bottom:1px solid var(--border-soft);vertical-align:middle;color:var(--text-2)}.table tbody td:first-child{padding-left:24px}.table tbody td:last-child{padding-right:24px}.table tbody tr{transition:background .12s var(--ease)}.table tbody tr:hover{background:var(--surface-muted)}.table tbody tr:last-child td{border-bottom:none}.td-strong{color:var(--text);font-weight:450}.cell-actions{display:flex;justify-content:flex-end}.list-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border-soft);transition:background .12s var(--ease)}.list-row:first-child{padding-top:0}.list-row:last-child{border-bottom:none;padding-bottom:0}.skel{position:relative;overflow:hidden;background:var(--surface-muted);border-radius:var(--r-sm)}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skel-line{height:12px}.skel-circle{border-radius:50%}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:56px 24px;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--surface-muted);border:1px solid var(--border);color:var(--text-muted);margin-bottom:9px}.empty-title{font-size:13.5px;font-weight:500}.empty-text{font-size:13px;color:var(--text-3);max-width:320px}.empty .btn{margin-top:12px}.pagination{display:flex;align-items:center;gap:4px}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 7px;border-radius:8px;font-size:12.5px;font-weight:450;color:var(--text-3);transition:all .14s var(--ease)}.page-btn:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.page-btn[aria-current=page]{background:var(--primary);color:#fff;font-weight:500}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-ellipsis{display:inline-flex;align-items:flex-end;height:30px;padding:0 2px;color:var(--text-muted);font-size:12.5px}.crumbs{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-muted)}.crumbs button{color:var(--text-3);transition:color .14s var(--ease)}.crumbs button:hover{color:var(--text)}.crumbs .sep{color:var(--text-muted);opacity:.6;-webkit-user-select:none;user-select:none}.crumbs .current{color:var(--text-2)}.hr{height:1px;background:var(--border-soft);border:none;margin:0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}.app{display:flex;min-height:100vh;background:var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--sidebar-w);display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--border);transition:width .26s var(--ease),transform .26s var(--ease)}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav{flex:1;min-height:0;overflow-y:hidden;scrollbar-width:none;overflow-x:visible;padding:12px 10px}.nav-group{margin-bottom:12px}.nav-group-label{padding:0 8px 4px;font-size:10.5px;font-weight:500;letter-spacing:.045em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;overflow:hidden}.nav-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:34px;padding:0 9px;border-radius:var(--r-sm);font-size:13.5px;font-weight:450;color:var(--text-3);white-space:nowrap;transition:background .14s var(--ease),color .14s var(--ease)}.nav-item+.nav-item{margin-top:1px}.nav-item>svg{flex:none;opacity:.9}.nav-item>span{overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:var(--surface-muted);color:var(--text-2)}.nav-item.is-active{background:var(--nav-active);color:var(--text);font-weight:500}.nav-count{margin-left:auto;min-width:18px;height:17px;padding:0 5px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);font-size:10.5px;font-weight:500;color:var(--text-3);display:inline-flex;align-items:center;justify-content:center;flex:none;font-variant-numeric:tabular-nums}.nav-item.is-active .nav-count{background:var(--primary);border-color:var(--primary);color:#fff}.sidebar-foot{flex:none;padding:8px 10px 10px;border-top:1px solid var(--border-soft);min-width:0}.user-card{display:flex;align-items:center;gap:9px;margin-top:4px;width:auto;align-self:stretch;min-width:0;padding:7px 8px;border-radius:var(--r-md);text-align:left;transition:background .14s var(--ease)}.user-card:hover{background:var(--surface-muted)}.user-card-meta{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.user-card-name{display:block;font-size:13px;font-weight:500;color:var(--text);line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-role{display:block;font-size:11.5px;color:var(--text-3);line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card>svg{color:var(--text-muted);flex:none}.main{flex:1;min-width:0;margin-left:var(--sidebar-w);display:flex;flex-direction:column;transition:margin-left .26s var(--ease)}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;height:var(--header-h);padding:0 28px;background:#f7f7f5d1;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s var(--ease)}.header.is-stuck{border-bottom-color:var(--border)}.header-title{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.25}.header-sub{margin-top:2px;font-size:12.5px;color:var(--text-3);line-height:1.35}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn-wrap{position:relative;display:inline-flex}.bell-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--text);border:1.5px solid var(--bg)}.header-search{display:flex;align-items:center;gap:8px;height:34px;width:210px;padding:0 10px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:13px;transition:all .16s var(--ease)}.header-search:hover{border-color:var(--border-strong)}.header-search kbd{margin-left:auto;font-family:var(--font);font-size:10.5px;font-weight:500;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:5px;padding:1px 5px}.content{flex:1;padding:4px 28px 56px;max-width:1440px;width:100%}.page{animation:fade .26s var(--ease)}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.page-head-actions{align-items:center;margin-bottom:16px}.page-title{font-size:21px;font-weight:600;letter-spacing:-.022em}.page-desc{margin-top:4px;font-size:13.5px;color:var(--text-3)}.mobile-nav,.mobile-only{display:none}@media (max-width: 480px){.hide-sm{display:none!important}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#1717173d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .2s var(--ease)}@media (max-width: 1080px){:root{--sidebar-w: 64px}.nav-group-label,.nav-item>span,.nav-count{display:none}.nav-item{justify-content:center;padding:0;gap:0}.sidebar-nav{padding:14px 10px 16px}.user-card{justify-content:center;padding:7px 0}.user-card-meta,.user-card>svg{display:none}}@media (max-width: 760px){:root{--header-h: 64px}.sidebar{width:262px;transform:translate(-100%);box-shadow:var(--shadow-lg);background:var(--surface)}.sidebar.is-open{transform:translate(0)}.nav-item>span{display:revert}.nav-group-label{display:block}.nav-item{justify-content:flex-start;padding:0 9px;gap:10px}.sidebar-nav{padding:6px 10px 16px}.user-card{justify-content:flex-start;padding:7px 8px}.user-card-meta{display:flex}.user-card>svg{display:revert}.nav-count{display:inline-flex}.main{margin-left:0}.header{padding:0 16px;gap:10px}.header-title{font-size:16.5px}.header-search{display:none}.content{padding:4px 16px 92px}.mobile-only{display:inline-flex}.page-title{font-size:19px}.mobile-nav{position:fixed;inset:auto 0 0 0;z-index:35;display:flex;align-items:stretch;height:62px;padding-bottom:env(safe-area-inset-bottom,0);background:#fbfbfaeb;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-top:1px solid var(--border)}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:10px;font-weight:450;transition:color .14s var(--ease);-webkit-tap-highlight-color:transparent}.mobile-nav-item.is-active{color:var(--text)}.mobile-nav-item.is-active svg{stroke-width:2}}@media (max-width: 420px){.header-sub{display:none}.mobile-nav-item{font-size:9.5px}}@media (max-height: 860px){.nav-item{height:32px}.nav-item+.nav-item{margin-top:0}.nav-group{margin-bottom:10px}}@media (max-height: 760px){.nav-item{height:30px}.nav-group{margin-bottom:8px}.nav-group-label{padding-bottom:3px;font-size:10px}.sidebar-nav{padding:10px}.sidebar-foot{padding:6px 10px 8px}.user-card{padding:5px 8px}.avatar{width:29px;height:29px}}@media (max-height: 680px){.nav-item{height:28px;font-size:13px}.nav-group{margin-bottom:6px}.nav-group-label{padding-bottom:2px}.sidebar-foot>.nav-item{height:28px}.user-card-meta{display:none}.user-card{justify-content:center;padding:5px 0}}@media (max-height: 620px){.nav-item{height:26px;font-size:12.5px}.nav-group{margin-bottom:4px}.nav-group-label{padding-bottom:1px;font-size:9.5px}.nav-item>svg{width:14px;height:14px}.sidebar-nav{padding:6px 10px}.sidebar-foot{padding:4px 10px 6px}.sidebar-foot>.nav-item{height:26px}.user-card{padding:3px 0}.user-card .avatar{width:26px;height:26px}}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-bottom:var(--gap)}.stat-card{position:relative;display:flex;flex-direction:column;padding:20px 21px 18px;min-height:132px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.stat-label{font-size:12.5px;font-weight:450;color:var(--text-3);letter-spacing:-.003em}.stat-arrow{color:var(--text-muted);opacity:0;transform:translate(-2px,2px);transition:all .2s var(--ease)}.stat-card:hover .stat-arrow{opacity:1;transform:translate(0)}.stat-value{margin-top:14px;font-size:27px;font-weight:600;letter-spacing:-.032em;line-height:1.1}.stat-foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-muted)}.trend{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.trend.is-up{color:var(--success-fg)}.trend.is-down{color:var(--danger-fg)}.dash-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:var(--gap);align-items:start}.chart-wrap{padding:6px 8px 4px}.chart-legend{display:flex;align-items:center;gap:16px;padding:0 16px 14px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.legend-swatch{width:7px;height:7px;border-radius:2px;flex:none}.range-toggle{display:inline-flex;gap:2px;padding:3px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--r-pill)}.range-toggle button{height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:12px;font-weight:450;color:var(--text-3);transition:all .16s var(--ease)}.range-toggle button:hover{color:var(--text-2)}.range-toggle button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:500;box-shadow:var(--shadow-xs)}.chart-tip{padding:9px 11px;background:#fffffff7;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md);font-size:12px;min-width:132px}.chart-tip-date{color:var(--text-3);margin-bottom:6px;font-size:11.5px}.chart-tip-row{display:flex;align-items:center;gap:8px;padding:2px 0}.chart-tip-row .k{color:var(--text-3)}.chart-tip-row .v{margin-left:auto;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.activity-list{padding:4px 24px 10px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.activity-item:last-child{border-bottom:none}.activity-text{font-size:13px;line-height:1.45;color:var(--text-2)}.activity-text b{font-weight:500;color:var(--text)}.activity-time{margin-top:3px;font-size:11.5px;color:var(--text-muted)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar .search{flex:1;min-width:190px;max-width:300px}.toolbar .search .input{height:34px}.filter-chips{display:flex;align-items:center;gap:2px;padding:3px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--r-pill);max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-chips::-webkit-scrollbar{display:none}.filter-chips .chip{height:26px;flex:none}.filter-chips .chip[aria-selected=true]{background:var(--surface);border-color:transparent;box-shadow:var(--shadow-xs)}.table-cards{display:none}.user-card-row{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);text-align:left;width:100%;transition:border-color .16s var(--ease)}.user-card-row:hover{border-color:var(--border-strong)}.user-card-row .meta{flex:1;min-width:0}.profile-head{display:flex;align-items:flex-start;gap:20px;padding:26px 28px;flex-wrap:wrap}.profile-name{font-size:19px;font-weight:600;letter-spacing:-.022em}.profile-email{margin-top:3px;font-size:13.5px;color:var(--text-3)}.profile-meta{display:flex;align-items:center;gap:8px;margin-top:11px;flex-wrap:wrap}.profile-tabs{padding:0 28px}.def-list{display:flex;flex-direction:column}.def-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--border-soft);align-items:center}.def-row:last-child{border-bottom:none}.def-key{font-size:13px;color:var(--text-3)}.def-val{font-size:13.5px;color:var(--text);min-width:0}@media (max-width: 620px){.def-row{grid-template-columns:minmax(0,1fr);gap:3px}.profile-head{padding:20px}.profile-tabs{padding:0 20px}.profile-tabs{padding-left:0;padding-right:0}.profile-tabs .tabs{padding-left:20px;padding-right:20px}}.notif-row{display:flex;align-items:flex-start;gap:13px;width:100%;padding:16px 20px;text-align:left;border-bottom:1px solid var(--border-soft);transition:background .14s var(--ease);position:relative}.notif-row:last-child{border-bottom:none}.notif-row:hover{background:var(--surface-muted)}.notif-row.is-unread{background:var(--unread-bg)}.notif-row.is-unread:hover{background:var(--unread-hover)}.notif-title{font-size:13.5px;font-weight:450;color:var(--text);line-height:1.4}.notif-row.is-unread .notif-title{font-weight:500}.notif-text{margin-top:2px;font-size:12.5px;color:var(--text-3);line-height:1.45}.notif-time{margin-top:5px;font-size:11.5px;color:var(--text-muted)}.notif-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex:none}.notif-right{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}.unread-dot{width:6px;height:6px;border-radius:50%;background:var(--text);flex:none}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(276px,1fr));gap:var(--gap)}.project-card{display:flex;flex-direction:column;padding:19px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm);text-align:left;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}.project-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.project-title{font-size:14px;font-weight:550;letter-spacing:-.012em;margin-top:13px}.project-updated{margin-top:3px;font-size:12px;color:var(--text-muted)}.project-foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-soft);display:flex;align-items:center;gap:10px}.plan-card{padding:24px 26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm)}.plan-price{display:flex;align-items:baseline;gap:3px;margin-top:12px}.plan-amount{font-size:30px;font-weight:600;letter-spacing:-.03em}.usage-row{padding:15px 0;border-bottom:1px solid var(--border-soft)}.usage-row:last-child{border-bottom:none;padding-bottom:0}.usage-row:first-child{padding-top:0}.usage-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}.usage-name{font-size:13.5px;color:var(--text)}.usage-val{font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.settings-layout{display:grid;grid-template-columns:186px minmax(0,1fr);gap:26px;align-items:start}.settings-nav{position:sticky;top:calc(var(--header-h) + 20px);display:flex;flex-direction:column;gap:1px;max-width:100%}.settings-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--r-sm);font-size:13.5px;font-weight:450;color:var(--text-3);text-align:left;transition:background .14s var(--ease),color .14s var(--ease)}.settings-nav-item:hover{background:var(--surface-muted);color:var(--text-2)}.settings-nav-item.is-active{background:var(--nav-active);color:var(--text);font-weight:500}.settings-section{display:flex;flex-direction:column;gap:var(--gap)}@media (max-width: 900px){.settings-layout{grid-template-columns:minmax(0,1fr);gap:16px}.settings-nav{position:static;flex-direction:row;gap:3px;overflow-x:auto;max-width:100%;padding-bottom:4px;margin:0 -4px;padding-left:4px;padding-right:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{flex:none}}.cmd-list{display:flex;flex-direction:column}.cmd-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-soft)}.cmd-row:last-child{border-bottom:none}.cmd-main{flex:1;min-width:0}.cmd-title{font-size:13.5px;color:var(--text);font-weight:450}.cmd-desc{margin-top:2px;font-size:12.5px;color:var(--text-3)}.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.integration-card{display:flex;align-items:flex-start;gap:13px;padding:17px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.integration-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.integration-logo{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-md);background:var(--surface-muted);border:1px solid var(--border);color:var(--text-2);font-size:14px;font-weight:600;flex:none}.split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--gap);align-items:start}.msg-item{display:flex;gap:11px;padding:12px 14px;border-radius:var(--r-md);text-align:left;width:100%;transition:background .12s var(--ease)}.msg-item:hover{background:var(--surface-muted)}.msg-item.is-active{background:var(--nav-active)}.msg-preview{margin-top:2px;font-size:12.5px;color:var(--text-3);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 900px){.split,.dash-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 1180px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.table-wrap{display:none}.table-cards{display:flex;flex-direction:column;gap:10px}.toolbar .search{max-width:none}}@media (max-width: 620px){.stat-grid{grid-template-columns:minmax(0,1fr);gap:12px}.stat-card{min-height:0;padding:17px 18px}.stat-value{font-size:24px}.card-head{padding:18px 18px 0}.card-body{padding:16px 18px 20px}.activity-list{padding:2px 18px 8px}.card-foot{padding:12px 18px}.page-head{margin-bottom:18px}.profile-head{gap:14px}.notif-row{padding:14px 16px}.project-grid{grid-template-columns:minmax(0,1fr)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#17171747;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:overlayIn .18s var(--ease)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:100%;max-width:460px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-lg);animation:modalIn .22s var(--ease);overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:flex-start;gap:14px;padding:22px 24px 0}.modal-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-md);background:var(--surface-muted);border:1px solid var(--border);color:var(--text-2);flex:none}.modal-icon.is-danger{background:var(--danger-bg);border-color:transparent;color:var(--danger-fg)}.modal-title{font-size:15px;font-weight:600;letter-spacing:-.015em}.modal-text{margin-top:4px;font-size:13.5px;color:var(--text-3);line-height:1.5}.modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px 20px}.modal-wide{max-width:620px}.toast-region{position:fixed;z-index:120;bottom:22px;right:22px;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:center;gap:10px;padding:11px 14px 11px 12px;min-width:260px;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastIn .26s var(--ease)}@keyframes toastIn{0%{opacity:0;transform:translate(12px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.toast.is-leaving{animation:toastOut .2s var(--ease) forwards}@keyframes toastOut{to{opacity:0;transform:translate(12px) scale(.98)}}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;flex:none}.toast-icon.is-success{background:var(--success-bg);color:var(--success-fg)}.toast-text{font-size:13px;color:var(--text);line-height:1.4}.toast-action{margin-left:auto;font-size:12.5px;font-weight:500;color:var(--text-2);padding:3px 6px;border-radius:6px;flex:none;transition:background .14s var(--ease)}.toast-action:hover{background:var(--surface-muted)}@media (max-width: 760px){.toast-region{bottom:76px;left:16px;right:16px}.toast{min-width:0;max-width:none}}.palette{position:fixed;z-index:110;top:14vh;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 32px));max-height:68vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;animation:modalIn .2s var(--ease)}.palette-input{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--border-soft);flex:none}.palette-input>svg{color:var(--text-muted)}.palette-input input{flex:1;border:none;background:none;font-size:14.5px;color:var(--text);min-width:0}.palette-input input::placeholder{color:var(--text-muted)}.palette-input input:focus{outline:none}.palette-list{overflow-y:auto;padding:6px;flex:1}.palette-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;border-radius:var(--r-sm);text-align:left;color:var(--text-2);font-size:13.5px;transition:background .1s var(--ease)}.palette-item>svg{color:var(--text-muted);flex:none}.palette-item.is-cursor{background:var(--surface-muted);color:var(--text)}.palette-item.is-cursor>svg{color:var(--text-2)}.palette-item-cta{margin-left:auto;font-size:11.5px;color:var(--text-muted);flex:none}.palette-foot{display:flex;align-items:center;gap:14px;padding:9px 16px;border-top:1px solid var(--border-soft);background:var(--surface-sunken);font-size:11.5px;color:var(--text-muted);flex:none}.palette-foot kbd{font-family:var(--font);font-size:10.5px;font-weight:500;border:1px solid var(--border);border-radius:5px;padding:1px 5px;background:var(--surface);color:var(--text-3)}.select-field{position:relative;width:100%}.select-trigger{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 11px 0 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);font-size:13.5px;color:var(--text);text-align:left;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.select-trigger:hover{border-color:var(--border-strong);background:var(--surface)}.select-trigger[aria-expanded=true]{border-color:var(--text);box-shadow:var(--ring)}.select-trigger:disabled{opacity:.5;cursor:not-allowed}.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-value.is-placeholder{color:var(--text-muted)}.select-caret{color:var(--text-muted);flex:none;transition:transform .18s var(--ease),color .16s var(--ease)}.select-trigger[aria-expanded=true] .select-caret{transform:rotate(180deg);color:var(--text-3)}.select-lead{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:var(--surface-muted);color:var(--text-3);font-size:10.5px;font-weight:600;flex:none}.select-menu{position:absolute;z-index:70;max-height:264px;overflow-y:auto;overscroll-behavior:contain;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:pop .14s var(--ease)}.select-option{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border-radius:8px;font-size:13.5px;color:var(--text-2);text-align:left;transition:background .12s var(--ease),color .12s var(--ease)}.select-option:hover,.select-option.is-active{background:var(--surface-muted);color:var(--text)}.select-option[aria-selected=true]{color:var(--text);font-weight:500}.select-option-check{margin-left:auto;color:var(--text-3);flex:none;opacity:0}.select-option[aria-selected=true] .select-option-check{opacity:1}.select-option-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.select-group-label{padding:8px 9px 5px;font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}.select-empty{padding:14px 10px;text-align:center;font-size:12.5px;color:var(--text-3)}:root,[data-theme=neutral]{color-scheme:light;--bg: #F7F7F5;--surface: #FFFFFF;--surface-sunken:#FAFAF9;--surface-muted: #F8F8F8;--sidebar: #FBFBFA;--border: #E8E8E6;--border-soft: #F0F0EE;--border-strong: #DEDEDA;--text: #171717;--text-2: #6B6B6B;--text-3: #6F6F6F;--text-muted: #B5B5B5;--primary: #111111;--primary-hover: #2A2A2A;--primary-text: #FFFFFF;--success-bg: #F1F7F2;--success-fg: #4C7A56;--success-dot: #6FA37A;--warning-bg: #FBF6EC;--warning-fg: #8A6A2F;--warning-dot: #C4A15C;--danger-bg: #FAF1F0;--danger-fg: #9A5148;--danger-dot: #C4776C;--accent-bg: #F0F3F8;--accent-fg: #4A6285;--accent-dot: #7A93B5;--violet-bg: #F4F2F8;--violet-fg: #635B84;--violet-dot: #8B82AC;--chart-grid: #F0F0EE;--chart-tick: #A8A8A6;--overlay: rgba(23, 23, 23, .28);--shadow-xs: 0 1px 2px rgba(20, 20, 20, .02);--shadow-sm: 0 1px 2px rgba(20, 20, 20, .025), 0 2px 8px rgba(20, 20, 20, .02);--shadow-md: 0 2px 4px rgba(20, 20, 20, .025), 0 8px 24px rgba(20, 20, 20, .045);--shadow-lg: 0 4px 8px rgba(20, 20, 20, .03), 0 20px 48px rgba(20, 20, 20, .07);--ring: 0 0 0 3px rgba(17, 17, 17, .06);--nav-active: #EFEFEF;--danger-hover: #F6E8E6;--invalid-border: #D9A9A2;--unread-bg: #F8F8F8;--unread-hover: #F5F5F4;--scrollbar: #DCDCD9;--scrollbar-hover: #C6C6C2}[data-theme=light]{color-scheme:light;--bg: #F6F7F9;--surface: #FFFFFF;--surface-sunken:#F9FAFB;--surface-muted: #F5F6F8;--sidebar: #FAFBFC;--border: #E6E8EC;--border-soft: #EFF1F4;--border-strong: #DBDEE3;--text: #14171C;--text-2: #5F6771;--text-3: #656E79;--text-muted: #A9B1BA;--primary: #0F1216;--primary-hover: #262B32;--primary-text: #FFFFFF;--success-bg: #EEF5F0;--success-fg: #41704F;--success-dot: #63936F;--warning-bg: #FAF4E9;--warning-fg: #83642B;--warning-dot: #BE9A55;--danger-bg: #F9EFEE;--danger-fg: #95463D;--danger-dot: #C07064;--accent-bg: #EDF2F8;--accent-fg: #405B7E;--accent-dot: #6D89AF;--violet-bg: #F1EFF7;--violet-fg: #5A5382;--violet-dot: #837AA6;--chart-grid: #EFF1F4;--chart-tick: #9CA5AF;--overlay: rgba(20, 23, 28, .3);--shadow-xs: 0 1px 2px rgba(16, 20, 26, .03);--shadow-sm: 0 1px 2px rgba(16, 20, 26, .035), 0 2px 8px rgba(16, 20, 26, .03);--shadow-md: 0 2px 4px rgba(16, 20, 26, .035), 0 8px 24px rgba(16, 20, 26, .05);--shadow-lg: 0 4px 8px rgba(16, 20, 26, .04), 0 20px 48px rgba(16, 20, 26, .09);--ring: 0 0 0 3px rgba(15, 18, 22, .07);--nav-active: #ECEFF3;--danger-hover: #F5E5E3;--invalid-border: #D3A49D;--unread-bg: #F5F7F9;--unread-hover: #F1F3F6;--scrollbar: #D6DAE0;--scrollbar-hover: #BFC4CB}[data-theme=sand]{color-scheme:light;--bg: #F4F1EA;--surface: #FFFDFA;--surface-sunken:#FAF7F1;--surface-muted: #F6F2EA;--sidebar: #F9F6F0;--border: #E5DED1;--border-soft: #EFE9DE;--border-strong: #D8D0C0;--text: #1C1917;--text-2: #6B6259;--text-3: #776D62;--text-muted: #B2A697;--primary: #1A1714;--primary-hover: #322C26;--primary-text: #FFFDFA;--success-bg: #EDF3EA;--success-fg: #4A6F51;--success-dot: #6D9A76;--warning-bg: #F8F0E0;--warning-fg: #85632A;--warning-dot: #C09A52;--danger-bg: #F8ECE7;--danger-fg: #94513F;--danger-dot: #BE7461;--accent-bg: #EAF0F4;--accent-fg: #42607C;--accent-dot: #6E8CAC;--violet-bg: #EFEAF5;--violet-fg: #5D5480;--violet-dot: #877DA8;--chart-grid: #EFE9DE;--chart-tick: #A79C8B;--overlay: rgba(28, 25, 23, .3);--shadow-xs: 0 1px 2px rgba(40, 32, 22, .03);--shadow-sm: 0 1px 2px rgba(40, 32, 22, .035), 0 2px 8px rgba(40, 32, 22, .028);--shadow-md: 0 2px 4px rgba(40, 32, 22, .035), 0 8px 24px rgba(40, 32, 22, .05);--shadow-lg: 0 4px 8px rgba(40, 32, 22, .04), 0 20px 48px rgba(40, 32, 22, .08);--ring: 0 0 0 3px rgba(26, 23, 20, .07);--nav-active: #EBE4D8;--danger-hover: #F3E2DA;--invalid-border: #D2A092;--unread-bg: #F6F2EA;--unread-hover: #F2ECE1;--scrollbar: #D8D0C0;--scrollbar-hover: #C2B8A5}[data-theme=midnight]{color-scheme:dark;--bg: #0E1013;--surface: #16191D;--surface-sunken:#121519;--surface-muted: #1C2025;--sidebar: #111418;--border: #262B31;--border-soft: #1E2228;--border-strong: #363C44;--text: #F0F1F2;--text-2: #A5ACB5;--text-3: #939BA5;--text-muted: #6B737D;--primary: #F0F1F2;--primary-hover: #FFFFFF;--primary-text: #0E1013;--success-bg: #16241A;--success-fg: #7BC08A;--success-dot: #6FAF7F;--warning-bg: #241D10;--warning-fg: #D6B268;--warning-dot: #C9A459;--danger-bg: #241614;--danger-fg: #DB8B7E;--danger-dot: #C87A6D;--accent-bg: #141D2B;--accent-fg: #8AADD8;--accent-dot: #7BA0CC;--violet-bg: #1B1727;--violet-fg: #A79BD1;--violet-dot: #9A8DC4;--chart-grid: #22262C;--chart-tick: #79818B;--overlay: rgba(0, 0, 0, .62);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .28);--shadow-md: 0 2px 4px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .4), 0 20px 48px rgba(0, 0, 0, .5);--ring: 0 0 0 3px rgba(240, 241, 242, .12);--nav-active: #262B31;--danger-hover: #301B18;--invalid-border: #7A423B;--unread-bg: #191D22;--unread-hover: #1E232A;--scrollbar: #333A42;--scrollbar-hover: #434B55}[data-theme=graphite]{color-scheme:dark;--bg: #1B1B1B;--surface: #232323;--surface-sunken:#1F1F1F;--surface-muted: #2A2A2A;--sidebar: #1E1E1E;--border: #333333;--border-soft: #2B2B2B;--border-strong: #434343;--text: #EDEDED;--text-2: #A8A8A8;--text-3: #969696;--text-muted: #707070;--primary: #EDEDED;--primary-hover: #FFFFFF;--primary-text: #1B1B1B;--success-bg: #1D2A1F;--success-fg: #85C093;--success-dot: #79B789;--warning-bg: #2C2412;--warning-fg: #DCBB70;--warning-dot: #CFAB5F;--danger-bg: #2E1A18;--danger-fg: #E09083;--danger-dot: #D07E70;--accent-bg: #1B2430;--accent-fg: #8DB3DD;--accent-dot: #7FA5D0;--violet-bg: #221E2E;--violet-fg: #AEA3D6;--violet-dot: #A093CC;--chart-grid: #2E2E2E;--chart-tick: #828282;--overlay: rgba(0, 0, 0, .6);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .34), 0 2px 8px rgba(0, 0, 0, .26);--shadow-md: 0 2px 4px rgba(0, 0, 0, .34), 0 8px 24px rgba(0, 0, 0, .38);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .4), 0 20px 48px rgba(0, 0, 0, .48);--ring: 0 0 0 3px rgba(237, 237, 237, .13);--nav-active: #333333;--danger-hover: #3A211E;--invalid-border: #7E423B;--unread-bg: #282828;--unread-hover: #2E2E2E;--scrollbar: #3D3D3D;--scrollbar-hover: #4D4D4D}[data-theme=dusk]{color-scheme:dark;--bg: #0F1319;--surface: #161B23;--surface-sunken:#12161D;--surface-muted: #1C222B;--sidebar: #12161C;--border: #252C37;--border-soft: #1E242D;--border-strong: #35404E;--text: #E9ECF1;--text-2: #9FA9B7;--text-3: #8B95A3;--text-muted: #616B79;--primary: #E9ECF1;--primary-hover: #FFFFFF;--primary-text: #0F1319;--success-bg: #13251C;--success-fg: #74C294;--success-dot: #69B385;--warning-bg: #26230F;--warning-fg: #D4B467;--warning-dot: #C7A856;--danger-bg: #2A1614;--danger-fg: #E08A7C;--danger-dot: #D2796A;--accent-bg: #131E2E;--accent-fg: #82A9DD;--accent-dot: #7299CE;--violet-bg: #1C1A2C;--violet-fg: #A79CD6;--violet-dot: #9B8FCA;--chart-grid: #212832;--chart-tick: #75808E;--overlay: rgba(5, 8, 12, .66);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .32);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .38), 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .38), 0 8px 24px rgba(0, 0, 0, .44);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .42), 0 20px 48px rgba(0, 0, 0, .55);--ring: 0 0 0 3px rgba(233, 236, 241, .13);--nav-active: #252C37;--danger-hover: #341C19;--invalid-border: #7B463E;--unread-bg: #1A2028;--unread-hover: #1F2630;--scrollbar: #2E3742;--scrollbar-hover: #3D4856}[data-theme] .avatar{background:var(--surface-muted);color:var(--text-2)}[data-theme] .skel{background:var(--surface-muted)}[data-theme] .skel:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)}[data-theme=midnight] .skel:after,[data-theme=graphite] .skel:after,[data-theme=dusk] .skel:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}[data-theme] .tip-body{background:var(--text);color:var(--surface)}[data-theme] .toast{background:var(--surface)}[data-theme] .mobile-nav{background:color-mix(in srgb,var(--sidebar) 92%,transparent)}[data-theme] .header{background:color-mix(in srgb,var(--bg) 82%,transparent)}[data-theme] .scrim,[data-theme] .overlay{background:var(--overlay)}[data-theme] .input,[data-theme] .select-trigger,[data-theme] .textarea{background:var(--surface)}[data-theme] ::-webkit-scrollbar-thumb{background:var(--scrollbar)}[data-theme] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.theme-switcher{display:flex;align-items:center;gap:5px}.theme-dot{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);transition:border-color .16s var(--ease),transform .16s var(--ease)}.theme-dot:hover{transform:scale(1.08)}.theme-dot.is-active{border-color:var(--text)}.theme-dot:focus-visible{outline:2px solid var(--text);outline-offset:2px}.theme-dot-fill{position:relative;display:block;width:16px;height:16px;border-radius:50%;overflow:hidden}.theme-dot-fill>i{position:absolute;left:0;right:0;height:7px}.theme-dot-fill>i:first-child{top:0}.theme-dot-fill>i:last-child{bottom:0}.theme-swatch{position:relative;display:block;width:20px;height:20px;border-radius:6px;border:1px solid var(--border);flex:none;overflow:hidden}.theme-swatch>i{position:absolute;left:0;right:0;height:8px}.theme-swatch>i:first-child{top:0}.theme-swatch>i:last-child{bottom:0}.theme-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.theme-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px 10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:left;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.theme-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.theme-card.is-active{border-color:var(--text)}.theme-card-preview{position:relative;display:block;height:62px;border-radius:10px;border:1px solid var(--border);overflow:hidden}.theme-card-bar{position:absolute;top:0;left:0;right:0;height:12px;opacity:.9}.theme-card-line{position:absolute;top:22px;left:10px;width:52%;height:5px;border-radius:3px;opacity:.75}.theme-card-line.is-short{top:33px;width:34%;opacity:.45}.theme-card-pill{position:absolute;top:45px;right:10px;width:26px;height:9px;border-radius:999px;opacity:.85}.theme-card-name{font-size:13px;font-weight:450;color:var(--text-2)}.theme-card.is-active .theme-card-name{color:var(--text);font-weight:500}.theme-card-check{position:absolute;right:10px;bottom:12px;color:var(--text-3)}.header-theme{padding:0 2px;margin-right:2px}@media (max-width: 900px){.header-theme{display:none}}[data-collapsed=true]{--sidebar-w: 64px}[data-collapsed=true] .nav-group-label,[data-collapsed=true] .nav-item>span,[data-collapsed=true] .nav-count{display:none}[data-collapsed=true] .nav-item{justify-content:center;padding:0;gap:0}[data-collapsed=true] .sidebar-nav{padding:14px 10px 16px}[data-collapsed=true] .user-card{justify-content:center;padding:7px 0}[data-collapsed=true] .user-card-meta,[data-collapsed=true] .user-card>svg{display:none}[data-collapsed=true] .sidebar-foot>.nav-item>span{display:none}[data-collapsed=true] .sidebar-foot>.nav-item{justify-content:center;padding:0}[data-floating=true]{--sidebar-inset: 12px;--sidebar-h: calc(var(--header-h) - 12px);--sidebar-r: 18px}[data-floating=true] .sidebar{inset:var(--sidebar-inset) auto var(--sidebar-inset) var(--sidebar-inset);border:1px solid var(--border);border-radius:var(--sidebar-r);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}[data-floating=true] .sidebar-foot{border-top-color:var(--border-soft)}[data-floating=true] .nav-item.is-active{background:var(--nav-active)}[data-floating=true] .main{margin-left:calc(var(--sidebar-w) + var(--sidebar-inset) * 2)}@media (max-width: 1080px){[data-floating=true]{--sidebar-inset: 8px;--sidebar-h: calc(var(--header-h) - 8px);--sidebar-r: 16px}}@media (max-width: 760px){[data-floating=true] .sidebar{inset:0 auto 0 0;border-radius:0;border-left:none;border-top:none;border-bottom:none}[data-floating=true] .main{margin-left:0}}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.login-form-side{display:flex;flex-direction:column;justify-content:center;padding:40px 56px;position:relative;min-width:0}.login-brand{position:absolute;top:32px;left:56px;display:flex;align-items:center;gap:9px}.login-box{width:100%;max-width:372px;margin:0 auto}.login-title{font-size:25px;font-weight:600;letter-spacing:-.026em;line-height:1.2}.login-subtitle{margin-top:8px;font-size:14px;color:var(--text-3);line-height:1.5}.login-form{margin-top:28px;display:flex;flex-direction:column;gap:15px}.login-field{display:flex;flex-direction:column;gap:7px}.login-label{font-size:12.5px;font-weight:500;color:var(--text-2)}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-wrap>svg{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.login-input{width:100%;height:44px;padding:0 13px;font-size:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.login-input-wrap>svg+.login-input{padding-left:38px}.login-input::placeholder{color:var(--text-muted)}.login-input:hover{border-color:var(--border-strong)}.login-input:focus{outline:none;border-color:var(--text);box-shadow:var(--ring)}.login-input[aria-invalid=true]{border-color:var(--invalid-border)}.login-reveal{position:absolute;right:6px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:var(--text-muted);transition:background .14s var(--ease),color .14s var(--ease)}.login-reveal:hover{background:var(--surface-muted);color:var(--text-2)}.login-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.login-submit{width:100%;height:44px;margin-top:4px;border-radius:var(--r-md);background:var(--primary);color:var(--primary-text);font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .16s var(--ease),transform .12s var(--ease)}.login-submit:hover:not(:disabled){background:var(--primary-hover)}.login-submit:active:not(:disabled){transform:scale(.99)}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-error{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:var(--r-md);background:var(--danger-bg);color:var(--danger-fg);font-size:13px;line-height:1.45;animation:shake .32s var(--ease)}.login-error>svg{flex:none;margin-top:1px}.login-hint{margin-top:26px;padding:13px 14px;border-radius:var(--r-md);background:var(--surface-muted);border:1px solid var(--border-soft);font-size:12.5px;color:var(--text-3);line-height:1.55}.login-hint b{color:var(--text-2);font-weight:550}.login-hint code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;background:var(--surface);padding:1px 5px;border-radius:5px;border:1px solid var(--border)}.login-footer{position:absolute;bottom:26px;left:56px;right:56px;font-size:12px;color:var(--text-muted);display:flex;gap:14px;flex-wrap:wrap}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.twofa-code-input{width:100%;height:56px;text-align:center;font-size:24px;font-weight:500;letter-spacing:.34em;text-indent:.34em;font-family:var(--font-num);font-variant-numeric:tabular-nums;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.twofa-code-input:focus{outline:none;border-color:var(--text);box-shadow:var(--ring)}.twofa-back{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:13px;color:var(--text-3);transition:color .14s var(--ease)}.twofa-back:hover{color:var(--text)}.login-visual{position:relative;overflow:hidden;background:var(--primary);display:flex;flex-direction:column;justify-content:center;padding:56px;min-width:0;background-image:radial-gradient(120% 90% at 15% 8%,rgba(255,255,255,.09),transparent 55%),radial-gradient(90% 70% at 88% 96%,rgba(255,255,255,.05),transparent 58%)}.login-visual-content{position:relative;z-index:2;color:var(--primary-text);max-width:430px}.login-visual-title{font-size:30px;font-weight:600;letter-spacing:-.028em;line-height:1.22}.login-visual-text{margin-top:14px;font-size:14.5px;line-height:1.6;opacity:.62}.login-metrics{margin-top:38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ffffff21;border-radius:var(--r-lg);overflow:hidden}.login-metric{background:var(--primary);padding:16px 15px}.login-metric-value{font-size:21px;font-weight:600;letter-spacing:-.024em;font-variant-numeric:tabular-nums}.login-metric-label{margin-top:3px;font-size:11.5px;opacity:.5;line-height:1.35}.login-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.9}.login-art line,.login-art circle,.login-art path{fill:none;stroke:#ffffff38;stroke-width:1;vector-effect:non-scaling-stroke}.login-art .accent{stroke:#fff6;stroke-width:1.25}.login-art .pulse{stroke:#ffffff8c;stroke-width:1.5;transform-origin:center;animation:pulse 4.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25;transform:scale(.985)}50%{opacity:.7;transform:scale(1.015)}}.login-art .orb{fill:#ffffffd9;stroke:none;animation:drift 9s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0)}33%{transform:translate(10px,-14px)}66%{transform:translate(-8px,10px)}}.login-ticker{position:absolute;left:0;right:0;bottom:0;height:1px;background:#ffffff1a;overflow:hidden;z-index:1}.login-ticker:after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:sweep 5.5s linear infinite}@keyframes sweep{to{left:100%}}.login-langs{position:absolute;top:32px;right:56px;display:flex;gap:2px;padding:3px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--r-pill)}.login-lang{height:26px;padding:0 11px;border-radius:var(--r-pill);font-size:12px;font-weight:500;color:var(--text-3);transition:all .16s var(--ease)}.login-lang:hover{color:var(--text-2)}.login-lang.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}@media (max-width: 980px){.login-page{grid-template-columns:1fr}.login-visual{order:-1;padding:34px 28px 38px;min-height:232px;justify-content:flex-end}.login-visual-content{max-width:none}.login-visual-title{font-size:22px}.login-visual-text{display:none}.login-metrics{margin-top:22px}.login-metric{padding:12px 13px}.login-metric-value{font-size:17px}.login-form-side{padding:32px 28px 40px}.login-brand{top:24px;left:28px}.login-langs{top:24px;right:28px}.login-footer{position:static;margin-top:28px;left:auto;right:auto}}@media (max-width: 560px){.login-form-side{padding:26px 20px 32px}.login-brand{top:20px;left:20px}.login-langs{top:20px;right:20px}.login-visual{padding:26px 20px 30px;min-height:200px}.login-visual-title{font-size:19px}.login-metrics{grid-template-columns:1fr}.login-box{max-width:none}}