.notification-button[data-v-4bf82daa]{font-size:18px;color:#666}.notification-dropdown[data-v-4bf82daa]{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026}.notification-header[data-v-4bf82daa]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.notification-title[data-v-4bf82daa]{font-size:16px;font-weight:600;color:#262626}.notification-list[data-v-4bf82daa]{max-height:400px;overflow-y:auto}.notification-empty[data-v-4bf82daa]{text-align:center;padding:48px 24px;color:#8c8c8c}.notification-item[data-v-4bf82daa]{display:flex;padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.notification-item[data-v-4bf82daa]:hover{background-color:#fafafa}.notification-item.unread[data-v-4bf82daa]{background-color:#e6f7ff}.notification-item.unread[data-v-4bf82daa]:hover{background-color:#bae7ff}.notification-icon[data-v-4bf82daa]{font-size:24px;margin-right:12px;flex-shrink:0}.notification-content[data-v-4bf82daa]{flex:1;min-width:0}.notification-title-text[data-v-4bf82daa]{font-size:14px;font-weight:500;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-body[data-v-4bf82daa]{font-size:12px;color:#8c8c8c;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time[data-v-4bf82daa]{font-size:11px;color:#bfbfbf}.notification-actions[data-v-4bf82daa]{margin-left:8px;flex-shrink:0}.notification-footer[data-v-4bf82daa]{padding:8px 16px}*{box-sizing:border-box}#app{font-family:SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fff,#f8fafc,#f1f5f9,#e2e8f0,#cbd5e1);background-size:400% 400%;animation:gradientShift 40s ease infinite;min-height:100vh;position:relative;overflow-x:hidden}#app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.02) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.015) 0%,transparent 50%);pointer-events:none;z-index:-1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-layout{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2,#e8f4f8,#f0f8ff,#fafbff)}.modern-layout{background:transparent}.modern-header{background:linear-gradient(135deg,#fff,#f8fafc)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.5);box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:1000;min-height:84px;padding:0;margin-bottom:0}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:8px 32px;max-width:1400px;margin:0 auto;min-height:84px;width:100%;gap:16px}.logo-section{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0;min-width:200px;padding-top:0;padding-bottom:0}.logo-icon{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:2px}.logo-glow{width:40px;height:40px;background:linear-gradient(135deg,#00d4ff,#09c);border-radius:12px;position:relative;animation:pulse 2s infinite}.logo-glow:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#00d4ff,#09c);border-radius:14px;z-index:-1;filter:blur(8px);opacity:.6}.logo-text{font-size:22px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.logo-subtitle{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.3px;margin-top:-4px;margin-bottom:0;line-height:1.1}.navigation{display:flex;flex-direction:row;gap:4px;max-width:calc(100vw - 600px);padding:0 8px;justify-content:flex-start;overflow:visible;flex-wrap:wrap}.nav-row{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;justify-content:flex-start}.nav-row-first{margin-bottom:0}.nav-row-second{margin-top:0}.nav-item{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;cursor:pointer;transition:color .18s ease,background .18s ease,border .18s ease,box-shadow .18s ease;color:#1f2937!important;font-weight:600!important;font-size:13px!important;position:relative;height:32px;white-space:nowrap;background:transparent;border:none;flex-shrink:1;min-width:fit-content}.nav-item:hover{color:#111827!important;background:#3b82f614;border:1px solid rgba(59,130,246,.15);box-shadow:0 1px 4px #3b82f61f}.nav-item.active{background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:#2563eb!important;border:1px solid rgba(59,130,246,.4);font-weight:700!important;box-shadow:0 3px 10px #3b82f640}.nav-icon{font-size:13px!important;transition:all .2s ease;color:inherit!important;flex-shrink:0;min-width:13px}.nav-item:hover .nav-icon{transform:scale(1.02);color:#111827!important}.nav-item.active .nav-icon{color:#2563eb!important;transform:scale(1.02)}.modern-header .navigation .nav-item{color:#1f2937!important;font-weight:600!important;font-size:13px!important}.modern-header .navigation .nav-item:hover{color:#111827!important}.modern-header .navigation .nav-item.active{color:#2563eb!important;font-weight:700!important}.modern-header .navigation .nav-item .nav-icon{color:inherit!important;font-size:12px!important}.modern-header .navigation .nav-item:hover .nav-icon{color:#111827!important}.modern-header .navigation .nav-item.active .nav-icon{color:#2563eb!important}.nav-item span{color:#1f2937!important;font-weight:600!important}.nav-item:hover span{color:#111827!important}.nav-item.active span{color:#2563eb!important;font-weight:700!important}.nav-item-attendance{margin-left:0}.nav-divider{width:1px;height:24px;background:linear-gradient(180deg,transparent,rgba(156,163,175,.2),transparent);margin:0 -2px;flex-shrink:0;opacity:.5}.nav-divider+.nav-item,.nav-divider+:deep(.ant-dropdown-trigger){margin-left:0}.nav-item-dropdown{position:relative}.nav-dropdown-arrow{font-size:10px!important;margin-left:4px;transition:transform .2s ease;color:inherit!important}.nav-item-dropdown:hover .nav-dropdown-arrow{transform:rotate(180deg)}.nav-submenu{background:#fffffffa!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.8);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:4px 0;min-width:180px}.nav-submenu :deep(.ant-menu-item){margin:2px 4px!important;border-radius:6px;padding:8px 12px!important;height:auto!important;line-height:1.5!important;display:flex;align-items:center;gap:8px;color:#1f2937!important;font-size:13px!important;font-weight:500!important;transition:all .2s ease}.nav-submenu :deep(.ant-menu-item:hover){background:#3b82f61a!important;color:#2563eb!important}.nav-submenu :deep(.ant-menu-item-selected){background:linear-gradient(135deg,#3b82f626,#8b5cf626)!important;color:#2563eb!important;font-weight:600!important}.nav-submenu :deep(.ant-menu-item-selected::after){display:none}.submenu-icon{font-size:14px!important;color:inherit!important;flex-shrink:0}@media (max-width: 1400px){.navigation{gap:6px}.nav-row{gap:2px}.nav-item{padding:5px 8px;font-size:12px!important}}@media (max-width: 1200px){.header-content{padding:10px 20px}.navigation{max-width:calc(100vw - 500px)}.nav-item{padding:5px 8px;font-size:11px!important}.nav-item span{font-size:11px!important}}@media (max-width: 768px){.modern-header{min-height:80px}.header-content{padding:8px 16px;min-height:80px}.nav-item span{display:none}.nav-item{padding:6px 10px;min-width:36px;justify-content:center}.nav-item-dropdown .nav-dropdown-arrow{display:none}.nav-submenu{max-height:60vh;overflow-y:auto}}.user-section{display:flex;align-items:flex-start;gap:12px;position:relative;margin-left:auto;flex-shrink:0;margin-top:8px}.user-info{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:8px;background:#f8fafccc;border:1px solid rgba(226,232,240,.5);transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.user-info:hover{background:#3b82f614;border-color:#3b82f633;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f626}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#09c);display:flex;align-items:center;justify-content:center;color:#111827;font-size:18px;box-shadow:0 4px 12px #00d4ff4d;position:relative}.user-avatar:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#00d4ff,#09c);border-radius:50%;z-index:-1;opacity:.3;filter:blur(4px)}.user-details{display:flex;flex-direction:column;gap:3px;min-width:0}.user-name{color:#111827;font-weight:600;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.user-role{color:#6b7280;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.user-dropdown-trigger{width:36px;height:36px;border-radius:10px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#111827cc;border:1px solid rgba(255,255,255,.1)}.user-dropdown-trigger:hover{background:#00d4ff33;color:#00d4ff;border-color:#00d4ff4d;transform:translateY(-1px)}.user-dropdown{background:#0f0f23f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:8px;box-shadow:0 20px 40px #0006;min-width:180px}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#ffffffe6!important;font-size:14px;font-weight:500}.dropdown-item:hover{background:#3b82f633!important;color:#fff!important}.dropdown-item.logout{color:#ff6b6b!important;font-weight:600}.dropdown-item.logout:hover{background:#ff6b6b33!important;color:#ff6b6b!important}.dropdown-divider{height:1px;background:#ffffff1a;margin:8px 0}.modern-content{background:transparent;min-height:calc(100vh - 70px)}.content-wrapper{min-height:calc(100vh - 60px);background:transparent}:deep(.ant-layout-header),.ant-layout-header,.modern-header{background:#fff!important;background-color:#fff!important;background-image:none!important}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 30px #00d4ff99}}@media (max-width: 1200px){.header-content{padding:0 24px}.navigation{gap:4px}.nav-item{padding:10px 16px}.user-name,.user-role{max-width:100px}}@media (max-width: 768px){.header-content{padding:0 16px}.logo-section{gap:8px}.logo-text{font-size:20px}.logo-subtitle,.navigation,.user-details{display:none}.user-info{padding:8px 12px}.user-avatar{width:36px;height:36px;font-size:16px}}@media (max-width: 480px){.header-content{padding:0 12px}.logo-text{font-size:18px}.user-section{gap:8px}.user-info{padding:6px 10px}.user-avatar{width:32px;height:32px;font-size:14px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#09c);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#09c,#007399)}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.page-container{padding:24px;background:#f8fafc;min-height:calc(100vh - 64px)}.page-header{margin-bottom:24px}.page-title{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px}.page-subtitle{font-size:14px;color:#6b7280;margin:0}.common-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #1018281a,0 20px 40px #1018281f;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;position:relative;overflow:hidden}.common-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);opacity:0;transition:all .4s ease}.common-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);opacity:0;transition:all .4s ease;pointer-events:none}.common-card:hover{transform:translateY(-6px) rotateX(2deg) rotateY(2deg);box-shadow:0 20px 40px #10182833,0 40px 80px #10182826;border-color:#3b82f6}.common-card:hover:before{opacity:1;height:6px}.common-card:hover:after{opacity:1;animation:pulse 2s infinite}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #1018281a,0 20px 40px #1018281f;transition:all .4s cubic-bezier(.4,0,.2,1);padding:24px;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);opacity:0;transition:all .4s ease;animation:shimmer 2s infinite}.stat-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);opacity:0;transition:all .4s ease;pointer-events:none}.stat-card:hover{transform:translateY(-8px) rotateX(5deg) rotateY(5deg);box-shadow:0 20px 40px #10182833,0 40px 80px #10182826;border-color:#3b82f6}.stat-card:hover:before{opacity:1;height:8px}.stat-card:hover:after{opacity:1;animation:pulse 2s infinite}.stat-card :deep(.ant-statistic-title){color:#111827!important;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-card :deep(.ant-statistic-content){color:#111827!important;font-weight:700}.stat-card.skill-card{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;box-shadow:0 8px 32px #667eea4d}.stat-card.skill-card:hover{box-shadow:0 20px 60px #667eea66}.stat-card.skill-card :deep(.ant-statistic-title),.stat-card.skill-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.employee-card{background:linear-gradient(135deg,#f093fb,#f5576c,#ff6b6b);color:#fff;box-shadow:0 8px 32px #f093fb4d}.stat-card.employee-card:hover{box-shadow:0 20px 60px #f093fb66}.stat-card.employee-card :deep(.ant-statistic-title),.stat-card.employee-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.expert-card{background:linear-gradient(135deg,#4facfe,#00f2fe,#43e97b);color:#fff;box-shadow:0 8px 32px #4facfe4d}.stat-card.expert-card:hover{box-shadow:0 20px 60px #4facfe66}.stat-card.expert-card :deep(.ant-statistic-title),.stat-card.expert-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.gap-card{background:linear-gradient(135deg,#43e97b,#38f9d7,#4facfe);color:#fff;box-shadow:0 8px 32px #43e97b4d}.stat-card.gap-card:hover{box-shadow:0 20px 60px #43e97b66}.stat-card.gap-card :deep(.ant-statistic-title),.stat-card.gap-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.trend-card{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;box-shadow:0 8px 32px #667eea4d}.stat-card.trend-card:hover{box-shadow:0 20px 60px #667eea66}.stat-card.trend-card :deep(.ant-statistic-title),.stat-card.trend-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.hot-card{background:linear-gradient(135deg,#f093fb,#f5576c,#ff6b6b);color:#fff;box-shadow:0 8px 32px #f093fb4d}.stat-card.hot-card:hover{box-shadow:0 20px 60px #f093fb66}.stat-card.hot-card :deep(.ant-statistic-title),.stat-card.hot-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.emerging-card{background:linear-gradient(135deg,#4facfe,#00f2fe,#43e97b);color:#fff;box-shadow:0 8px 32px #4facfe4d}.stat-card.emerging-card:hover{box-shadow:0 20px 60px #4facfe66}.stat-card.emerging-card :deep(.ant-statistic-title),.stat-card.emerging-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.mature-card{background:linear-gradient(135deg,#43e97b,#38f9d7,#4facfe);color:#fff;box-shadow:0 8px 32px #43e97b4d}.stat-card.mature-card:hover{box-shadow:0 20px 60px #43e97b66}.stat-card.mature-card :deep(.ant-statistic-title),.stat-card.mature-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.assessment-card{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;box-shadow:0 8px 32px #667eea4d}.stat-card.assessment-card:hover{box-shadow:0 20px 60px #667eea66}.stat-card.assessment-card :deep(.ant-statistic-title),.stat-card.assessment-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.approved-card{background:linear-gradient(135deg,#43e97b,#38f9d7,#4facfe);color:#fff;box-shadow:0 8px 32px #43e97b4d}.stat-card.approved-card:hover{box-shadow:0 20px 60px #43e97b66}.stat-card.approved-card :deep(.ant-statistic-title),.stat-card.approved-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.pending-card{background:linear-gradient(135deg,#f093fb,#f5576c,#ff6b6b);color:#fff;box-shadow:0 8px 32px #f093fb4d}.stat-card.pending-card:hover{box-shadow:0 20px 60px #f093fb66}.stat-card.pending-card :deep(.ant-statistic-title),.stat-card.pending-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.rejected-card{background:linear-gradient(135deg,#ff6b6b,#ee5a24,#f59e0b);color:#fff;box-shadow:0 8px 32px #ff6b6b4d}.stat-card.rejected-card:hover{box-shadow:0 20px 60px #ff6b6b66}.stat-card.rejected-card :deep(.ant-statistic-title),.stat-card.rejected-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.roadmap-card{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;box-shadow:0 8px 32px #667eea4d}.stat-card.roadmap-card:hover{box-shadow:0 20px 60px #667eea66}.stat-card.roadmap-card :deep(.ant-statistic-title),.stat-card.roadmap-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.active-card{background:linear-gradient(135deg,#43e97b,#38f9d7,#4facfe);color:#fff;box-shadow:0 8px 32px #43e97b4d}.stat-card.active-card:hover{box-shadow:0 20px 60px #43e97b66}.stat-card.active-card :deep(.ant-statistic-title),.stat-card.active-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.completed-card{background:linear-gradient(135deg,#4facfe,#00f2fe,#43e97b);color:#fff;box-shadow:0 8px 32px #4facfe4d}.stat-card.completed-card:hover{box-shadow:0 20px 60px #4facfe66}.stat-card.completed-card :deep(.ant-statistic-title),.stat-card.completed-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.planned-card{background:linear-gradient(135deg,#f093fb,#f5576c,#ff6b6b);color:#fff;box-shadow:0 8px 32px #f093fb4d}.stat-card.planned-card:hover{box-shadow:0 20px 60px #f093fb66}.stat-card.planned-card :deep(.ant-statistic-title),.stat-card.planned-card :deep(.ant-statistic-content){color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:.3}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stat-card.skill-card,.stat-card.trend-card,.stat-card.assessment-card,.stat-card.roadmap-card{animation:float 6s ease-in-out infinite}.stat-card.employee-card,.stat-card.hot-card,.stat-card.pending-card,.stat-card.planned-card{animation:float 6s ease-in-out infinite 1s}.stat-card.expert-card,.stat-card.emerging-card,.stat-card.completed-card,.stat-card.active-card{animation:float 6s ease-in-out infinite 2s}.stat-card.gap-card,.stat-card.mature-card,.stat-card.approved-card{animation:float 6s ease-in-out infinite 3s}.stat-card.rejected-card{animation:float 6s ease-in-out infinite 4s}.stat-icon{position:absolute;top:16px;right:16px;font-size:28px;opacity:.4;transition:all .3s ease;animation:iconFloat 4s ease-in-out infinite}.stat-card:hover .stat-icon{opacity:.8;transform:scale(1.2) rotate(10deg);animation:iconSpin 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}@keyframes iconSpin{0%{transform:scale(1.2) rotate(0)}to{transform:scale(1.2) rotate(360deg)}}.stat-card :deep(.ant-statistic-content-value){transition:all .3s ease}.stat-card:hover :deep(.ant-statistic-content-value){transform:scale(1.1);text-shadow:0 0 10px rgba(255,255,255,.5)}.stat-card{animation:cardLoad .6s ease-out}@keyframes cardLoad{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{animation-play-state:paused}.stat-card.skill-card:hover,.stat-card.trend-card:hover,.stat-card.assessment-card:hover,.stat-card.roadmap-card:hover{box-shadow:0 20px 60px #667eea66,0 0 0 1px #667eea33}.stat-card.employee-card:hover,.stat-card.hot-card:hover,.stat-card.pending-card:hover,.stat-card.planned-card:hover{box-shadow:0 20px 60px #f093fb66,0 0 0 1px #f093fb33}.stat-card.expert-card:hover,.stat-card.emerging-card:hover,.stat-card.completed-card:hover,.stat-card.active-card:hover{box-shadow:0 20px 60px #4facfe66,0 0 0 1px #4facfe33}.stat-card.gap-card:hover,.stat-card.mature-card:hover,.stat-card.approved-card:hover{box-shadow:0 20px 60px #43e97b66,0 0 0 1px #43e97b33}.stat-card.rejected-card:hover{box-shadow:0 20px 60px #ff6b6b66,0 0 0 1px #ff6b6b33}.common-table{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #1018281a}.common-table :deep(.ant-table-thead > tr > th){background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;color:#374151!important;border-bottom:2px solid #e5e7eb!important;font-weight:600;padding:16px 12px;font-size:.9rem}.common-table :deep(.ant-table-tbody > tr > td){background:#fff!important;color:#111827!important;border-bottom:1px solid #f3f4f6!important;padding:16px 12px;transition:all .2s ease}.common-table :deep(.ant-table-tbody > tr:hover > td){background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;transform:scale(1.01)}.common-table :deep(.ant-table-tbody > tr:hover){box-shadow:0 2px 8px #1018281a}.common-table :deep(.ant-table-tbody > tr:last-child > td){border-bottom:none!important}.common-table :deep(.ant-table-tbody > tr){transition:all .2s ease}.form-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #1018280f,0 8px 24px #10182814;padding:24px}.form-item{margin-bottom:16px}.form-label{color:#374151;font-weight:500;margin-bottom:8px;display:block}.form-description{color:#6b7280;font-size:12px;margin-top:4px}.common-input{border:1px solid #e5e7eb;border-radius:8px;color:#111827;background:#fff;transition:all .2s ease}.common-input:hover{border-color:#3b82f6}.common-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.common-input :deep(.ant-input),.common-input :deep(.ant-select-selector),.common-input :deep(.ant-input-number),.common-input :deep(.ant-picker),.common-input :deep(.ant-textarea){border:1px solid #e5e7eb!important;border-radius:8px!important;color:#111827!important;background:#fff!important}.common-input :deep(.ant-input:hover),.common-input :deep(.ant-select-selector:hover),.common-input :deep(.ant-input-number:hover),.common-input :deep(.ant-picker:hover),.common-input :deep(.ant-textarea:hover){border-color:#3b82f6!important}.common-input :deep(.ant-input:focus),.common-input :deep(.ant-select-focused .ant-select-selector),.common-input :deep(.ant-input-number:focus),.common-input :deep(.ant-picker-focused),.common-input :deep(.ant-textarea:focus){border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.common-button{border-radius:8px;font-weight:500;transition:all .2s ease}.common-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.common-button-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.common-button-primary:hover{background:#2563eb;border-color:#2563eb}.common-button-secondary{background:#fff;border-color:#e5e7eb;color:#374151}.common-button-secondary:hover{background:#f9fafb;border-color:#d1d5db}.common-tag{border-radius:6px;font-weight:500;padding:4px 8px}.common-pagination{margin-top:24px;text-align:center}.common-pagination :deep(.ant-pagination-item){border-radius:6px}.common-pagination :deep(.ant-pagination-item-active){background:#3b82f6;border-color:#3b82f6}.common-pagination :deep(.ant-pagination-item-active a){color:#fff}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.info-item:last-child{border-bottom:none}.info-label{color:#6b7280;font-weight:500;min-width:120px}.info-value{color:#111827;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #1018280f;padding:16px;text-align:center;transition:all .2s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #1018281a;border-color:#3b82f6}.stat-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:8px}.stat-value{color:#111827;font-size:20px;font-weight:600}.common-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.common-list :deep(.ant-list-item){border-bottom:1px solid #e5e7eb;padding:16px 20px}.common-list :deep(.ant-list-item:last-child){border-bottom:none}.common-list :deep(.ant-list-item-meta-title){color:#111827;font-weight:500}.common-list :deep(.ant-list-item-meta-description){color:#6b7280}.common-modal :deep(.ant-modal-content){border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.common-modal :deep(.ant-modal-header){border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0}.common-modal :deep(.ant-modal-title){color:#111827;font-weight:600}@media (max-width: 768px){.page-container{padding:16px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}}.fade-in-up{animation:fadeInUp .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .3s ease-out}.text-primary{color:#3b82f6!important}.text-secondary{color:#6b7280!important}.text-success{color:#10b981!important}.text-warning{color:#f59e0b!important}.text-danger{color:#ef4444!important}.text-muted{color:#9ca3af!important}.bg-primary{background-color:#3b82f6!important}.bg-secondary{background-color:#6b7280!important}.bg-success{background-color:#10b981!important}.bg-warning{background-color:#f59e0b!important}.bg-danger{background-color:#ef4444!important}.bg-light{background-color:#f8fafc!important}.border-primary{border-color:#3b82f6!important}.border-secondary{border-color:#e5e7eb!important}.rounded{border-radius:8px!important}.rounded-lg{border-radius:12px!important}.shadow-sm{box-shadow:0 1px 2px #1018280f!important}.shadow{box-shadow:0 1px 2px #1018280f,0 8px 24px #10182814!important}.shadow-lg{box-shadow:0 4px 8px #1018281a,0 12px 32px #1018281f!important}:root{--primary-color: #1890ff;--primary: var(--primary-color);--primary-dark: var(--primary-color);--primary-light: var(--primary-color);--accent-start: #667eea;--accent-end: #764ba2;--app-font-size: 14px;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-900: #111827;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 6px 20px rgba(17, 24, 39, .08);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .35);--glass-blur: 12px}.btn-gradient-primary{background:linear-gradient(135deg,var(--accent-start) 0%,var(--accent-end) 100%);color:#fff;border:none;border-radius:var(--radius-sm);padding:6px 14px;transition:transform .15s ease,box-shadow .15s ease}.btn-gradient-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.glass-card{background:#ffffffd9!important;backdrop-filter:blur(12px) saturate(180%)!important;-webkit-backdrop-filter:blur(12px) saturate(180%)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:var(--radius-md)!important;box-shadow:0 8px 32px #11182714,0 2px 8px #1118270a!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);pointer-events:none}.glass-card:hover{background:#fffffff2!important;box-shadow:0 12px 48px #1118271f,0 4px 16px #1118270f!important;transform:translateY(-4px)!important;border-color:#3b82f64d!important}.page-section{padding:16px}.dark-theme{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #404040;background-color:var(--bg-primary);color:var(--text-primary)}.dark-theme .modern-header,.dark-theme .settings-content,.dark-theme .settings-menu,.dark-theme .settings-section,.dark-theme .common-card,.dark-theme .stat-card,.dark-theme .form-container,.dark-theme .page-container{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme .page-title,.dark-theme .setting-label h4,.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme h5,.dark-theme h6{color:var(--text-primary)!important}.dark-theme .setting-label p,.dark-theme .page-subtitle,.dark-theme p,.dark-theme span,.dark-theme .ant-statistic-title,.dark-theme .ant-statistic-content{color:var(--text-secondary)!important}.dark-theme .ant-input,.dark-theme .ant-select-selector,.dark-theme .ant-input-number,.dark-theme .ant-picker,.dark-theme .ant-textarea{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark-theme .ant-table,.dark-theme .ant-table-thead>tr>th,.dark-theme .ant-table-tbody>tr>td{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.dark-theme .ant-menu,.dark-theme .ant-menu-item,.dark-theme .ant-menu-submenu-title{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.dark-theme .ant-menu-item:hover,.dark-theme .ant-menu-item-active{background-color:var(--bg-tertiary)!important;color:var(--primary-color)!important}.dark-theme .ant-layout-header{background-color:var(--bg-secondary)!important;border-bottom-color:var(--border-color)!important}.dark-theme .ant-layout-sider{background-color:var(--bg-secondary)!important}.dark-theme .ant-layout-content{background-color:var(--bg-primary)!important}.light-theme{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;background-color:var(--bg-primary);color:var(--text-primary)}.compact-mode{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px}.compact-mode .setting-item{padding:var(--spacing-sm) 0!important}.compact-mode .settings-section,.compact-mode .page-container{padding:var(--spacing-md)!important}:root{--ant-primary-color: var(--primary-color);--primary-color-dark: var(--primary-color-dark, #096dd9);--primary-color-light: var(--primary-color-light, #40a9ff);--primary-color-hover: var(--primary-color-hover, #40a9ff);--primary-color-active: var(--primary-color-active, #0050b3);--accent-color: var(--accent-color, var(--primary-color));--accent-color-light: var(--accent-color-light, #e6f7ff);--bg-primary: var(--bg-primary, #ffffff);--bg-secondary: var(--bg-secondary, #f0f2f5);--text-primary: var(--text-primary, #262626);--text-secondary: var(--text-secondary, #8c8c8c);--border-color: var(--border-color, #d9d9d9)}.ant-btn-primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.ant-btn-primary:hover{background-color:var(--primary-color-hover)!important;border-color:var(--primary-color-hover)!important}.ant-btn-primary:focus{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 2px var(--accent-color-light)!important}.ant-btn-primary:active{background-color:var(--primary-color-active)!important;border-color:var(--primary-color-active)!important}.ant-menu-item-selected,.ant-menu-item:hover,.ant-menu-item-active{color:var(--primary-color)!important;background-color:var(--accent-color-light)!important}.ant-menu-item-selected:after{border-color:var(--primary-color)!important}.ant-radio-checked .ant-radio-inner,.ant-checkbox-checked .ant-checkbox-inner,.ant-switch-checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.ant-slider-handle,.ant-slider-track{background-color:var(--primary-color)!important}.ant-slider-dot-active{border-color:var(--primary-color)!important}.ant-pagination-item-active,.ant-pagination-item-active a{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.ant-tag{border-color:var(--primary-color)!important}.ant-tag.ant-tag-checkable-checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.ant-badge-count,.ant-progress-bg{background-color:var(--primary-color)!important}.ant-steps-item-finish .ant-steps-item-icon,.ant-steps-item-process .ant-steps-item-icon{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.ant-input:focus,.ant-input-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused,.ant-input-number-focused{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px var(--accent-color-light)!important}html,body{font-size:var(--app-font-size)}.compact-mode{font-size:calc(var(--app-font-size) - 1px)}.compact-mode .ant-btn{padding:4px 12px!important;height:auto!important}.compact-mode .ant-input,.compact-mode .ant-select-selector{padding:4px 8px!important;height:auto!important}.compact-mode .ant-form-item{margin-bottom:12px!important}.compact-mode .ant-table-thead>tr>th,.compact-mode .ant-table-tbody>tr>td{padding:8px 12px!important}.compact-mode .ant-card-body{padding:12px!important}.compact-mode .ant-modal-body{padding:16px!important}.color-option{display:inline-block;width:20px;height:20px;border-radius:4px;margin-right:8px;vertical-align:middle;border:2px solid #e5e7eb;cursor:pointer}.color-preview{width:20px;height:20px;border-radius:4px;display:inline-block;border:1px solid #e5e7eb}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.ant-btn-primary{transition:background-color .3s ease,border-color .3s ease!important}.button-click{animation:ripple .4s ease-out}@keyframes ripple{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.page-transition{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}