:root{--color-bg: #f5f7f8;--color-bg-alt: #eef2f3;--color-surface: #ffffff;--color-surface-alt: #f7f9fa;--color-border: #e3e8ea;--color-text: #182226;--color-text-muted: #6b7680;--color-primary: #0f766e;--color-primary-dark: #0b5b55;--color-primary-light: #e7f5f3;--color-accent: #0891b2;--color-success: #15803d;--color-success-light: #e9f8ee;--color-warning: #b45309;--color-warning-light: #fdf3e3;--gradient-brand: linear-gradient(135deg, #0f766e 0%, #0e7490 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(15, 118, 110, .1) 0%, rgba(14, 116, 144, .08) 100%);--shadow-sm: 0 1px 2px rgba(15, 30, 30, .04);--shadow-md: 0 4px 16px rgba(15, 30, 30, .06);--shadow-lg: 0 12px 28px rgba(15, 30, 30, .1);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:var(--color-primary)}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{letter-spacing:-.01em}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.page{max-width:880px;margin:0 auto;padding:28px 16px 72px}.btn-primary{background:var(--gradient-brand);color:#fff;border:none;border-radius:999px;padding:13px 26px;font-size:15px;font-weight:700;box-shadow:0 6px 18px #6366f159;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:#fff;color:var(--color-text);border:1px solid var(--color-border);border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600;transition:border-color .15s ease,color .15s ease,background .15s ease}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.progress-bar{width:100%;height:10px;background:#e6ecec;border-radius:999px;overflow:hidden}.progress-bar>div{height:100%;background:var(--gradient-brand);border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.status-badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700}.status-badge.completed{background:var(--color-success-light);color:var(--color-success)}.status-badge.in_progress{background:var(--color-primary-light);color:var(--color-primary)}.status-badge.not_started{background:#f1f2f6;color:var(--color-text-muted)}.text-muted{color:var(--color-text-muted)}.app-header[data-v-cb3927a6]{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:14px 28px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.brand[data-v-cb3927a6]{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text)}.brand-text[data-v-cb3927a6]{font-weight:700;font-size:14px}nav[data-v-cb3927a6]{display:flex;gap:16px;flex:1}nav a[data-v-cb3927a6]{color:var(--color-text-muted);text-decoration:none;font-size:14px;font-weight:600}nav a.router-link-active[data-v-cb3927a6]{color:var(--color-primary)}.user-area[data-v-cb3927a6]{display:flex;align-items:center;gap:10px;font-size:14px;margin-left:auto}.user-name[data-v-cb3927a6]{font-weight:600;color:var(--color-text)}.logout-btn[data-v-cb3927a6]{padding:7px 16px;font-size:13px}