.personnel-login-page{place-items:center;min-height:calc(100vh - 76px);display:grid}.personnel-login{border:1px solid var(--lp-line);background:#faf8f2;border-top:3px solid #9b7444;width:min(100%,520px);padding:42px}.personnel-login>span{letter-spacing:.16em;font-size:9px;font-weight:700}.personnel-login h1{margin:14px 0;font:400 46px/.95 Georgia,serif}.personnel-login>p{margin:0 0 28px;font-size:12px;line-height:1.6}.personnel-login label{text-transform:uppercase;gap:7px;margin-top:15px;font-size:9px;font-weight:700;display:grid}.personnel-login input{border:1px solid var(--lp-line);background:#fff;padding:14px;font:14px inherit}.personnel-login>div[role=alert]{background:#f3dfdc;border-left:3px solid #8b342d;margin-top:15px;padding:12px;font-size:11px}.personnel-login>button{color:#fff;text-transform:uppercase;background:#25251f;border:0;width:100%;margin-top:20px;padding:15px;font-size:9px;font-weight:700}.personnel-login aside{background:#eee8dc;gap:5px;margin-top:24px;padding:16px;display:grid}.personnel-login aside strong,.personnel-login aside small{font-size:10px}.personnel-login-page{background:#fff;min-height:100vh;padding:40px 20px}.personnel-login{background:#fff;border:1px solid #d9d5cc;width:min(100%,620px);padding:52px;box-shadow:0 24px 70px #1d1b1612}.personnel-login>.leutelia-official-logo{width:min(100%,430px);margin:28px auto 32px}@media (max-width:640px){.personnel-login{padding:36px 24px}.personnel-login>.leutelia-official-logo{margin-top:20px}}.personnel-login h1{font-size:40px;line-height:1.05}.staff-dashboard{background:linear-gradient(135deg,#f4f1e9 0%,#fff 48%,#eee8dc 100%)}.staff-dashboard__panel{background:#fff;border:1px solid #d8d1c4;border-top:4px solid #8a231f;width:min(100%,1040px);box-shadow:0 30px 90px #231e161f}.staff-dashboard__header{border-bottom:1px solid #ddd6ca;grid-template-columns:260px 1fr;align-items:center;gap:50px;padding:38px 48px 34px;display:grid}.staff-dashboard__header .leutelia-official-logo{width:260px}.staff-dashboard__header span,.staff-dashboard__account span,.staff-dashboard__hotel>span{color:#7d251f;letter-spacing:.16em;font-size:9px;font-weight:700}.staff-dashboard__header h1{margin:10px 0 12px;font:400 50px/.95 Georgia,serif}.staff-dashboard__header p{color:#5e5b54;max-width:540px;margin:0;font-size:13px;line-height:1.65}.staff-dashboard__account{background:#f5f1e8;align-items:center;gap:16px;padding:18px 48px;display:flex}.staff-dashboard__account strong{font:400 18px Georgia,serif}.staff-dashboard__account small{color:#66635c}.staff-dashboard__hotels{gap:18px;margin:0;padding:32px 48px;list-style:none;display:grid}.staff-dashboard__hotels>li{background:#fdfcf9;border:1px solid #d8d1c4;border-left:4px solid #173e34;grid-template-columns:minmax(240px,1fr) minmax(360px,1.25fr);align-items:end;gap:34px;padding:26px;display:grid}.staff-dashboard__hotel{gap:8px;display:grid}.staff-dashboard__hotel a{border-bottom:1px solid #9b7444;width:max-content;font:400 30px/1 Georgia,serif}.staff-dashboard__hotel small{color:#67635b;font-size:11px}.staff-hotel-plan{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.staff-hotel-plan label{gap:7px;display:grid}.staff-hotel-plan label>span{letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.staff-hotel-plan select{background:#fff;border:1px solid #cfc7ba;min-width:0;padding:13px;font:12px inherit}.staff-hotel-plan button,.staff-dashboard__footer button{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#242520;border:0;padding:14px 18px;font-size:9px;font-weight:700}.staff-hotel-plan small{color:#173e34;grid-column:1/-1;font-size:10px}.staff-dashboard__empty{background:#f5f1e8;border-left:3px solid #9b7444;margin:34px 48px;padding:24px}.staff-dashboard__footer{background:#faf8f3;border-top:1px solid #ddd6ca;justify-content:space-between;align-items:center;gap:24px;padding:22px 48px;display:flex}.staff-dashboard__footer p{color:#66635c;margin:0;font-size:11px}@media (max-width:760px){.staff-dashboard__header{grid-template-columns:1fr;gap:20px;padding:30px}.staff-dashboard__header .leutelia-official-logo{width:220px}.staff-dashboard__header h1{font-size:40px}.staff-dashboard__account{flex-direction:column;align-items:flex-start;gap:5px;padding:18px 30px}.staff-dashboard__hotels{padding:24px}.staff-dashboard__hotels>li,.staff-hotel-plan{grid-template-columns:1fr}.staff-hotel-plan button{width:100%}.staff-dashboard__footer{flex-direction:column;align-items:stretch;padding:22px 30px}.staff-dashboard__footer button{width:100%}}