:root{--color-primary: #6366f1;--color-primary-hover: #5558e6;--color-primary-light: #e0e7ff;--color-secondary: #8b5cf6;--color-accent: #f472b6;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-health: #ef4444;--color-work: #f97316;--color-learn: #eab308;--color-social: #ec4899;--color-mood: #8b5cf6;--color-wealth: #10b981;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-hero: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #f472b6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-warm: linear-gradient(135deg, #f97316 0%, #f472b6 100%);--color-bg: #f8fafc;--color-bg-card: #ffffff;--color-bg-elevated: rgba(255, 255, 255, .85);--color-bg-glass: rgba(255, 255, 255, .7);--color-border: rgba(0, 0, 0, .06);--color-border-strong: rgba(0, 0, 0, .1);--color-text: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 12px 36px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}.dark,[data-theme=dark]{--color-bg: #0f0f23;--color-bg-card: rgba(255, 255, 255, .04);--color-bg-elevated: rgba(255, 255, 255, .06);--color-bg-glass: rgba(255, 255, 255, .05);--color-border: rgba(255, 255, 255, .06);--color-border-strong: rgba(255, 255, 255, .1);--color-text: #e2e8f0;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #0f172a;--color-primary-light: rgba(99, 102, 241, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 12px 36px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px rgba(99, 102, 241, .4)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;font-family:var(--font-sans);font-size:14px;line-height:1.6;background:var(--color-bg);color:var(--color-text);transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}a{color:var(--color-primary);text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.glass{background:var(--color-bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border)}.glass-strong{background:var(--color-bg-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border-strong)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-gradient{background:var(--gradient-primary)!important;border:none!important;color:#fff!important;font-weight:600!important;box-shadow:var(--shadow-glow)!important;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)!important}.btn-gradient:hover{transform:translateY(-1px)!important;box-shadow:0 0 30px #6366f180!important}.page-title{font-size:22px;font-weight:700;color:var(--color-text);margin-bottom:4px;letter-spacing:-.02em}.page-subtitle{font-size:14px;color:var(--color-text-muted)}.ant-card{border-radius:var(--radius-lg)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-sm)!important;transition:box-shadow var(--duration-normal) var(--ease-out)!important}.ant-card:hover{box-shadow:var(--shadow-md)!important}.ant-btn-primary{box-shadow:0 2px 8px #6366f14d!important}.ant-btn-primary:hover{box-shadow:0 4px 16px #6366f166!important}.ant-menu-item-selected{background:var(--color-primary-light)!important;color:var(--color-primary)!important;border-radius:var(--radius-md)!important;margin:2px 8px!important;font-weight:600!important}.ant-tag{border-radius:var(--radius-sm)!important;border:none!important;font-weight:500!important}.ant-modal-content{border-radius:var(--radius-xl)!important;overflow:hidden}.ant-input,.ant-input-password,.ant-input-affix-wrapper,.ant-select-selector{border-radius:var(--radius-md)!important}.ant-table{border-radius:var(--radius-lg)!important;overflow:hidden}.ant-float-btn-primary{background:var(--gradient-primary)!important;box-shadow:var(--shadow-glow)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f166}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.stagger-children>*{opacity:0;animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.36s}.stagger-children>*:nth-child(8){animation-delay:.42s}.skeleton-shimmer{background:linear-gradient(90deg,var(--color-border) 0%,var(--color-bg-glass) 50%,var(--color-border) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.avatar-overlay:hover{background:#0000004d!important}.avatar-overlay:hover .camera-icon{opacity:1!important}@media(max-width:768px){:root{--radius-lg: 12px;--radius-xl: 16px}.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}