:root{--primary: #4F6EF7;--primary-light: #EEF1FE;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--text-primary: #1A1A2E;--text-secondary: #64748B;--text-disabled: #CBD5E1;--border: #E2E8F0;--bg-page: #F8FAFC;--bg-card: #FFFFFF;--sidebar-width: 256px;--header-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--bg-base: #f6f6fb;--blob-purple: rgba(207, 205, 255, 0.60);--blob-teal: rgba(105, 255, 241, 0.50);--glass-bg: rgba(255, 255, 255, 0.45);--glass-blur: 12px;--glass-border: rgba(255, 255, 255, 0.40);--glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.04);--glass-radius: 32px}.page-bg{background:radial-gradient(ellipse at 20% 30%, var(--blob-purple) 0%, transparent 40%),radial-gradient(ellipse at 80% 70%, var(--blob-teal) 0%, transparent 40%),var(--bg-base);background-attachment:fixed;min-height:100vh}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-page)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-size:inherit}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:#fff}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px}.badge-active{background:#dcfce7;color:#16a34a}.badge-draft{background:#f1f5f9;color:#64748b}.badge-completed{background:#dbeafe;color:#2563eb}.badge-archived{background:#f3f4f6;color:#9ca3af}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-bar .inner{height:100%;background:var(--primary);border-radius:3px;transition:width .4s}.app-root{min-height:100vh;width:100%}