.shared-topbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid rgba(15,23,42,.06)}.shared-topbar .nav-container{max-width:1120px;margin:0 auto;padding:0 20px}.shared-topbar .nav{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.shared-topbar .brand{display:flex;align-items:center;gap:10px;cursor:pointer;justify-self:start}.shared-topbar .brand .logo{width:30px;height:30px;border-radius:10px;object-fit:cover}.shared-topbar .brand .name{font-size:15px;font-weight:650;letter-spacing:.2px;color:#0b1220;white-space:nowrap}.shared-topbar .navlinks{display:flex;align-items:center;gap:8px;justify-self:center}.shared-topbar .navlinks span{font-size:14px;color:#0b1220c7;padding:8px 12px;border-radius:12px;transition:background .18s ease,color .18s ease;cursor:pointer;white-space:nowrap}.shared-topbar .navlinks span:hover{background:#0f172a0a;color:#0b1220}.shared-topbar .nav-right{display:flex;align-items:center;gap:12px;justify-self:end}.shared-topbar .nav-cta{font-size:13px;padding:10px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#fff;color:#0b1220;transition:transform .18s ease,background .18s ease,border-color .18s ease;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.shared-topbar .nav-cta:hover{transform:translateY(-1px);border-color:#0f172a24;background:#0f172a05}.shared-topbar .nav-cta-active{background:#0b1220;color:#fff;border-color:#0b1220f5}.shared-topbar .nav-cta-active:hover{background:#0a1020;transform:none}.shared-topbar .nav-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:background .18s ease}.shared-topbar .nav-icon-btn:hover{background:#0f172a0a}@media(max-width:920px){.shared-topbar .navlinks{display:none}.shared-topbar .nav{grid-template-columns:1fr 1fr}}@media(max-width:520px){.shared-topbar .nav-right{gap:8px}.shared-topbar .nav-cta{padding:8px 10px;font-size:12px}}.main-layout{min-height:100vh;display:flex;flex-direction:column;color:#0b1220;background:#f8f9fa;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.65;letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-layout a{color:inherit;text-decoration:none}.main-layout .content{flex:1;min-height:calc(100vh - 134px)}.main-layout footer{padding:28px 0 34px;border-top:1px solid rgba(15,23,42,.06);color:#7a8396;font-size:12px;background:#fff;text-align:center}.main-layout .foot{display:flex;align-items:center;justify-content:center}.home-page{--bg: #ffffff;--fg: #0b1220;--muted: #5b6475;--muted2: #7a8396;--line: rgba(15, 23, 42, .08);--line2: rgba(15, 23, 42, .06);--shadow: 0 16px 40px rgba(2, 6, 23, .08);--shadow2: 0 10px 24px rgba(2, 6, 23, .06);--radius: 18px;--radius2: 14px;--max: 1120px;--accent: #0b1220;--accent2: #6d28d9;--accent3: #06b6d4;min-height:100vh;color:var(--fg);background:radial-gradient(900px 520px at 10% -10%,rgba(109,40,217,.1),transparent 60%),radial-gradient(900px 520px at 90% 0%,rgba(6,182,212,.1),transparent 55%),linear-gradient(180deg,#fff,#fbfbfd 55%,#fff);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.65;letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home-page a{color:inherit;text-decoration:none}.home-page .container{max-width:var(--max);margin:0 auto;padding:0 20px}.home-page .hero{padding:74px 0 42px}.home-page .hero-grid{display:grid;grid-template-columns:1fr;gap:26px;align-items:stretch}.home-page .kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid var(--line2);background:#ffffffbf;color:#0b1220b8;font-size:12px;box-shadow:0 8px 18px #0206170a}.home-page .kicker i{width:8px;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--accent2),var(--accent3))}.home-page .headline{padding:28px;border-radius:var(--radius);background:#ffffffb8;border:1px solid var(--line2);box-shadow:var(--shadow2)}.home-page .title{margin:16px 0 0;font-size:44px;line-height:1.08;letter-spacing:-.6px}.home-page .subtitle{margin:14px 0 0;color:var(--muted);font-size:15px;max-width:68ch}.home-page .cta-row{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.home-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--fg);font-size:14px;min-width:150px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;-webkit-user-select:none;user-select:none}.home-page .btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px #02061714;background:#fffffff2}.home-page .btn-primary{background:var(--accent);color:#fff;border-color:#0b1220f5;box-shadow:0 18px 44px #02061729}.home-page .btn-primary:hover{background:#0a1020;box-shadow:0 22px 56px #02061733}.home-page .facts{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px 14px;color:var(--muted2);font-size:12px}.home-page .facts b{color:#0b1220d1;font-weight:650}.home-page .section{padding:38px 0 78px}.home-page .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:10px 0 16px}.home-page .section-head h2{margin:0;font-size:18px;letter-spacing:.2px}.home-page .section-head p{margin:0;color:var(--muted2);font-size:13px;max-width:64ch}.home-page .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-page .card{padding:18px 18px 16px;border-radius:var(--radius2);background:#fffc;border:1px solid var(--line2);box-shadow:0 12px 30px #0206170f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-page .card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#0f172a1f}.home-page .icon{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line2);background:#ffffffeb;box-shadow:0 10px 22px #0206170f;margin-bottom:12px}.home-page .icon svg{width:18px;height:18px;opacity:.92}.home-page .card h3{margin:0;font-size:14px}.home-page .card p{margin:8px 0 0;color:var(--muted);font-size:13px}.home-page .banner{margin-top:20px;padding:22px;border-radius:var(--radius);border:1px solid var(--line2);background:radial-gradient(700px 240px at 20% 0%,rgba(109,40,217,.1),transparent 60%),radial-gradient(700px 240px at 90% 20%,rgba(6,182,212,.1),transparent 60%),#ffffffc7;box-shadow:var(--shadow2);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.home-page .banner h3{margin:0;font-size:15px}.home-page .banner p{margin:6px 0 0;color:var(--muted);font-size:13px}.home-page footer{padding:28px 0 34px;border-top:1px solid var(--line2);color:var(--muted2);font-size:12px;background:#ffffffb3;text-align:center}.home-page .foot{display:flex;align-items:center;justify-content:center}@media(max-width:980px){.home-page .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:920px){.home-page .hero{padding:54px 0 30px}}@media(max-width:520px){.home-page .title{font-size:34px}.home-page .grid{grid-template-columns:1fr}.home-page .banner{flex-direction:column;align-items:flex-start}}.login-page{--bg: #ffffff;--fg: #0b1220;--muted: #5b6475;--muted2: #7a8396;--line: rgba(15, 23, 42, .08);--line2: rgba(15, 23, 42, .06);--shadow: 0 16px 40px rgba(2, 6, 23, .08);--shadow2: 0 10px 24px rgba(2, 6, 23, .06);--radius: 18px;--radius2: 14px;--max: 1120px;--accent: #0b1220;--accent2: #6d28d9;--accent3: #06b6d4;min-height:100vh;display:flex;flex-direction:column;color:var(--fg);background:radial-gradient(900px 520px at 10% -10%,rgba(109,40,217,.1),transparent 60%),radial-gradient(900px 520px at 90% 0%,rgba(6,182,212,.1),transparent 55%),linear-gradient(180deg,#fff,#fbfbfd 55%,#fff);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.65;letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page a{color:inherit;text-decoration:none}.login-page .login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 20px}.login-page .login-card{width:100%;max-width:420px;padding:36px 32px;border-radius:var(--radius);background:#ffffffd9;border:1px solid var(--line2);box-shadow:var(--shadow)}.login-page .login-header{text-align:center;margin-bottom:32px}.login-page .login-header h1{margin:0 0 8px;font-size:28px;font-weight:650;letter-spacing:-.3px}.login-page .login-header p{margin:0;color:var(--muted);font-size:14px}.login-page .login-form .ant-form-item{margin-bottom:20px}.login-page .login-input{height:48px;border-radius:var(--radius2);border:1px solid var(--line);background:#ffffffe6;font-size:15px;transition:border-color .18s ease,box-shadow .18s ease}.login-page .login-input:hover,.login-page .login-input:focus{border-color:#0f172a33}.login-page .login-input:focus{box-shadow:0 0 0 3px #0b12200f}.login-page .input-icon{color:var(--muted2);font-size:16px}.login-page .code-row{display:flex;gap:12px}.login-page .code-row .login-input{flex:1}.login-page .code-btn{width:120px;height:48px;border-radius:var(--radius2);border:1px solid var(--line);background:#fff;color:var(--fg);font-size:14px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.login-page .code-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#0f172a24;background:#0f172a05}.login-page .code-btn:disabled{opacity:.6;cursor:not-allowed}.login-page .submit-btn{width:100%;height:50px;border-radius:var(--radius2);border:1px solid rgba(11,18,32,.96);background:var(--accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 18px 44px #02061729}.login-page .submit-btn:hover:not(:disabled){transform:translateY(-1px);background:#0a1020;box-shadow:0 22px 56px #02061733}.login-page .submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-page .login-footer{text-align:center;margin-top:8px}.login-page .login-footer p{margin:0;color:var(--muted2);font-size:12px}.login-page .login-footer a{color:var(--accent2);transition:color .18s ease}.login-page .login-footer a:hover{color:var(--accent3)}.login-page footer{padding:28px 0 34px;border-top:1px solid var(--line2);color:var(--muted2);font-size:12px;background:#ffffffb3;text-align:center}.login-page .foot{max-width:1120px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:center}@media(max-width:520px){.login-page .login-card{padding:28px 20px}.login-page .login-header h1{font-size:24px}.login-page .code-btn{width:100px}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}@media(max-width:768px){.main-header{padding:0 16px!important}.main-header .header-logo{font-size:16px!important}.main-header .header-menu,.main-header .header-username{display:none!important}}@media(max-width:768px){.task-detail-drawer .ant-drawer-content-wrapper{width:100vw!important}.task-detail-drawer .task-drawer-header,.task-detail-drawer .task-drawer-content{padding:16px!important}.task-detail-drawer .task-drawer-title{font-size:18px!important}.task-detail-drawer .task-drawer-apply-section{margin-top:16px}}@media(max-width:768px){.skill-selector-panel{flex-direction:column!important}.skill-selector-panel>div{width:100%!important;border-right:none!important;border-bottom:1px solid #e8e8e8;padding:12px 0!important}.skill-selector-panel>div:last-child{border-bottom:none}}@media(max-width:768px){.admin-sider{position:fixed!important;z-index:100;height:100vh}.admin-sider.collapsed{transform:translate(-100%)}}@media(max-width:768px){.ant-table-wrapper{overflow-x:auto}.ant-table{min-width:600px}}@media(max-width:576px){.ant-form-item-label{padding-bottom:4px!important}.ant-form-item-label>label{height:auto!important}.responsive-form .ant-form-item{margin-bottom:16px}}@media(max-width:576px){.card-grid{grid-template-columns:1fr!important}}@media(max-width:576px){.page-container{padding:16px!important}}@media(max-width:576px){.ant-modal{max-width:calc(100vw - 32px)!important;margin:16px!important}.ant-modal-body{max-height:60vh;overflow-y:auto}}@media(max-width:576px){.button-group-responsive{flex-direction:column;gap:8px}.button-group-responsive .ant-btn{width:100%}}@media(max-width:576px){.stat-card-grid{grid-template-columns:repeat(2,1fr)!important}}.hide-on-mobile{display:block}.show-on-mobile{display:none}@media(max-width:768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}