:root{--bg:#fff;--panel:#f9fafb;--line:#e5e7eb;--line-hover:#d1d5db;--text:#111827;--muted:#6b7280;--hint:#9ca3af;--brand:#111827;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#dbeafe;--green:#16a34a;--green-soft:#dcfce7;--orange:#ea580c;--orange-soft:#fff7ed;--red:#dc2626;--red-soft:#fef2f2;--blue-soft:#dbeafe;--purple-soft:#ede9fe;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:22px;--fs-3xl:28px;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--z-sidebar:100;--z-topbar:200;--z-overlay:300;--z-drawer:400;--z-modal:500;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration:.2s;--sidebar-width:216px;--sidebar-collapsed:0px;--topbar-height:56px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text);background:var(--bg);min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);color:var(--text);line-height:1.3}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{color:var(--muted);line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--line-hover)}::selection{background:var(--primary-soft);color:var(--primary)}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;height:100vh;display:grid;overflow:hidden}.app-shell.is-collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.layout-sidebar{width:var(--sidebar-width);background:var(--bg);border-right:1px solid var(--line);height:100vh;transition:width var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out);z-index:var(--z-sidebar);flex-direction:column;grid-row:1/-1;display:flex;overflow:hidden auto}.is-collapsed .layout-sidebar{width:var(--sidebar-collapsed);opacity:0;pointer-events:none}.layout-main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.layout-topbar{height:var(--topbar-height);border-bottom:1px solid var(--line);background:var(--bg);z-index:var(--z-topbar);flex-shrink:0}.layout-content{background:var(--panel);flex:1;overflow-y:auto}.layout-content__inner{max-width:1280px;padding:var(--sp-6);margin:0 auto}@media (width<=1200px){.app-shell{grid-template-columns:0 1fr}.layout-sidebar{width:var(--sidebar-width);transition:transform var(--duration) var(--ease-out);box-shadow:var(--shadow-lg);pointer-events:auto;opacity:1;position:fixed;top:0;left:0;transform:translate(-100%)}.app-shell.is-collapsed .layout-sidebar{width:var(--sidebar-width);opacity:1;pointer-events:auto;transform:translate(-100%)}.app-shell.is-sidebar-open .layout-sidebar{transform:translate(0)}.layout-content__inner{padding:var(--sp-5)}}@media (width<=860px){.layout-content__inner{padding:var(--sp-4)}}.sidebar-backdrop{display:none}@media (width<=1200px){.sidebar-backdrop{z-index:calc(var(--z-sidebar) - 1);background:#0000004d;display:block;position:fixed;inset:0}}