.secure-role{color:var(--green);background:#e4f1ea;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:800;display:flex}.secure-role>a{color:#62736e;border-left:1px solid #bfd5ca;margin-left:8px;padding-left:12px;text-decoration:none}.secure-role>span{font-size:8px}.employee-manager{margin-top:18px}.secure-note{color:var(--green);background:#e5f2eb;border-radius:20px;padding:7px 9px;font-size:9px}.employee-form{background:#f5f7f5;border-radius:12px;grid-template-columns:1fr .7fr 1.5fr 1fr auto;align-items:end;gap:10px;margin-top:20px;padding:16px;display:grid}.employee-form label{color:var(--muted);font-size:9px;font-weight:700}.employee-form input{background:#fff;border:1px solid #dce4df;border-radius:8px;width:100%;margin-top:6px;padding:10px;display:block}.form-message{color:var(--green);margin:12px 0 0;font-size:11px}.account-list{margin-top:14px}.account-list>div{border-top:1px solid var(--line);grid-template-columns:1fr auto 78px;align-items:center;gap:14px;padding:12px 7px;display:grid}.account-list small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.account-list em{border-radius:20px;padding:5px 8px;font-size:9px;font-style:normal}.account-list em.enabled{color:var(--green);background:#e5f2eb}.account-list em.disabled{color:#a94c44;background:#f2e9e7}.secondary.small{padding:7px 8px;font-size:9px}.admin-lock{color:var(--muted);text-align:center;font-size:9px}.access-page{background:#143e34;place-items:center;min-height:100vh;padding:20px;display:grid}.access-card{text-align:center;background:#fff;border-radius:20px;max-width:500px;padding:42px}.access-card .brand-mark{margin:0 auto 24px}.access-card p{color:var(--muted);line-height:1.8}.access-card a{background:var(--green);color:#fff;border-radius:9px;padding:12px 18px;font-size:12px;font-weight:800;text-decoration:none;display:inline-block}@media (width<=900px){.employee-form{grid-template-columns:1fr 1fr}.employee-form button{grid-column:span 2}.secure-role{width:max-content;margin-top:12px}}@media (width<=560px){.employee-form{grid-template-columns:1fr}.employee-form button{grid-column:auto}.account-list>div{grid-template-columns:1fr auto}.account-list .small,.admin-lock{grid-column:2}}.login-page{--ink:#10202a;--green:#087b54;--mint:#59e6a5;min-height:100vh;color:var(--ink);background:#f4f6f5;place-items:center;padding:22px;font-family:Inter,Noto Sans JP,system-ui,sans-serif;display:grid}.login-shell{background:#fff;border-radius:26px;grid-template-columns:1fr 1fr;width:min(1490px,100%);min-height:calc(100vh - 44px);display:grid;overflow:hidden;box-shadow:0 10px 38px #1131271f}.login-intro{color:#f6fffb;background:radial-gradient(circle at 12% 82%,#0d7d5b42,#0000 30%),linear-gradient(135deg,#06352e 0%,#062924 56%,#073f35 100%);flex-direction:column;justify-content:space-between;padding:64px 62px 52px;display:flex;position:relative;overflow:hidden}.login-intro:before{content:"";background:linear-gradient(90deg,#0000,#0b665350);border-radius:60px;width:430px;height:100px;position:absolute;top:120px;right:-110px;transform:rotate(-45deg)}.login-intro:after{content:"";border:1px solid #2bb77d22;border-radius:50%;width:310px;height:310px;position:absolute;bottom:-70px;right:-95px;box-shadow:0 0 0 70px #22a8780b}.login-brand,.login-copy,.login-features,.login-copyright{z-index:1;position:relative}.login-brand{align-items:center;gap:15px;display:flex}.login-brand b{font-size:28px}.login-brand i{background:#ffffff52;width:1px;height:30px}.login-brand small{color:#a6bdb5;letter-spacing:.16em;font-size:11px;font-weight:700}.login-mark{color:#06352e;background:linear-gradient(135deg,#19a778,#37d8a1);border-radius:50%;place-items:center;width:42px;height:42px;font-size:13px;display:grid;box-shadow:inset 0 0 0 10px #31c895}.login-copy{margin-top:56px}.login-kicker{color:var(--mint);letter-spacing:.12em;margin:0 0 30px;font-size:14px;font-weight:850}.login-copy h1{letter-spacing:.03em;margin:0;font-size:clamp(48px,5vw,72px);line-height:1.28}.login-copy>p:last-child{color:#dce9e4;max-width:460px;margin:30px 0 0;font-size:15px;line-height:1.85}.login-features{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px;display:grid}.login-features article{gap:10px;display:grid}.login-features article>span{width:60px;height:60px;color:var(--mint);background:#0f5a4a;border-radius:12px;place-items:center;font-size:24px;display:grid;box-shadow:inset 0 0 20px #6affc414}.login-features strong{font-size:14px}.login-features small{color:#b2c6be;font-size:11px;line-height:1.7}.login-copyright{color:#93aaa1;margin:42px 0 0;font-size:10px}.login-panel{background:linear-gradient(145deg,#fff,#fbfcfb);place-items:center;padding:56px 9%;display:grid}.login-panel-inner{width:min(560px,100%)}.login-panel-head>p{color:var(--green);letter-spacing:.22em;margin:0 0 20px;font-size:12px;font-weight:900}.login-panel-head h2{letter-spacing:.01em;margin:0;font-size:36px}.login-panel-head>span{color:#495962;max-width:500px;margin-top:20px;font-size:14px;line-height:1.8;display:block}.login-form{gap:25px;margin-top:48px;display:grid}.login-form>label>span{margin-bottom:10px;font-size:12px;font-weight:800;display:block}.login-input{background:#fff;border:1px solid #dce4e1;border-radius:10px;align-items:center;height:62px;display:flex;box-shadow:0 2px 8px #163d2f0a}.login-input:focus-within{border-color:#38ac7d;box-shadow:0 0 0 4px #38ac7d14}.login-input>i{text-align:center;color:#81908b;width:56px;font-size:20px;font-style:normal}.login-input input{height:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.password-toggle{color:#71837d;cursor:pointer;background:0 0;border:0;width:54px;height:100%;font-size:19px}.login-options{color:#32443e;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.login-options label{align-items:center;gap:7px;display:flex}.login-options input{accent-color:var(--green);width:17px;height:17px}.login-options>span{color:var(--green)}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(120deg,#168252,#08734d);border:0;border-radius:10px;justify-content:center;align-items:center;height:62px;padding:0 30px;font-size:15px;font-weight:850;display:flex;position:relative;box-shadow:0 7px 18px #08734d33}.login-submit:hover{filter:brightness(1.05)}.login-submit:disabled{opacity:.65}.login-submit b{font-size:27px;font-weight:400;position:absolute;right:28px}.login-error{color:#a53b2d;background:#fff0ed;border-radius:9px;margin:0;padding:12px 14px;font-size:11px}.login-security{color:#43544e;align-items:center;gap:15px;margin-top:34px;font-size:11px;line-height:1.65;display:flex}.login-security>span{width:46px;height:46px;color:var(--green);background:#e2f3eb;border-radius:50%;flex:none;place-items:center;font-size:21px;display:grid}.login-security p{margin:0}@media (width<=900px){.login-page{padding:0}.login-shell{border-radius:0;grid-template-columns:1fr}.login-intro{min-height:520px;padding:42px}.login-copy{margin-top:44px}.login-copy h1{font-size:52px}.login-features{margin-top:42px}.login-panel{padding:64px 8%}}@media (width<=560px){.login-intro{min-height:440px;padding:30px 24px}.login-brand small,.login-brand i{display:none}.login-copy h1{font-size:42px}.login-copy>p:last-child{font-size:13px}.login-features{gap:12px}.login-features article>span{width:46px;height:46px}.login-features small{display:none}.login-copyright{margin-top:30px}.login-panel{padding:48px 24px}.login-panel-head h2{font-size:29px}.login-form{margin-top:36px}.login-options{flex-direction:column;align-items:flex-start}.login-input{height:56px}}