:root{--color-background:#f9fafb;--color-surface:#ffffff;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text-muted:#6b7280;--color-text-secondary:#374151;--color-text:#111827;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#eff6ff;--color-success:#059669;--color-success-soft:#ecfdf5;--color-warning:#d97706;--color-warning-soft:#fffbeb;--color-danger:#dc2626;--color-danger-soft:#fef2f2;--color-sidebar:#111827;--color-sidebar-hover:rgba(255,255,255,0.06);--color-sidebar-active:rgba(96,165,250,0.14);--color-sidebar-text:#9ca3af;--color-accent:#60a5fa;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(17,24,39,0.06);--shadow-md:0 4px 12px rgba(17,24,39,0.08);--shadow-lg:0 12px 32px rgba(17,24,39,0.16)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:16px!important}h1,h2,h3,h4,p{margin:0}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.shell{display:flex;min-height:100vh}.shell-sidebar{width:248px;flex-shrink:0;background:var(--color-sidebar);color:#fff;display:flex;flex-direction:column;padding:20px 12px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.shell-brand{display:flex;align-items:baseline;gap:8px;padding:0 12px;margin-bottom:24px}.shell-brand-mark{font-size:var(--font-size-xl);font-weight:700;color:#fff;letter-spacing:.02em}.shell-brand-sub{font-size:var(--font-size-xs);color:var(--color-sidebar-text);letter-spacing:.08em}.shell-nav{flex:1 1;display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:0 12px;margin:16px 0 4px}.nav-item,.nav-section-label{color:var(--color-sidebar-text)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-left:3px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--color-sidebar-hover);color:#fff;text-decoration:none}.nav-item.active{border-left-color:var(--color-accent);background:var(--color-sidebar-active);color:#fff}.nav-item svg{flex-shrink:0;opacity:.85}.shell-sidebar-footer{display:flex;flex-direction:column;gap:8px;padding:12px 4px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:16px}.shell-locale-btn{flex:1 1;padding:6px;font-size:var(--font-size-xs);background:transparent;color:#d1d5db;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);cursor:pointer}.shell-locale-btn.active{background:rgba(255,255,255,.18);color:#fff}.shell-logout-btn{padding:9px 12px;background:transparent;color:#f87171;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:500;transition:background .15s ease}.shell-logout-btn:hover{background:rgba(248,113,113,.1)}.shell-main-col{flex:1 1;display:flex;flex-direction:column;min-width:0}.shell-header{height:60px;flex-shrink:0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--color-surface);position:-webkit-sticky;position:sticky;top:0;z-index:20}.shell-header-user{font-size:13px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-main{flex:1 1;padding:var(--space-lg);background:var(--color-background)}.shell-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);margin-right:8px}.shell-backdrop{display:none}@media (max-width:767px){.shell-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;transform:translateX(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}.shell-sidebar.open{transform:translateX(0)}.shell-backdrop{display:block;position:fixed;inset:0;z-index:30;background:rgba(17,24,39,.5);border:none;padding:0;cursor:pointer}.shell-menu-btn{display:inline-flex}.shell-header{padding:0 12px}.shell-main{padding:var(--space-md)}}.login-page{min-height:100vh;display:flex}.login-brand-panel{flex:1 1 50%;background:linear-gradient(160deg,#111827,#1e293b 55%,#1e3a5f);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl);gap:var(--space-lg)}.login-brand-mark{font-size:var(--font-size-4xl);font-weight:700;letter-spacing:.02em;line-height:1.2}.login-brand-mark .kanji{color:var(--color-accent);margin-right:12px}.login-tagline{font-size:var(--font-size-lg);color:#cbd5e1;line-height:1.7}.login-benefits{list-style:none;margin:var(--space-md) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.login-benefit{display:flex;align-items:flex-start;gap:12px;font-size:var(--font-size-sm);color:#e2e8f0;line-height:1.6}.login-benefit svg{flex-shrink:0;margin-top:2px;color:var(--color-accent)}.login-form-panel{flex:1 1 50%;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-background)}.login-card{width:100%;max-width:400px;padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}@media (max-width:899px){.login-page{flex-direction:column}.login-brand-panel{flex:none;padding:var(--space-xl) var(--space-lg);gap:var(--space-sm)}.login-brand-mark{font-size:var(--font-size-2xl)}.login-tagline{font-size:var(--font-size-sm)}.login-benefits{display:none}.login-form-panel{align-items:flex-start;padding:var(--space-lg) var(--space-md)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg)}.skeleton{background:var(--color-border);border-radius:var(--radius-md);animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md)}.label-grid{display:grid;grid-template-columns:160px 1fr;grid-row-gap:12px;row-gap:12px;grid-column-gap:var(--space-md);column-gap:var(--space-md)}.settings-layout{display:grid;grid-template-columns:200px 1fr;grid-gap:var(--space-xl);gap:var(--space-xl)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:640px){.form-grid-2,.label-grid{grid-template-columns:1fr}.label-grid{row-gap:4px}}@media (max-width:767px){.settings-layout{grid-template-columns:1fr;gap:var(--space-lg)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}