*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f2f1ea;-webkit-font-smoothing:antialiased}.app-sider{background:linear-gradient(180deg,#123a33,#0a231f)!important;box-shadow:2px 0 8px #091c3840}.app-sider .ant-menu{background:transparent;border-inline-end:none!important}.app-sider .ant-menu-item-group-title{color:#7d968d;font-size:12px;padding-top:14px}.logo{height:56px;display:flex;align-items:center;gap:9px;padding:0 16px;color:#fff;overflow:hidden;cursor:pointer;flex-shrink:0}.logo-badge{width:30px;height:30px;min-width:30px;border-radius:8px;background:linear-gradient(135deg,#1b8a7a,#0c5348);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff}.logo-text{font-size:15px;font-weight:600;white-space:nowrap}.header-left{display:flex;align-items:center;flex:1;min-width:0}.collapse-btn{font-size:16px;padding:0 12px 0 4px;cursor:pointer;color:#4a5568}.collapse-btn:hover{color:#0f766e}.top-menu{flex:1;min-width:0;border-bottom:none!important;background:#fff}.header-right{display:flex;align-items:center;gap:20px;padding-left:16px}.header-date{color:#4a5568;font-size:13px;white-space:nowrap}.header-bell{font-size:17px;color:#4a5568;cursor:pointer}.header-user{display:flex;align-items:center;gap:7px;cursor:pointer;color:#2a3346;font-size:13px;white-space:nowrap}.app-content{padding:12px;overflow:auto}.section-title{display:flex;align-items:center;font-weight:600;font-size:15px;color:#22304a}.section-title .bar{width:4px;height:14px;background:#0f766e;border-radius:2px;margin-right:8px}.stat-card{display:flex;align-items:center;gap:14px}.stat-icon{width:46px;height:46px;min-width:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.stat-label{color:#7a8499;font-size:13px}.stat-value{font-size:26px;font-weight:700;color:#22304a;line-height:1.25;font-family:DIN Alternate,Helvetica Neue,Arial,sans-serif}.stat-trend{font-size:12px;color:#98a2b3;white-space:nowrap}.todo-row{display:flex;align-items:center;justify-content:space-between;padding:9px 4px;border-bottom:1px dashed #eceae2;font-size:13px;color:#3d4a5f}.todo-row:last-child{border-bottom:none}.todo-left{display:flex;align-items:center;gap:9px}.todo-dot{width:8px;height:8px;border-radius:50%}.todo-count{min-width:26px;text-align:center;border-radius:10px;padding:1px 8px;font-size:12px;font-weight:600}.schedule-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px dashed #eceae2;font-size:13px;color:#3d4a5f}.schedule-row:last-child{border-bottom:none}.schedule-time{color:#0f766e;font-weight:600;min-width:42px}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 12px;padding:8px 4px}.overview-item{display:flex;align-items:center;gap:10px}.overview-label{font-size:12px;color:#7a8499}.overview-value{font-size:19px;font-weight:700;color:#22304a;line-height:1.2}.rank-badge{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;font-size:12px;color:#6b7689;background:#f2f1ea;font-weight:600}.rank-badge.top{color:#fff;background:#0f766e}.rank-badge.top2{color:#fff;background:#2e9686}.rank-badge.top3{color:#fff;background:#7fb5ab}.link-btn{color:#0f766e;cursor:pointer;font-size:13px}.link-btn:hover{color:#2e9686}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 18% 15%,#17453b,#0d2b26 58%),#0d2b26;position:relative;overflow:hidden}.login-page:before{content:"HR";position:absolute;right:-30px;bottom:-70px;font-size:320px;font-weight:800;color:#ffffff08;letter-spacing:-10px;-webkit-user-select:none;user-select:none;line-height:1}.login-card{width:392px;background:#fff;border-radius:10px;padding:38px 36px 26px;box-shadow:0 20px 60px #04161373;position:relative;z-index:1}.login-title{text-align:center;font-size:20px;font-weight:700;color:#22304a;margin:14px 0 26px}.login-tip{margin-top:16px;color:#98a2b3;font-size:12px;text-align:center}