@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-200:#bfdbfe;--brand-400:#60a5fa;--brand-500:#3b82f6;--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-accent:#38bdf8;--bg-page:#f5f7fb;--bg-card:#fff;--bg-muted:#f1f5f9;--bg-subtle:#f8fafc;--border-base:#e5e7eb;--border-subtle:#eef2f7;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 2px 8px #0f172a0a;--shadow-lg:0 8px 24px #3b82f61f;--shadow-xl:0 20px 40px -20px #3b82f640;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background-color:var(--bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3,h4{color:var(--text-primary);font-family:Outfit,Inter,sans-serif}input,button{font-family:inherit}::selection{background:var(--brand-100);color:var(--brand-700)}.tech-grid-bg{background-image:linear-gradient(#3b82f60f 1px,#0000 1px),linear-gradient(90deg,#3b82f60f 1px,#0000 1px);background-position:-1px -1px;background-size:28px 28px}.tech-dot-bg{background-image:radial-gradient(#3b82f61f 1px,#0000 1px);background-size:20px 20px}.main-layout{min-height:100vh}.main-header{border-bottom:1px solid var(--border-base);height:64px;box-shadow:var(--shadow-sm);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:12px;display:flex}.brand-logo{background:linear-gradient(135deg,#3b82f6 0%,#38bdf8 100%);border-radius:8px;width:28px;height:28px;position:relative;box-shadow:0 4px 10px -2px #3b82f666}.brand-logo:after{content:"";border:2px solid #0000;border-color:#ffffffd9 #0000 #0000 #ffffffd9;border-radius:4px;position:absolute;inset:6px}.platform-title{color:var(--text-primary);letter-spacing:.5px;font-family:Outfit,Inter,sans-serif;font-size:18px;font-weight:600}.header-right{align-items:center;display:flex}.user-info{cursor:pointer;border-radius:10px;padding:6px 12px;transition:background-color .2s}.user-info:hover{background-color:var(--bg-muted)}.user-detail{flex-direction:column;align-items:flex-start;margin-left:4px;line-height:1.2;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:500}.user-code{color:var(--text-tertiary);font-size:12px}.main-sider{border-right:1px solid var(--border-subtle);background:#fff}.sider-menu{border-right:none;height:100%;padding:12px 10px}.sider-menu .ant-menu-item,.sider-menu .ant-menu-submenu{width:100%;margin-block:4px;margin-inline:0}.sider-menu .ant-menu-submenu>.ant-menu-submenu-title{width:100%;margin-inline:0}.main-content{background:var(--bg-page);height:calc(100vh - 64px);padding:12px;overflow:hidden}.main-content-inner{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:100%;box-shadow:var(--shadow-sm);flex-direction:column;padding:20px 24px;display:flex;overflow:hidden}