@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--primary: #FF69B4;--primary-light: #FFE4F0;--primary-dark: #FF1493;--secondary: #4169E1;--secondary-light: #E6F0FF;--accent-gold: #FFD700;--accent-purple: #9370DB;--accent-cyan: #87CEEB;--success: #22C55E;--success-light: #F0FDF4;--warning: #F59E0B;--warning-light: #FFFBEB;--error: #EF4444;--error-light: #FEF2F2;--bg-page: linear-gradient(135deg, #FFE4F0 0%, #E6E6FA 50%, #FFE4F0 100%);--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: rgba(255, 255, 255, .98);--bg-sidebar: linear-gradient(180deg, #1E3A8A 0%, #312E81 100%);--bg-sidebar-active: linear-gradient(135deg, #FF69B4 0%, #FF1493 100%);--border: #FFB6D9;--border-light: #FFE4F0;--text-primary: #2D1B4E;--text-secondary: #6B5B95;--text-muted: #9370DB;--text-sidebar: #E0E7FF;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--glow-pink: 0 0 20px rgba(255, 105, 180, .5);--glow-gold: 0 0 20px rgba(255, 215, 0, .5);--glow-purple: 0 0 20px rgba(147, 112, 219, .5);--el-color-primary: #FF69B4;--el-color-primary-light-3: #FFB6D9;--el-color-primary-light-5: #FFD4E8;--el-color-primary-light-7: #FFE4F0;--el-color-primary-light-9: #FFF0F7;--el-color-primary-dark-2: #FF1493;--el-color-success: #22C55E;--el-color-warning: #F59E0B;--el-color-danger: #EF4444;--el-border-radius-base: 16px;--el-border-color: #FFB6D9;--el-border-color-light: #FFE4F0;--el-text-color-primary: #2D1B4E;--el-text-color-regular: #4A3B6B;--el-text-color-secondary: #6B5B95;--el-text-color-placeholder: #9370DB;--el-font-family: "Quicksand", "Noto Sans SC", system-ui, -apple-system, sans-serif;--el-fill-color-light: #FFF0F7}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Quicksand,Noto Sans SC,system-ui,-apple-system,sans-serif;color:var(--text-primary);background:var(--bg-page);background-attachment:fixed;-webkit-font-smoothing:antialiased}#app{height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,215,0,.8),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,105,180,.8),transparent),radial-gradient(1px 1px at 50% 50%,rgba(147,112,219,.8),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,215,0,.6),transparent),radial-gradient(2px 2px at 90% 60%,rgba(255,105,180,.6),transparent);background-size:200% 200%;animation:twinkle 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.6}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;position:relative;z-index:1}.page-header h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;text-shadow:0 2px 8px rgba(255,105,180,.2)}.page-header h2:before{content:"✨ ";color:var(--accent-gold)}.page-header .subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.st-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px #ff69b426;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1;transition:all .3s ease}.st-card:hover{background:var(--bg-card-hover);box-shadow:0 12px 48px #ff69b440;transform:translateY(-2px)}.st-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff69b4,gold,#9370db)}.st-table .el-table{--el-table-border-color: var(--border-light);--el-table-header-bg-color: #FFF0F7;--el-table-row-hover-bg-color: #FFF5FA}.st-table .el-table th.el-table__cell{font-size:13px;font-weight:600;color:var(--text-secondary);background:linear-gradient(135deg,#fff0f7,#ffe4f0);border-bottom:2px solid var(--border)}.st-table .el-table td.el-table__cell{font-size:14px;color:var(--text-primary)}.st-table .el-table--enable-row-hover .el-table__body tr:hover>td{background:#fff5fa}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;line-height:20px;position:relative;overflow:hidden}.status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.status-badge.completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a;border:1px solid #86EFAC}.status-badge.incomplete{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #FCA5A5}.status-badge.late{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706;border:1px solid #FCD34D}.status-badge.pending{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border:1px solid #D1D5DB}.el-button--primary{--el-button-bg-color: #FF69B4;--el-button-border-color: #FF69B4;--el-button-hover-bg-color: #FF1493;--el-button-hover-border-color: #FF1493;border-radius:var(--radius-md);font-weight:600;box-shadow:0 4px 12px #ff69b44d;transition:all .3s ease;position:relative;overflow:hidden}.el-button--primary:hover{box-shadow:0 6px 20px #ff69b480,var(--glow-pink);transform:translateY(-2px)}.el-button--primary:before{content:"✨";position:absolute;left:8px;opacity:0;transition:opacity .3s ease}.el-button--primary:hover:before{opacity:1}.el-dialog{border-radius:var(--radius-xl)!important;border:2px solid var(--border);box-shadow:0 20px 60px #ff69b44d;overflow:hidden}.el-dialog__header{background:linear-gradient(135deg,#ffe4f0,#e6e6fa);border-bottom:2px solid var(--border);padding:20px 24px}.el-dialog__title{font-weight:700;color:var(--text-primary)}.el-pagination .is-active{background:linear-gradient(135deg,#ff69b4,#ff1493)!important;box-shadow:var(--glow-pink)}.el-input__wrapper{border-radius:var(--radius-md);border:2px solid var(--border-light);transition:all .3s ease}.el-input__wrapper:hover{border-color:var(--border)}.el-input__wrapper.is-focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff69b41a}.el-tabs__active-bar{background:linear-gradient(90deg,#ff69b4,gold);height:3px}.el-tabs__item.is-active{color:var(--primary);font-weight:600}.el-tabs__item:hover{color:var(--primary)}.st-progress{display:flex;align-items:center;gap:12px}.st-progress-label{width:60px;font-size:13px;color:var(--text-secondary);flex-shrink:0;font-weight:600}.st-progress-bar{flex:1;height:16px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:9999px;overflow:hidden;border:2px solid var(--border-light);position:relative}.st-progress-fill{height:100%;background:linear-gradient(90deg,#ff69b4,gold,#9370db);border-radius:9999px;transition:width .6s ease;position:relative;overflow:hidden}.st-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:progress-shimmer 1.5s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.st-progress-value{width:48px;font-size:13px;font-weight:700;color:var(--primary);text-align:right;flex-shrink:0}.moon-decoration{position:fixed;top:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 0 40px #ffd70099;z-index:0;animation:float 6s ease-in-out infinite;pointer-events:none}.moon-decoration:before{content:"🌙";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.sparkle{position:absolute;width:4px;height:4px;background:var(--accent-gold);border-radius:50%;animation:sparkle 2s infinite;pointer-events:none}