.auth-layout[data-v-f2c6a07a]{display:flex;min-height:100vh}.auth-side[data-v-f2c6a07a]{width:440px;flex-shrink:0;background:linear-gradient(160deg,#0f172a,#1e3a5f 60%,#1e40af);display:flex;flex-direction:column;padding:var(--space-12) var(--space-10);position:relative;overflow:hidden}.auth-side[data-v-f2c6a07a]:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:#2563eb26;pointer-events:none}.auth-side[data-v-f2c6a07a]:after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;border-radius:50%;background:#6366f11f;pointer-events:none}.auth-brand[data-v-f2c6a07a]{margin-bottom:var(--space-12)}.brand-logo[data-v-f2c6a07a]{margin-bottom:var(--space-4)}.brand-name[data-v-f2c6a07a]{font-size:var(--text-3xl);font-weight:var(--font-bold);color:#fff;letter-spacing:1px;margin-bottom:var(--space-1)}.brand-sub[data-v-f2c6a07a]{font-size:var(--text-sm);color:#ffffff8c;letter-spacing:.5px}.auth-features[data-v-f2c6a07a]{flex:1;display:flex;flex-direction:column;gap:var(--space-6)}.feature-item[data-v-f2c6a07a]{display:flex;align-items:flex-start;gap:var(--space-4);animation:fadeIn .5s ease both}.feature-item[data-v-f2c6a07a]:nth-child(2){animation-delay:.1s}.feature-item[data-v-f2c6a07a]:nth-child(3){animation-delay:.2s}.feature-item[data-v-f2c6a07a]:nth-child(4){animation-delay:.3s}.feature-icon[data-v-f2c6a07a]{font-size:1.5rem;width:44px;height:44px;border-radius:var(--radius-md);background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-title[data-v-f2c6a07a]{font-weight:var(--font-semibold);color:#fff;font-size:var(--text-sm);margin-bottom:2px}.feature-desc[data-v-f2c6a07a]{font-size:var(--text-xs);color:#ffffff80;line-height:1.5}.auth-footer[data-v-f2c6a07a]{font-size:var(--text-xs);color:#ffffff4d;margin-top:var(--space-8)}.auth-main[data-v-f2c6a07a]{flex:1;background:var(--color-gray-50);display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.auth-card[data-v-f2c6a07a]{width:100%;max-width:440px;background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a;padding:var(--space-10)}@media (max-width: 768px){.auth-side[data-v-f2c6a07a]{display:none}.auth-main[data-v-f2c6a07a]{padding:var(--space-4)}}.app-layout[data-v-2afb0c02]{display:flex;min-height:100vh;background:var(--surface-bg)}.sidebar[data-v-2afb0c02]{width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;height:100vh;z-index:var(--z-fixed);transition:width .25s ease;overflow:hidden}.sidebar.collapsed[data-v-2afb0c02]{width:72px}.sidebar-header[data-v-2afb0c02]{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--sidebar-border);min-height:68px}.sidebar-logo[data-v-2afb0c02]{display:flex;align-items:center;gap:var(--space-3);overflow:hidden}.sidebar-title[data-v-2afb0c02]{font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff;letter-spacing:1px;white-space:nowrap}.collapse-btn[data-v-2afb0c02]{background:var(--sidebar-item-hover-bg);border:none;color:var(--sidebar-color);width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:var(--transition-fast)}.collapse-btn[data-v-2afb0c02]:hover{background:#ffffff1f;color:#fff}.sidebar-role-badge[data-v-2afb0c02]{padding:8px 16px}.role-label[data-v-2afb0c02]{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary-light);background:#2563eb33;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.sidebar-nav[data-v-2afb0c02]{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-2);scrollbar-width:none}.sidebar-nav[data-v-2afb0c02]::-webkit-scrollbar{display:none}.nav-section[data-v-2afb0c02]{margin-bottom:var(--space-4)}.nav-section-label[data-v-2afb0c02]{font-size:10px;font-weight:var(--font-semibold);color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;margin-bottom:4px}.nav-item[data-v-2afb0c02]{display:flex;align-items:center;gap:var(--space-3);padding:9px 12px;border-radius:var(--radius-md);color:var(--sidebar-color);text-decoration:none;transition:var(--transition-fast);margin-bottom:2px;white-space:nowrap;overflow:hidden}.nav-item[data-v-2afb0c02]:hover{background:var(--sidebar-item-hover-bg);color:#fff}.nav-item.active[data-v-2afb0c02]{background:var(--sidebar-item-active-bg);color:var(--sidebar-color-active);font-weight:var(--font-medium)}.nav-icon[data-v-2afb0c02]{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.nav-label[data-v-2afb0c02]{font-size:var(--text-sm)}.nav-badge[data-v-2afb0c02]{margin-left:auto;background:var(--color-primary);color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-full)}.sidebar-footer[data-v-2afb0c02]{border-top:1px solid var(--sidebar-border);padding:var(--space-4) var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.user-info[data-v-2afb0c02]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);overflow:hidden}.user-avatar[data-v-2afb0c02]{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-weight:var(--font-bold);font-size:var(--text-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar.sm[data-v-2afb0c02]{width:30px;height:30px;font-size:11px}.user-details[data-v-2afb0c02]{overflow:hidden}.user-name[data-v-2afb0c02]{font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email[data-v-2afb0c02]{font-size:var(--text-xs);color:var(--sidebar-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn[data-v-2afb0c02]{display:flex;align-items:center;gap:var(--space-3);padding:9px 12px;border-radius:var(--radius-md);background:none;border:none;color:var(--sidebar-color);cursor:pointer;font-size:var(--text-sm);width:100%;transition:var(--transition-fast)}.logout-btn[data-v-2afb0c02]:hover{background:#dc262626;color:#fca5a5}.main-wrapper[data-v-2afb0c02]{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left .25s ease}.sidebar.collapsed~.main-wrapper[data-v-2afb0c02]{margin-left:72px}.top-header[data-v-2afb0c02]{height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:var(--header-shadow);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);position:sticky;top:0;z-index:var(--z-sticky)}.page-title[data-v-2afb0c02]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-800)}.header-right[data-v-2afb0c02]{display:flex;align-items:center;gap:var(--space-4)}.header-user[data-v-2afb0c02]{display:flex;align-items:center;gap:var(--space-2);color:var(--color-gray-700)}.main-content[data-v-2afb0c02]{flex:1;padding:var(--space-8);overflow-y:auto}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-primary-dark: #1e40af;--color-secondary: #6366f1;--color-secondary-hover: #4f46e5;--color-secondary-light: #e0e7ff;--color-accent: #0ea5e9;--color-accent-light: #e0f2fe;--color-success: #16a34a;--color-success-light: #dcfce7;--color-warning: #d97706;--color-warning-light: #fef3c7;--color-danger: #dc2626;--color-danger-light: #fee2e2;--color-info: #0284c7;--color-info-light: #e0f2fe;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--sidebar-bg: #0f172a;--sidebar-width: 260px;--sidebar-color: #94a3b8;--sidebar-color-active: #f8fafc;--sidebar-item-hover-bg: rgba(255,255,255,.06);--sidebar-item-active-bg: rgba(37, 99, 235, .25);--sidebar-border: rgba(255,255,255,.06);--header-height: 64px;--header-bg: #ffffff;--header-border: var(--color-gray-200);--header-shadow: 0 1px 3px rgba(0,0,0,.06);--surface-bg: #f8fafc;--card-bg: #ffffff;--card-radius: 12px;--card-shadow: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--card-shadow-hover: 0 4px 12px rgba(0,0,0,.1);--card-border: 1px solid var(--color-gray-200);--font-sans: "Inter", "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: all .15s ease;--transition-normal: all .25s ease;--transition-slow: all .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-overlay: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-gray-800);background:var(--surface-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit}img,svg{display:block;max-width:100%}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.3;color:var(--color-gray-900)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-muted{color:var(--color-gray-500)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.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)}.flex-1{flex:1}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.ml-auto{margin-left:auto}.mr-2{margin-right:var(--space-2)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.relative{position:relative}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--radius-md)}.rounded-full{border-radius:var(--radius-full)}.card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:var(--card-border);transition:var(--transition-normal)}.card:hover{box-shadow:var(--card-shadow-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-gray-100)}.card-body{padding:var(--space-6)}.divider{width:100%;height:1px;background:var(--color-gray-100);margin:var(--space-4) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-in{animation:fadeIn .25s ease both}.animate-slide-in{animation:slideInLeft .25s ease both}.animate-scale-in{animation:scaleIn .2s ease both}.animate-spin{animation:spin .8s linear infinite}.animate-pulse{animation:pulse 1.5s ease infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.slide-up-enter-active,.slide-up-leave-active{transition:all .25s ease}.slide-up-enter-from{opacity:0;transform:translateY(12px)}.slide-up-leave-to{opacity:0;transform:translateY(-12px)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}