:root{--menu-widget-border-color:#9aa4af;--link-text-color:navy;--ui-zoom:1.25;zoom:var(--ui-zoom)}@media (max-width:1024px) and (hover:none) and (pointer:coarse),(max-width:767px){:root{--ui-zoom:1}}*{box-sizing:border-box}body{margin:0;color:#222;font-family:Arial,Meiryo,sans-serif;background:#fff}a{color:var(--link-text-color)}button,input{font:inherit}.layout{display:flex;flex-direction:column;height:calc(100dvh / var(--ui-zoom))}.layout-content{display:flex;flex:1 1;min-height:0}.main-content{flex-direction:column;height:100%;min-width:0;flex:1 1}.main-content,.page-header{display:flex;overflow:hidden}.page-header{align-items:center;gap:16px;flex:0 0 40px;height:40px;padding:0 12px;border-bottom:1px solid #aaa;background:#fff;font-size:1.4rem;white-space:nowrap}.page-header-link{color:#000;text-decoration:none}.page-header-brand{font-family:Arial Black,Arial,sans-serif;font-weight:900}.page-header-account{gap:16px;margin-left:auto;font-size:14px}.page-header-account,.page-header-user{display:flex;align-items:center;min-width:0}.page-header-user{gap:6px}.page-header-user-icon{width:22px;height:22px;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}.page-header-user span{overflow:hidden;text-overflow:ellipsis}.page-header-signout{flex-shrink:0;color:var(--link-text-color)}.page-body{flex:1 1;min-height:0;padding:12px 16px;overflow:auto}.sidebar{width:200px;height:100%;padding:1rem 12px;flex-shrink:0;background:#f0f0f0;overflow:auto}.mobile-sidebar ul,.sidebar ul{list-style:none;padding:0;margin:0}.mobile-sidebar li,.sidebar li{margin-bottom:8px}.mobile-sidebar a,.sidebar a{display:flex;align-items:center;gap:4px;width:100%;padding:6px 10px 6px 8px;color:var(--link-text-color);background:#fff;border:1px solid var(--menu-widget-border-color);border-radius:6px;text-decoration:none;transition:background-color .3s}.mobile-sidebar a:hover,.sidebar a:hover{background:#e0e0e0}.menuicon-awesome{flex:0 0 20px;width:20px;padding:0;text-align:center;color:navy;font-weight:700}.hamburger,.mobile-sidebar,.overlay{display:none}.home{max-width:720px;margin:20px auto;padding:24px}.login-message{margin-top:20px;font-weight:700;text-align:center;color:#444}@media screen and (max-width:499px){.page-header-account{display:none}}@media screen and (max-width:1600px){.sidebar{display:none}.page-header{padding-right:44px}.hamburger{top:3px;right:4px;width:32px;height:32px;background:#e0e0e0;border:1px solid #ccc;border-radius:4px;font-size:22px;line-height:30px;cursor:pointer;z-index:999;box-shadow:0 1px 3px #0003}.hamburger,.overlay{display:block;position:fixed;padding:0}.overlay{inset:0;width:100%;height:100%;border:none;background:transparent;z-index:998}.mobile-sidebar{display:block;position:fixed;top:40px;bottom:0;left:0;width:200px;padding:1rem 12px;background:#f0f0f0;z-index:1000;overflow:auto}}