@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.app-header[data-v-f82e791b]{border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-inner[data-v-f82e791b]{max-width:720px;margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:56px}.brand[data-v-f82e791b]{font-weight:700;font-size:var(--fs-20);color:var(--primary);letter-spacing:-.01em}.nav[data-v-f82e791b]{display:flex;align-items:center;gap:12px}.nav-link[data-v-f82e791b]{color:var(--text-dim);font-size:.92rem;padding:8px 4px;min-height:var(--tap-target);display:inline-flex;align-items:center}.nav-link.router-link-active[data-v-f82e791b]{color:var(--text)}.logout-btn[data-v-f82e791b]{padding:8px 12px;min-height:36px;font-size:.88rem}@media (min-width: 768px){.header-inner[data-v-f82e791b]{padding:14px 24px}.brand[data-v-f82e791b]{font-size:1.2rem}.nav[data-v-f82e791b]{gap:16px}.nav-link[data-v-f82e791b]{font-size:1rem}}:root{--bg: #ffffff;--bg-elevated: #f3f3f4;--bg-tint: #f1f1ff;--border: #e5e5ea;--text: #202530;--text-dim: #6b7280;--text-disabled: #b2b2b2;--primary: #6d71f9;--primary-hover: #595df6;--primary-disabled: #9c9fff;--on-primary: #ffffff;--success: #60c21a;--success-strong: #007b0c;--warning: #ffbc0f;--danger: #d70015;--danger-bright: #ff2f3d;--danger-tint: #fff0f1;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-xs: 8px;--radius-sm: 12px;--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--tap-target: 48px;--button-height: 56px;--avatar-sm: 48px;--avatar-md: 72px;--avatar-lg: 100px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-22: 22px;--fs-24: 24px;--fs-28: 28px;--fs-32: 32px;--fs-36: 36px;--shadow-sm: 0 1px 2px rgba(32, 37, 48, .06);--shadow-md: 0 4px 16px rgba(32, 37, 48, .08);--shadow-lg: 0 30px 60px -20px rgba(32, 37, 48, .18);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100vh;background:var(--bg);overflow-x:hidden}body{font-size:var(--fs-16);line-height:1.45}h1,h2,h3{font-weight:700;letter-spacing:-.01em;margin:0}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button{font:inherit;font-weight:600;cursor:pointer;border:none;border-radius:var(--radius);padding:var(--space-4) var(--space-5);min-height:var(--button-height);background:var(--primary);color:var(--on-primary);transition:background .15s ease,transform .05s ease;font-size:var(--fs-16)}button:hover{background:var(--primary-hover)}button:active{transform:translateY(1px)}button:disabled{background:var(--primary-disabled);cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.ghost:hover{background:var(--bg-elevated)}button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}button.danger:hover{background:var(--danger-tint)}input,select,textarea{font:inherit;font-size:var(--fs-16);background:var(--bg-elevated);color:var(--text);border:1px solid transparent;border-radius:var(--radius);padding:var(--space-4);width:100%;min-height:var(--button-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease,background .15s ease}input::placeholder,textarea::placeholder{color:var(--text-disabled)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);background:#fff}.container{max-width:560px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8)}.card-surface{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5) var(--space-4)}.muted{color:var(--text-dim)}@media (min-width: 768px){.container{max-width:720px;padding:var(--space-6) var(--space-6) var(--space-12)}.card-surface{padding:var(--space-6)}}