:root{--navy:#163d5a;--navy2:#1f4d70;--orange:#f58220;--blue:#2b6f9e;--green:#4c9a6b;--red:#c0504d;--bg:#edf2f5;--card:#fff;--ink:#163d5a;--mut:#6b8294;--line:#d9e3ea}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-top:env(safe-area-inset-top,0)}h1{font-size:26px;margin:0 0 4px}.sub{margin:0 0 18px}.sub,small{color:var(--mut)}small{display:block;font-size:12px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:var(--navy);color:#dbe7ef;padding:20px 14px;display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;color:#fff}.brand b{display:block;font-size:19px;letter-spacing:.02em;line-height:1}.brand small{color:#9db4c4;font-weight:700}.logo{width:26px;height:26px;border-radius:50%;border:6px solid var(--orange);background:#fff;flex:none}.brand.dark{color:var(--navy)}.brand.dark small{color:var(--mut)}.ws{background:var(--navy2);border-radius:10px;padding:8px 12px}.ws b{color:#fff;font-size:13px;display:block}.ws small{color:#9db4c4}nav{display:flex;flex-direction:column;gap:4px}nav a{color:#dbe7ef;text-decoration:none;padding:11px 14px;border-radius:10px;font-weight:600}nav a:hover{background:var(--navy2)}nav a.on{background:var(--orange);color:#fff}.grp{font-size:11px;font-weight:700;color:#9db4c4;padding:14px 14px 4px;letter-spacing:.06em;text-transform:uppercase}.me{margin-top:auto;display:grid;grid-template-columns:auto 1fr;grid-gap:8px 10px;gap:8px 10px;align-items:center;background:var(--navy2);padding:10px;border-radius:10px}.me b{color:#fff;font-size:13px;display:block}.me small{color:#9db4c4}.me button{grid-column:1/3;background:none;border:1px solid #47698a;color:#dbe7ef;border-radius:8px;padding:6px;cursor:pointer}.av{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;font-weight:700;display:grid;place-items:center;font-size:13px}.main{padding:26px clamp(16px,3vw,36px);min-width:0}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;max-width:900px}.tag{display:inline-block;background:#fde6d0;color:#b85a08;font-weight:700;font-size:12px;padding:2px 10px;border-radius:99px;margin-bottom:8px}.panel ul{margin:6px 0 0;padding-left:20px}.btn,.panel ul{color:var(--ink)}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 16px;font:inherit;font-weight:700;cursor:pointer}.btn.pri{background:var(--orange);border-color:var(--orange);color:#fff}input,select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;width:100%}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.login{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;width:min(400px,100%);gap:12px}.login,.login label{display:flex;flex-direction:column}.login label{gap:4px;font-weight:600;font-size:13px}.err{color:var(--red);margin:0;font-size:14px}.urow{display:grid;grid-template-columns:1.4fr 1.2fr 1fr auto auto;grid-gap:10px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.urow:last-child{border:0}.who b{display:block}.chk{display:flex;gap:6px;align-items:center;font-weight:600}.chk input{width:auto}@media(max-width:820px){.shell{grid-template-columns:1fr}.side{position:fixed;inset:auto 0 0 0;height:auto;flex-direction:row;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));z-index:10;gap:0}.brand,.grp,.me,.ws{display:none}nav{flex-direction:row;width:100%;overflow-x:auto;gap:2px}nav a{flex:1 0 auto;text-align:center;font-size:12px;padding:10px;white-space:nowrap}.main{padding-bottom:90px}.urow{grid-template-columns:1fr 1fr}.who{grid-column:1/3}}