:root{--orange:#ef781c;--black:#111;--white:#fff;--bg:#f1f1f1;--gray:#d7d7d7;--line:#cfcfcf;--muted:#666;font-family:Arial,Helvetica,sans-serif;color:var(--black);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}button,input,select{font:inherit}.brand{display:flex;align-items:center;gap:9px}.brand-mark{display:flex;gap:2px}.brand-mark i{display:block;width:13px;height:8px;background:var(--orange);transform:skewX(-28deg)}.brand strong{font-size:13px;letter-spacing:.13em}.login{min-height:100dvh;display:grid;grid-template-rows:minmax(230px,40vh) 1fr}.login-welcome{padding:30px;background:var(--black);color:var(--white);display:flex;flex-direction:column;justify-content:space-between}.login-welcome h1{font-size:clamp(44px,13vw,72px);line-height:.94;letter-spacing:-.055em;margin:20px 0 0;max-width:500px}.today{font-size:11px;font-weight:800;letter-spacing:.1em;color:#bbb}.login-panel{background:var(--white);padding:32px 24px 44px}.login-panel form{max-width:460px;margin:auto}.login-panel h2{font-size:28px;margin:0 0 25px}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:11px;font-weight:900;letter-spacing:.1em}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--white)}.primary{width:100%;border:0;border-radius:12px;padding:15px;background:var(--orange);color:var(--white);font-weight:900}.hint{font-size:11px;color:var(--muted);line-height:1.45}.error{color:#b42318;min-height:16px}.shell{min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto}.top{height:54px;background:var(--black);color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px}.identity{text-align:right;min-width:0}.identity b{font-size:12px;display:block}.identity span{display:block;font-size:9px;color:#bbb}.menu{border:1px solid #444;background:#222;color:white;border-radius:9px;padding:8px 10px;font-weight:900}.context{display:flex;gap:6px;align-items:center;padding:7px 10px;background:var(--white);border-bottom:1px solid var(--line);overflow:auto;white-space:nowrap}.context button,.context span{border:1px solid var(--line);border-radius:999px;background:var(--white);padding:6px 9px;font-size:10px}.context button{font-weight:900}.context .active{border-color:var(--orange);color:#a94300}.context .temporary{margin-left:auto;background:#fff4ea;border-color:#efb98f;color:#9b4309}.stage{min-height:0;position:relative}.stage iframe{display:block;width:100%;height:calc(100dvh - 160px);border:0;background:var(--bg)}.bottom{display:grid;grid-template-columns:repeat(5,1fr);background:var(--white);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bottom button{border:0;background:var(--white);min-height:51px;padding:6px 2px;color:#666;font-size:9px;font-weight:900}.bottom button.active{background:var(--black);color:var(--white)}.drawer{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.42);display:none}.drawer.open{display:block}.drawer-panel{width:min(88vw,390px);height:100%;background:var(--white);padding:20px;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.drawer-head button{border:0;background:var(--gray);border-radius:9px;padding:8px 11px}.page-list{display:grid;gap:7px}.page-list button{border:1px solid var(--line);border-radius:11px;background:var(--white);padding:13px;text-align:left;font-weight:900}.page-list button.active{background:var(--black);color:var(--white)}.drawer-foot{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.logout{border:1px solid var(--line);background:white;border-radius:10px;padding:11px;width:100%;font-weight:900}.notice{position:fixed;z-index:30;left:50%;bottom:70px;transform:translateX(-50%);max-width:calc(100vw - 28px);background:var(--black);color:var(--white);border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800;text-align:center}.hidden{display:none!important}@media(min-width:800px){.login{grid-template-columns:1.1fr .9fr;grid-template-rows:1fr}.login-welcome{padding:7vw}.login-panel{display:flex;align-items:center;padding:7vw}.shell{grid-template-columns:220px 1fr;grid-template-rows:auto auto 1fr}.top{grid-column:1/-1}.context{grid-column:2}.stage{grid-column:2}.stage iframe{height:calc(100dvh - 94px)}.bottom{grid-column:1;grid-row:2/4;display:flex;flex-direction:column;border-right:1px solid var(--line);border-top:0;padding:12px}.bottom button{text-align:left;padding:12px;border-radius:8px;min-height:44px;font-size:11px}.bottom button.active{background:var(--black)}}