:root{--primary:#1677ff;--primary-hover:#4096ff;--primary-active:#0958d9;--success:#52c41a;--warning:#fa8c16;--danger:#ff4d4f;--info:#1677ff;--text-primary:#000000e0;--text-secondary:#000000a6;--text-tertiary:#00000073;--text-disabled:#00000040;--bg-layout:#f5f5f5;--bg-container:#fff;--bg-hover:#fafafa;--border-color:#f0f0f0;--radius-sm:4px;--radius-default:6px;--radius-lg:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--bg-layout);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:14px;line-height:1.5715}.top-header{background:var(--bg-container);z-index:100;border-bottom:1px solid var(--border-color);align-items:center;height:56px;padding:0 24px;display:flex;box-shadow:0 2px 8px #0000000f}.top-header .brand{align-items:center;gap:10px;display:flex}.top-header .brand .logo-icon{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,#d4380d 0%,#a8071a 100%);justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 6px #00000026}.top-header .brand .brand-text{flex-direction:column;line-height:1.3;display:flex}.top-header .brand .brand-main{color:var(--text-primary);font-size:14px;font-weight:600}.top-header .brand .brand-sub{color:var(--text-tertiary);font-size:10px;font-weight:400}.user-info{cursor:pointer;border-radius:var(--radius-lg);border:1px solid var(--border-color);align-items:center;gap:8px;padding:6px 14px;transition:background .2s;display:flex}.user-info:hover{background:var(--bg-hover)}.user-info .avatar{width:28px;height:28px;color:var(--primary);background:#e6f4ff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.user-info .user-meta{flex-direction:column;line-height:1.2;display:flex}.user-info .welcome{color:var(--text-tertiary);font-size:10px}.user-info .user-name{color:var(--text-primary);font-size:13px;font-weight:500}.main-layout{min-height:calc(100vh - 56px);display:flex}.sidebar{background:var(--bg-container);border-right:1px solid var(--border-color);flex-shrink:0;width:200px}.content-area{background:var(--bg-layout);flex:1;padding:24px;overflow-x:auto}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.stat-card{cursor:pointer;transition:box-shadow .2s,transform .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.project-board{background:var(--bg-container);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px 24px}.board-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;font-size:14px;font-weight:600;display:flex}.board-title .badge{color:var(--primary);border-radius:var(--radius-sm);background:#e6f4ff;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:500}.board-title .meta{color:var(--text-secondary);font-size:11px;font-weight:400}.week-row{border-bottom:1px dashed var(--border-color);align-items:stretch;min-height:62px;display:flex}.week-row:last-child{border-bottom:none}.date-col{background:var(--bg-hover);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:60px;padding:8px 4px;display:flex}.date-col .date-num{color:var(--primary);font-size:18px;font-weight:700}.date-col .date-sub{color:var(--text-secondary);margin-top:2px;font-size:10px}.day-cells{flex:1;align-items:stretch;display:flex}.day-cell{border-right:1px solid var(--border-color);flex-direction:column;flex:1;justify-content:center;padding:8px 12px;transition:background .2s;display:flex}.day-cell:hover{background:#f0f5ff}.day-cell:last-child{border-right:none}.weekday-col{background:var(--bg-hover);border-left:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;width:52px;display:flex}.weekday-text{color:var(--text-secondary);font-size:12px;font-weight:500}.project-pill{cursor:pointer;align-items:center;gap:4px;margin:3px 0;display:inline-flex}.pill-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001f}.pill-circle.green{background:#52c41a}.pill-circle.orange{background:#fa8c16}.pill-circle.red{background:#ff4d4f}.pill-circle.blue{background:#1677ff}.pill-circle.purple{background:#722ed1}.pill-circle.cyan{background:#13c2c2}.pill-circle.gray{background:#bfbfbf}.pill-circle.yellow{background:#f7b500}.pill-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:11px;overflow:hidden}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-header .title-row{color:var(--text-primary);align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.page-header .user-badge{color:var(--primary);border-radius:var(--radius-sm);background:#e6f4ff;padding:4px 14px;font-size:12px;font-weight:500}.page-header .sub-info{color:var(--text-secondary);margin-left:8px;font-size:12px;font-weight:400}.sub-page-title{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.filter-bar{background:var(--bg-container);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.filter-bar .filter-result{color:var(--text-primary);background:var(--bg-hover);border-radius:var(--radius-sm);padding:4px 14px;font-size:12px}.table-card{background:var(--bg-container);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden}.table-card .card-header{background:var(--bg-hover);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.table-card .card-header .title{color:var(--text-primary);font-size:14px;font-weight:600}.table-card .card-header .prefix{color:var(--text-secondary);margin-right:6px;font-weight:400}.table-card .card-header .count-num{color:var(--primary);font-weight:600}.message-list-card{background:var(--bg-container);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.page-section{margin-bottom:16px}.project-link{color:var(--primary);cursor:pointer;font-weight:500;transition:color .2s}.project-link:hover{color:var(--primary-hover);text-decoration:underline}.notify-unread-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.notify-popover-item{cursor:pointer;border-bottom:1px solid #fafafa;align-items:flex-start;gap:8px;padding:10px 0;display:flex}.notify-popover-item:last-child{border-bottom:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (width<=1200px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){.sidebar{width:56px;overflow:hidden}.top-header .brand .brand-text{display:none}.stats-row{grid-template-columns:repeat(2,1fr)}.content-area{padding:16px}}@media (width<=640px){.stats-row{grid-template-columns:1fr}}