:root{font-family:Inter,system-ui,sans-serif;color:#173d36;background:#f5f7f3;--green:#075547;--lime:#d7f056;--line:#dce5df}*{box-sizing:border-box}body{margin:0}header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:12px 24px}header img{width:44px;height:44px;object-fit:contain}header div{display:grid}header small{color:#648078;text-transform:uppercase;font-size:11px;letter-spacing:.12em}header>span{margin-left:auto;background:#e4f4ea;padding:8px 12px;border-radius:99px;font-size:12px}.logout{border:1px solid var(--line);background:#fff;color:#173d36;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer}.gate{max-width:680px;margin:12vh auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 18px 48px #0b463316}.gate[hidden],#shell[hidden]{display:none!important}.gate h1{margin-top:0}.gate a{display:inline-block;margin-top:10px;color:var(--green);font-weight:700}#shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 72px)}aside{padding:24px;background:#063d34;color:white}nav{display:grid;gap:8px}nav button,aside>button{border:0;border-radius:12px;padding:12px;text-align:left;background:transparent;color:#dbece6;cursor:pointer}nav button.active,nav button:hover{background:#ffffff17;color:#fff}aside>button{margin-top:24px;background:var(--lime);color:#18392f;width:100%;text-align:center;font-weight:700}.legacy{display:block;margin-top:18px;color:#b9d0c8;font-size:12px;text-align:center;text-decoration:none}.legacy:hover{color:#fff}article{padding:32px;max-width:1200px;width:100%}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.hero small{color:#6a827b;text-transform:uppercase;letter-spacing:.1em}.hero h1{font-size:34px;margin:6px 0}.hero p{margin:0;color:#61736e}.safe{background:#e4f4ea;border-radius:99px;padding:9px 12px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:16px}.card h3{margin:0 0 8px}.card p{color:#6a7b76}.notice{margin-top:20px;padding:12px;border-radius:10px}.notice:empty{display:none}.notice.ok{background:#e4f4ea}.notice.bad{background:#fee9e7;color:#8a2420}form{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:12px;max-width:680px}label{display:grid;gap:5px;font-size:13px}input{padding:10px;border:1px solid #bdcbc5;border-radius:9px}form button,.card button{border:0;border-radius:9px;padding:10px 13px;background:var(--green);color:white;cursor:pointer}code{font-size:10px;word-break:break-all}@media(max-width:760px){header{padding:10px 12px;gap:8px}header>span{display:none}.logout{margin-left:auto}#shell{grid-template-columns:1fr}aside{padding:12px}nav{grid-template-columns:repeat(2,1fr)}article{padding:20px}.hero{display:block}.safe{display:inline-block;margin-top:14px}}