:root{--primary:#4cbdb9;--primary-hover:#3da8a4;--primary-light:#4cbdb91a;--text:#374151;--text-light:#6b7280;--text-heading:#111827;--bg:#fff;--bg-sidebar:#f9fafb;--bg-header:#fff;--bg-card:#fff;--bg-hover:#f3f4f6;--bg-active:#f0faf9;--bg-login:#f9fafb;--border:#e5e7eb;--error:#dc2626;--error-light:#fef2f2;--success:#16a34a;--input-bg:#fff;--sans:system-ui, "Segoe UI", Roboto, "Noto Sans JP", sans-serif;--mono:ui-monospace, Consolas, monospace;font:15px/1.6 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--primary:#5ed4d0;--primary-hover:#7eded9;--primary-light:#5ed4d026;--text:#d1d5db;--text-light:#9ca3af;--text-heading:#f3f4f6;--bg:#111827;--bg-sidebar:#1f2937;--bg-header:#1f2937;--bg-card:#1f2937;--bg-hover:#374151;--bg-active:#5ed4d01f;--bg-login:#0f172a;--border:#374151;--error:#f87171;--error-light:#f871711a;--success:#4ade80;--input-bg:#1f2937}}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;overflow-y:scroll}body{margin:0}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--bg-header);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:10px;display:flex}.header-logo{width:32px;height:32px}.header-title{color:var(--primary);margin:0;font-size:18px;font-weight:600}.header-right{align-items:center;gap:16px;display:flex}.language-switcher{border:1px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:13px}.header-user{align-items:center;gap:12px;font-size:14px;display:flex}.logout-button{border:1px solid var(--border);cursor:pointer;color:var(--text-light);background:0 0;border-radius:4px;padding:4px 12px;font-size:13px}.logout-button:hover{background:var(--bg-hover)}.app-body{flex:1;display:flex}.app-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);width:220px;min-width:220px;padding:16px 0}.app-sidebar ul{list-style:none}.nav-divider{background:var(--border);height:1px;margin:8px 24px;list-style:none}.nav-link{color:var(--text);padding:10px 24px;font-size:14px;text-decoration:none;transition:background .15s;display:block}.nav-link:hover{background:var(--bg-hover)}.nav-link.active{color:var(--primary);background:var(--bg-active);font-weight:500}.app-main{flex:1;max-width:1200px;padding:32px}.login-container{background:var(--bg-login);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;width:100%;max-width:400px;padding:48px}.login-card h1{color:var(--primary);margin-bottom:4px;font-size:24px}.login-card h2{color:var(--text-light);margin-bottom:32px;font-size:16px;font-weight:400}.form-group{margin-bottom:20px}.form-group label{color:var(--text-heading);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group input{border:1px solid var(--border);width:100%;font-size:15px;font-family:var(--sans);background:var(--input-bg);color:var(--text);border-radius:6px;padding:10px 12px;transition:border-color .15s}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.error-message{color:var(--error);margin-bottom:16px;font-size:14px}button[type=submit]{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px;font-size:15px;font-weight:500;transition:background .15s}button[type=submit]:hover{background:var(--primary-hover)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.header-brand{align-items:center;gap:8px;display:flex}.header-app-name{color:var(--primary);letter-spacing:1px;font-size:18px;font-weight:700}.header-separator{color:var(--text-light);margin:0 2px;font-weight:300}.header-module{color:var(--text-heading);letter-spacing:.5px;font-size:16px;font-weight:600}.header-nav{align-items:center;gap:0;display:flex}.header-nav-link{height:56px;color:var(--text-light);letter-spacing:.5px;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--sans);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:0 14px;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.header-nav-link:hover{color:var(--text)}.header-nav-link.active{color:var(--primary);border-bottom-color:var(--primary)}.header-logout{color:var(--text-light)}.header-logout:hover{color:var(--error)}.header-username{color:var(--text);white-space:nowrap;font-size:14px}.app-footer{border-top:1px solid var(--border);background:var(--bg-header);color:var(--text-light);justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:12px;display:flex}.footer-logo{width:20px;height:20px}.footer-text{color:var(--text-light)}@media print{.app-header,.app-footer,.MuiDrawer-root,nav,header,footer{display:none!important}.app-main{max-width:none!important;padding:0!important}.app-body{display:block!important}body{background:#fff!important}}.page-placeholder{padding:24px}.page-placeholder h2{color:var(--text-heading);margin-bottom:8px;font-size:24px}.page-placeholder p{color:var(--text-light)}