.uk-login{min-height:100dvh;background:#eef0ec;color:#20312d;font-family:Arial,sans-serif}.uk-login header{display:flex;align-items:center;gap:24px;background:#18362f;color:white;padding:12px 24px}.uk-login header button{padding:8px 20px;border:1px solid #668176;border-radius:8px}.uk-login time{margin-left:auto}.uk-brand{display:flex;align-items:center;gap:24px;padding:20px 32px}.uk-brand>img{width:110px;height:70px;object-fit:contain}.uk-brand h1{font-size:28px;font-weight:750}.uk-brand small{font-size:16px;font-weight:400}.uk-login-grid{display:grid;grid-template-columns:minmax(280px,420px);justify-content:center;gap:24px;padding:0 32px 24px}.uk-login aside,.uk-users{background:white;border:1px solid #d7ddd8;border-radius:16px;padding:20px}.uk-users h2{font-size:20px;margin-bottom:16px}.uk-user-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.uk-user-grid button{border:2px solid #d7ddd8;border-radius:12px;padding:16px;min-height:100px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#f7f8f5}.uk-user-grid button[aria-pressed=true]{border-color:#5d932b;background:#edf5df}.uk-user-grid img{width:48px;height:48px;object-fit:contain}.uk-login aside>label{display:block;margin-bottom:8px}.uk-login aside>input,.uk-login select{width:100%;border:1px solid #abb9af;border-radius:8px;background:white;color:#20312d;min-height:48px;font-size:22px;margin-bottom:12px;padding:8px}.uk-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.uk-keypad button{min-height:58px;font-size:28px;border-radius:8px;background:#e9eee7;color:#20312d}.uk-keypad .uk-confirm{background:#63992e;color:white}.uk-keypad button:disabled{opacity:.45}.uk-admin{margin-top:18px;display:flex!important;align-items:center;gap:10px}.uk-admin input{width:24px;height:24px}.uk-login [role=alert]{color:#a12222;margin-top:12px}.uk-login footer{padding:10px 32px;color:#53675d}.uk-login button{touch-action:manipulation;cursor:pointer}.uk-login button:focus-visible,.uk-login input:focus-visible{outline:3px solid #c89535;outline-offset:2px}@media (max-width:720px){.uk-login-grid{grid-template-columns:1fr;padding:0 16px 16px}.uk-user-grid{grid-template-columns:repeat(2,1fr)}.uk-brand{padding:16px}.uk-login time{font-size:12px}.uk-login header{gap:12px;padding:10px}.uk-brand h1{font-size:23px}}
.h-dvh{height:100vh}.min-h-dvh{min-height:100vh}
.flex.gap-0\.5>*+*,.inline-flex.gap-0\.5>*+*{margin-left:.125rem}
.flex.gap-1>*+*,.inline-flex.gap-1>*+*{margin-left:.25rem}
.flex.gap-2>*+*,.inline-flex.gap-2>*+*{margin-left:.5rem}
.flex.gap-3>*+*,.inline-flex.gap-3>*+*{margin-left:.75rem}
.flex.gap-4>*+*,.inline-flex.gap-4>*+*{margin-left:1rem}
.flex.gap-5>*+*,.inline-flex.gap-5>*+*{margin-left:1.25rem}
.flex.gap-6>*+*,.inline-flex.gap-6>*+*{margin-left:1.5rem}
.flex.gap-8>*+*,.inline-flex.gap-8>*+*{margin-left:2rem}
.flex.flex-col.gap-1>*+*,.inline-flex.flex-col.gap-1>*+*{margin-left:0;margin-top:.25rem}
.flex.flex-col.gap-2>*+*,.inline-flex.flex-col.gap-2>*+*{margin-left:0;margin-top:.5rem}
.flex.flex-col.gap-3>*+*,.inline-flex.flex-col.gap-3>*+*{margin-left:0;margin-top:.75rem}
.flex.flex-col.gap-4>*+*,.inline-flex.flex-col.gap-4>*+*{margin-left:0;margin-top:1rem}
.flex.flex-col.gap-6>*+*,.inline-flex.flex-col.gap-6>*+*{margin-left:0;margin-top:1.5rem}
@media (min-width:40rem){
.flex.sm\:gap-1>*+*,.inline-flex.sm\:gap-1>*+*{margin-left:.25rem}
.flex.sm\:gap-2>*+*,.inline-flex.sm\:gap-2>*+*{margin-left:.5rem}
.flex.sm\:gap-3>*+*,.inline-flex.sm\:gap-3>*+*{margin-left:.75rem}
.flex.sm\:gap-4>*+*,.inline-flex.sm\:gap-4>*+*{margin-left:1rem}
.flex.sm\:gap-6>*+*,.inline-flex.sm\:gap-6>*+*{margin-left:1.5rem}
.flex.flex-col.sm\:gap-2>*+*{margin-left:0;margin-top:.5rem}
.flex.flex-col.sm\:gap-3>*+*{margin-left:0;margin-top:.75rem}
.flex.flex-col.sm\:gap-4>*+*{margin-left:0;margin-top:1rem}
}