@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f5f6fa;--bg-secondary:#fff;--bg-tertiary:#eef0f5;--bg-hover:#e4e6f0;--border:#d0d4e0;--border-light:#bfc5d4;--text-primary:#1a1d2e;--text-secondary:#5a6080;--text-muted:#9099b5;--accent:#5b52e8;--accent-hover:#4a42d0;--accent-glow:#5b52e81f;--success:#1e8a34;--success-glow:#1e8a341a;--warning:#c96a00;--danger:#c62828;--danger-glow:#c628281a;--available-color:#1e8a34;--if-needed-color:#c96a00;--pending-color:#9099b5;--unavailable-color:#c62828;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 2px 8px #00000012;--shadow-md:0 4px 16px #0000001a;--transition:.2s cubic-bezier(.4, 0, .2, 1);--slot-width:26px;--row-height:30px;--header-height:34px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}button{cursor:pointer;transition:all var(--transition);border:none;outline:none;font-family:inherit}input{transition:all var(--transition);outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.nav-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:12px 24px;display:flex;position:sticky;top:0}.nav-bar .logo{color:var(--accent);letter-spacing:-.02em;margin-right:16px;font-size:1.1rem;font-weight:700}.nav-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;padding:8px 20px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.nav-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px #5b52e84d}.page-container{max-width:1600px;margin:0 auto;padding:24px;animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}