.employee-dashboard{max-width:720px;margin:0 auto}.employee-welcome{margin-bottom:18px}.employee-welcome span,.employee-welcome p{color:var(--muted)}.employee-welcome h1{margin:3px 0}.shift-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:16px}.shift-card-open{background:var(--green-bg);border-color:#b9ddce}.shift-state{font-weight:700;color:var(--green)}.shift-state i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);margin-right:7px}.shift-state-closed{color:var(--muted)}.shift-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.shift-stats div{display:flex;flex-direction:column;gap:5px}.shift-stats span{font-size:12px;color:var(--muted);text-transform:uppercase}.shift-stats strong{font-size:30px}.employee-shift-form>div{margin:14px 0}.employee-shift-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted)}.shift-main-button{width:100%;min-height:58px;margin-top:16px;border:0;color:#fff;font-size:17px;font-weight:750}.open-shift{background:var(--green)}.close-shift{background:#be3434}.personal-time-table td,.personal-time-table th{white-space:nowrap}@media(max-width:800px){header{height:auto;min-height:60px;align-items:flex-start;flex-direction:column;padding:12px 14px 0}header .brand{display:block}header nav{width:100%;height:42px;overflow-x:auto;gap:18px}header nav a{white-space:nowrap}.employee-dashboard{max-width:none}.shift-card{padding:20px}.shift-stats strong{font-size:26px}.employee-shift-form{padding:18px}.personal-time-table{overflow:visible;border:0;background:transparent;box-shadow:none}.personal-time-table table,.personal-time-table tbody{display:block}.personal-time-table thead{display:none}.personal-time-table tr{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;margin-bottom:10px}.personal-time-table td{border:0;padding:0;white-space:normal}.personal-time-table td:first-child{grid-column:1/-1;font-weight:700}.personal-time-table td:nth-child(2)::before{content:'Приход: ';color:var(--muted)}.personal-time-table td:nth-child(3)::before{content:'Уход: ';color:var(--muted)}.personal-time-table td:nth-child(4)::before{content:'Отработано: ';color:var(--muted)}.personal-time-table td:nth-child(5){grid-column:1/-1}.personal-time-table .empty{display:block}}
.logout-form { display: inline; margin: 0; }
.link-button { background: none; border: 0; color: inherit; cursor: pointer; font: inherit; padding: 0; text-decoration: underline; }
.login-page { min-height: 100vh; }
.login-shell { display: grid; min-height: 100vh; place-items: center; padding: 1rem; }
.login-card { background: var(--surface, #fff); border-radius: 16px; box-shadow: 0 12px 40px rgba(0,0,0,.12); max-width: 420px; padding: 2rem; width: 100%; }
.login-card h1 { margin-bottom: .25rem; }
.login-card .field { margin: 1rem 0; }
.login-card input { box-sizing: border-box; width: 100%; }
.wide { width: 100%; }
.mobile-logout { display: none; margin: 0 0 0 auto; }
@media(max-width:800px){.mobile-logout{display:flex}.mobile-logout button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-weight:600;padding:0;white-space:nowrap}}