@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;1,14..32,400&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--crimson-50:oklch(97.1% .013 22);--crimson-100:oklch(93.6% .034 22);--crimson-200:oklch(88.5% .067 22);--crimson-300:oklch(80.8% .116 22);--crimson-400:oklch(70.4% .173 22);--crimson-500:oklch(62.8% .207 22);--crimson-600:oklch(56.7% .213 22);--crimson-700:oklch(50.5% .193 22);--crimson-800:oklch(44.7% .163 22);--crimson-900:oklch(39.8% .133 22);--crimson-950:oklch(26.8% .088 22);--neutral-0:oklch(100% 0 0);--neutral-50:oklch(98.6% .0035 60);--neutral-100:oklch(96.9% .005 55);--neutral-150:oklch(94.9% .006 50);--neutral-200:oklch(92.4% .007 50);--neutral-300:oklch(87.2% .009 48);--neutral-400:oklch(71.5% .011 45);--neutral-500:oklch(56% .013 42);--neutral-600:oklch(45.2% .013 40);--neutral-700:oklch(37.4% .012 38);--neutral-800:oklch(27.8% .011 36);--neutral-900:oklch(20.8% .01 34);--neutral-950:oklch(15.8% .009 32);--ink:oklch(18.5% .012 32);--indigo-50:oklch(97% .014 264);--indigo-100:oklch(93.2% .03 264);--indigo-200:oklch(87.6% .055 264);--indigo-300:oklch(79.2% .09 264);--indigo-400:oklch(66.8% .13 264);--indigo-500:oklch(56% .155 264);--indigo-600:oklch(49.8% .165 264);--indigo-700:oklch(43.8% .15 264);--success:oklch(64% .15 150);--success-fg:oklch(43% .11 150);--success-bg:oklch(96% .03 150);--success-border:oklch(87% .06 150);--warning:oklch(77% .14 75);--warning-fg:oklch(52% .11 60);--warning-bg:oklch(96.5% .04 80);--warning-border:oklch(88% .075 78);--danger:oklch(58.5% .205 27);--danger-fg:oklch(50% .19 27);--danger-bg:oklch(96.2% .025 27);--danger-border:oklch(87.5% .06 27);--info:oklch(62% .13 245);--info-fg:oklch(49% .12 245);--info-bg:oklch(96.2% .028 245);--info-border:oklch(87% .055 245);--sev-low:oklch(62% .11 245);--sev-medium:oklch(77% .14 75);--sev-high:oklch(68% .16 45);--sev-critical:oklch(56% .205 27);--chart-1:oklch(60% .2 22);--chart-2:oklch(56% .15 264);--chart-3:oklch(68% .105 195);--chart-4:oklch(78.5% .14 75);--chart-5:oklch(58.5% .16 305);--chart-6:oklch(67% .14 150);--chart-7:oklch(69% .115 235);--chart-8:oklch(72% .13 12);--bg-app:var(--neutral-100);--bg-surface:var(--neutral-0);--bg-subtle:var(--neutral-50);--bg-muted:var(--neutral-150);--border-subtle:var(--neutral-200);--border-strong:var(--neutral-300);--text-strong:var(--ink);--text-default:var(--neutral-800);--text-muted:var(--neutral-600);--text-subtle:var(--neutral-500);--text-on-brand:var(--neutral-0);--brand:var(--crimson-600);--brand-hover:var(--crimson-700);--brand-active:var(--crimson-800);--brand-soft:var(--crimson-50);--focus-ring:color-mix(in oklch, var(--crimson-500) 55%, transparent);--font-sans:"Hanken Grotesk", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-overline:.6875rem;--text-caption:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px oklch(20% .02 32/.06);--shadow-sm:0 1px 2px oklch(20% .02 32/.06), 0 1px 3px oklch(20% .02 32/.08);--shadow-md:0 2px 4px oklch(20% .02 32/.05), 0 6px 12px oklch(20% .02 32/.08);--shadow-lg:0 8px 16px oklch(20% .02 32/.08), 0 16px 32px oklch(20% .02 32/.1);--shadow-xl:0 12px 24px oklch(20% .02 32/.1), 0 28px 56px oklch(20% .02 32/.14);--shadow-brand:0 6px 16px oklch(56.7% .213 22/.28);--ease:cubic-bezier(.2, .6, .2, 1);--dur-fast:.12s;--dur:.2s}html,body,#root{height:100%;min-height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a.menu-link,a.menu-link:hover{text-decoration:none}:focus-visible{box-shadow:var(--shadow-focus);outline:none}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text-default);background:var(--bg-app);-webkit-font-smoothing:antialiased;font-size:var(--text-base);margin:0}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-300);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400);background-clip:padding-box}.app-shell{grid-template-columns:248px 1fr;height:100vh;display:grid;overflow:hidden}.side-nav{background:var(--ink);color:var(--neutral-300);flex-direction:column;height:100vh;display:flex;overflow:hidden}.brand-box{flex-shrink:0;justify-content:center;align-items:center;padding:20px 20px 14px;display:flex}.brand-box img{object-fit:contain;height:24px}.brand-ver{font-family:var(--font-mono);color:var(--neutral-500);white-space:nowrap;border:1px solid oklch(100% 0 0/.12);border-radius:5px;padding:2px 6px;font-size:10px}.menu-list{flex:1;padding:6px 12px 12px;overflow-y:auto}.menu-list::-webkit-scrollbar-thumb{background:oklch(100% 0 0/.14)}.menu-section-title{font-size:var(--text-overline);letter-spacing:.13em;text-transform:uppercase;color:var(--neutral-500);margin:0;padding:16px 12px 6px;font-weight:700}.menu-link{border-radius:var(--radius-sm);color:var(--neutral-300);font-size:var(--text-sm);text-align:left;width:100%;transition:background var(--dur-fast), color var(--dur-fast);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:9px 12px;font-weight:500;text-decoration:none;display:flex;position:relative}.menu-link svg{opacity:.85;flex:none;width:17px;height:17px}.menu-link:hover{color:var(--neutral-0);background:oklch(100% 0 0/.06)}.menu-link.active{background:var(--crimson-600);color:#fff;box-shadow:var(--shadow-brand)}.menu-link.active svg{opacity:1}.menu-link-badge{font-family:var(--font-mono);background:oklch(100% 0 0/.12);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px}.menu-link.active .menu-link-badge{background:oklch(100% 0 0/.22)}.menu-link-label{flex:1}.profile-box{border-top:1px solid oklch(100% 0 0/.08);flex-shrink:0;align-items:center;gap:10px;padding:12px;display:flex}.profile-box .avatar{background:var(--chart-2);color:#fff;width:34px;height:34px;font-weight:700;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.profile-box .nm{color:#fff;font-size:var(--text-sm);font-weight:600}.profile-box .rl{color:var(--neutral-500);font-size:var(--text-caption)}.logout-button{display:none}.main-area{flex-direction:column;height:100vh;display:flex;overflow:hidden}.top-bar{background:var(--neutral-0);border-bottom:1px solid var(--border-subtle);flex:none;align-items:center;gap:14px;height:64px;padding:0 28px;display:flex}.top-bar-breadcrumb{flex-direction:column;display:flex}.top-bar-crumb{font-size:var(--text-caption);color:var(--text-subtle);font-weight:500}.top-bar-title{font-size:var(--text-xl);color:var(--text-strong);letter-spacing:-.01em;font-weight:800}.top-bar-spacer{flex:1}.tb-search{background:var(--neutral-100);border-radius:var(--radius-md);width:260px;transition:border var(--dur-fast), background var(--dur-fast);border:1px solid #0000;align-items:center;gap:8px;padding:8px 12px;display:flex}.tb-search:focus-within{background:var(--neutral-0);border-color:var(--crimson-400);box-shadow:0 0 0 3px var(--focus-ring)}.tb-search input{font-family:inherit;font-size:var(--text-sm);width:100%;color:var(--text-strong);background:0 0;border:none;outline:none}.tb-search svg{color:var(--text-subtle);flex-shrink:0}.tb-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--neutral-0);width:38px;height:38px;color:var(--text-muted);transition:background var(--dur-fast), border var(--dur-fast);cursor:pointer;place-items:center;display:grid;position:relative}.tb-icon-btn:hover{background:var(--neutral-50);border-color:var(--border-strong);color:var(--text-strong)}.tb-icon-btn svg{width:17px;height:17px}.tb-icon-btn .ping{background:var(--crimson-600);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.tb-search-dropdown{background:var(--neutral-0);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:200;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.tb-search-empty{color:var(--text-subtle);text-align:center;padding:14px 16px;font-size:13px}.tb-search-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 14px;transition:background .1s;display:flex}.tb-search-item:hover{background:var(--neutral-50)}.tb-search-avatar{background:var(--crimson-100);width:30px;height:30px;color:var(--crimson-700);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:grid}.tb-search-name{color:var(--text-strong);font-size:13px;font-weight:600}.tb-search-sub{color:var(--text-subtle);margin-top:1px;font-size:11px}.notify-wrap{position:relative}.notify-button{all:unset;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--neutral-0);width:38px;height:38px;color:var(--text-muted);transition:background var(--dur-fast), border var(--dur-fast);cursor:pointer;place-items:center;display:grid;position:relative}.notify-button:hover{background:var(--neutral-50);border-color:var(--border-strong)}.notify-badge{background:var(--crimson-600);color:#fff;border:2px solid var(--neutral-0);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.notify-popover{background:var(--neutral-0);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:360px;box-shadow:var(--shadow-xl);z-index:100;position:absolute;top:46px;right:0;overflow:hidden}.notify-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notify-head-left{font-size:var(--text-sm);color:var(--text-strong);align-items:center;gap:8px;font-weight:700;display:flex}.notify-count-label{background:var(--crimson-50);color:var(--brand);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.notify-read-all{font-size:var(--text-sm);color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.notify-list{max-height:380px;overflow-y:auto}.notify-empty{text-align:center;color:var(--text-subtle);font-size:var(--text-sm);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.notify-item{border-bottom:1px solid var(--border-subtle)}.notify-item:last-child{border-bottom:none}.notify-item.is-read{opacity:.6}.notify-main{text-align:left;cursor:pointer;width:100%;transition:background var(--dur-fast);background:0 0;border:none;align-items:flex-start;gap:10px;padding:13px 16px;display:flex}.notify-main:hover{background:var(--neutral-50)}.notify-icon-circle{border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;margin-top:2px;display:grid}.notify-text{flex-direction:column;flex:1;gap:2px;display:flex}.notify-type-pill{border-radius:999px;width:fit-content;padding:1px 6px;font-size:10px;font-weight:700}.notify-text strong{font-size:var(--text-sm);color:var(--text-strong);font-weight:600}.notify-message{font-size:var(--text-caption);color:var(--text-muted)}.notify-text small{font-size:var(--text-caption);color:var(--text-subtle)}.notify-dot{background:var(--crimson-600);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.notify-ripple{display:none}.notify-icon{pointer-events:none}.content-area{background:var(--bg-app);flex:1;padding:28px;overflow-y:auto}.shell-loading{background:var(--bg-app);place-items:center;height:100vh;display:grid}.loader{color:var(--text-muted);font-size:var(--text-sm)}.skip-link{position:absolute;left:-9999px}.mobile-menu-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--neutral-0);width:38px;height:38px;color:var(--text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:none}.mobile-nav-overlay{display:none}@media (width<=1100px){.tb-search{width:200px}}@media (width<=1000px){.app-shell{grid-template-columns:72px 1fr}.brand-box img{height:20px}.brand-box{justify-content:center}.brand-ver,.menu-link-label,.menu-section-title,.profile-box .nm,.profile-box .rl,.menu-link-badge{display:none}.menu-link{justify-content:center;padding:10px}.tb-search{width:180px}}@media (width<=768px){.app-shell{grid-template-columns:1fr}.side-nav{z-index:200;width:248px;height:100dvh;box-shadow:none;transition:left .25s cubic-bezier(.2,.6,.2,1);position:fixed;top:0;left:-260px}.side-nav.mobile-open{left:0;box-shadow:4px 0 32px #00000040}.mobile-nav-overlay{z-index:199;background:#00000073;display:block;position:fixed;inset:0}.mobile-menu-btn{display:inline-flex}.top-bar{gap:8px;height:52px;padding:0 14px}.tb-search{width:130px}.content-area{padding:14px}.top-bar-title{font-size:var(--text-base)}.top-bar-crumb{display:none}}@media (width<=480px){.content-area{padding:8px}.top-bar{gap:6px;height:48px;padding:0 10px}.tb-search{width:100px;font-size:12px}.top-bar-title{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;overflow:hidden}.notify-popover{width:calc(100vw - 16px);right:-46px}.tb-icon-btn,.notify-button{width:34px;height:34px}}@media (width<=360px){.tb-search{display:none}.content-area{padding:6px}}