:root{--navy:#0f1c34;--navy2:#16274a;--line:#e3e7ee;--ink:#141a24;--muted:#6b7583;--ok:#127a3e;--okbg:#e6f5ec;--night:#2f5bd0;--nightbg:#e8eefb;--off:#b23a2f;--offbg:#fbe9e7;--bg:#f4f6fa;--card:#ffffff;--pri:#1746a2}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.5}button{font:inherit;cursor:pointer}input,select{font:inherit}.pwa-login{min-height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--navy),var(--navy2));padding:24px}.pwa-login-card{background:#fff;border-radius:18px;padding:28px 22px;width:100%;max-width:360px;box-shadow:0 18px 50px #0000004d}.pwa-login-logo{height:44px;display:block;margin:0 auto 4px}.pwa-login-sub{text-align:center;color:var(--muted);margin-bottom:18px;font-weight:600}.pwa-field{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:12px}.pwa-input{display:block;width:100%;margin-top:5px;padding:13px 12px;border:1.5px solid var(--line);border-radius:12px;font-size:16px;color:var(--ink);background:#fff}.pwa-input:focus{outline:none;border-color:var(--pri)}.pwa-err{color:var(--off);font-size:13px;margin:-4px 0 10px}.pwa-note{color:var(--muted);font-size:12px;text-align:center;margin-top:12px}.pwa-btn{border:none;border-radius:12px;padding:13px 16px;font-weight:700;background:#eef1f6;color:var(--ink)}.pwa-btn-primary{background:var(--pri);color:#fff}.pwa-btn-block{display:block;width:100%}.pwa-btn-sm{padding:9px 14px;border-radius:10px;background:var(--pri);color:#fff;font-size:14px}.pwa-shell{min-height:100%;display:flex;flex-direction:column;padding-bottom:76px}.pwa-head{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;position:sticky;top:0;z-index:5}.pwa-head-top{display:flex;align-items:center;justify-content:space-between}.pwa-head-logo{height:26px}.pwa-logout{background:#ffffff24;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:13px}.pwa-head-staff{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.pwa-staff-name{font-weight:700}.pwa-staff-no{font-size:12px;color:#c7d2e6}.pwa-site,.pwa-site-1{margin-left:auto;font-size:13px}.pwa-site{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 8px}.pwa-site option{color:#111}.pwa-site-1{color:#c7d2e6}.pwa-main{flex:1}.pwa-page{padding:16px}.pwa-title{font-size:20px;font-weight:800;margin-bottom:4px;display:flex;align-items:center;gap:8px}.pwa-lead{color:var(--muted);font-size:13px;margin-bottom:14px}.pwa-h2{font-size:15px;font-weight:700;margin:18px 0 8px}.pwa-row{margin-bottom:12px}.pwa-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pwa-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}.pwa-summary{background:#eef2f8;border-radius:10px;padding:10px 12px;font-weight:700;text-align:center;margin:12px 0;color:var(--navy)}.pwa-ok{color:var(--ok);background:var(--okbg);border-radius:10px;padding:10px 12px;margin-top:10px;font-weight:600}.pwa-badge{background:var(--off);color:#fff;border-radius:999px;font-size:12px;padding:2px 8px}.chip{display:inline-block;background:#eef1f6;color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.chip.h-ok{background:var(--okbg);color:var(--ok)}.chip.h-night{background:var(--nightbg);color:var(--night)}.chip.h-off{background:var(--offbg);color:var(--off)}.hope-legend{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.hope-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.hope-cell{background:var(--card);border:1.5px solid var(--line);border-radius:10px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:1px;min-height:56px}.hope-cell .hope-d{font-weight:800;font-size:15px}.hope-cell .hope-wd{font-size:10px;color:var(--muted)}.hope-cell .hope-v{font-size:9px;font-weight:700;line-height:1}.hope-cell.sun .hope-d{color:var(--off)}.hope-cell.sat .hope-d{color:var(--night)}.hope-cell.h-ok{background:var(--okbg);border-color:var(--ok)}.hope-cell.h-ok .hope-v{color:var(--ok)}.hope-cell.h-night{background:var(--nightbg);border-color:var(--night)}.hope-cell.h-night .hope-v{color:var(--night)}.hope-cell.h-off{background:var(--offbg);border-color:var(--off)}.hope-cell.h-off .hope-v{color:var(--off)}.pwa-list{list-style:none;display:flex;flex-direction:column;gap:8px}.pwa-list-row{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pwa-list-main{font-weight:600}.pwa-list-sub{color:var(--muted);font-size:12px;margin-top:2px}.pwa-staffcard div{margin-bottom:4px}.pwa-staffcard .pwa-k{display:inline-block;width:78px;color:var(--muted);font-size:12px;font-weight:700}.pwa-notice{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.pwa-notice.unread{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri) inset}.pwa-notice-h{width:100%;display:flex;align-items:center;gap:8px;padding:12px;background:none;border:none;text-align:left}.pwa-notice-title{font-weight:600;flex:1}.pwa-notice-date{font-size:11px;color:var(--muted)}.pwa-notice-body{padding:0 12px 12px;border-top:1px dashed var(--line)}.pwa-notice-body p{margin-top:8px}.pwa-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%);background:var(--navy);color:#fff;padding:11px 18px;border-radius:999px;font-size:14px;box-shadow:0 8px 24px #00000040;z-index:20}.pwa-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:10}.pwa-nav-item{background:none;border:none;padding:9px 0 8px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted)}.pwa-nav-item.active{color:var(--pri)}.pwa-nav-ico{font-size:20px;line-height:1}.pwa-nav-lbl{font-size:11px;font-weight:700}