:root{--bg:#f4f6fa;--card:#fff;--text:#182033;--muted:#6f7788;--line:#e3e7ef;--primary:#2563eb;--primary-dark:#1d4ed8;--success:#087a55;--success-bg:#e8f8f1;--danger:#c32929;--danger-bg:#fff0f0;--warning:#9a6100;--warning-bg:#fff6dd;--vacation:#6d3bc1;--vacation-bg:#f3ecff;--shadow:0 10px 30px rgba(24,32,51,.07);--radius:18px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.topbar{min-height:76px;padding:15px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:#111827;color:#fff}.topbar small{display:block;color:#aeb8cb;margin-top:3px}.brand{font-size:1.25rem;font-weight:800;color:#fff}.admin{font-size:.92rem;color:#d7deeb}.admin a{color:#fff}.nav{padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;gap:5px;overflow:auto;background:#fff;border-bottom:1px solid var(--line)}.nav a{padding:16px 13px;color:#5b6475;font-weight:650;white-space:nowrap;border-bottom:3px solid transparent}.nav a:hover,.nav a.active{color:var(--primary);border-bottom-color:var(--primary)}.container{width:min(1280px,calc(100% - 32px));margin:28px auto 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:22px}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#fff 0%,#edf4ff 100%)}.hero h1,.page-heading h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:5px 0 8px}.hero p,.page-heading p{color:var(--muted);max-width:760px;margin:0;line-height:1.55}.compact-hero h1{font-size:2.1rem}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.eyebrow{font-size:.74rem;letter-spacing:.11em;font-weight:800;color:var(--primary)}.btn{border:0;border-radius:11px;padding:11px 16px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-weight:750;transition:.15s}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{background:#eef1f6;color:#30394b}.btn.danger{background:var(--danger);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{padding:20px;background:#fff;border:1px solid var(--line);border-radius:15px}.stat strong{font-size:2rem;display:block}.stat span{color:var(--muted);font-size:.9rem}.schedule-board{display:grid;grid-template-columns:1fr 1fr;gap:22px}.shift-column{margin-bottom:22px}.shift-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}.shift-heading span{font-size:.7rem;color:var(--muted);font-weight:800;letter-spacing:.1em}.shift-heading h2{margin:4px 0 0;font-size:1.45rem}.shift-heading>b{background:#edf4ff;color:var(--primary);padding:7px 10px;border-radius:999px;font-size:.82rem}.worker-grid{display:grid;gap:12px;margin-top:16px}.worker-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fafbfe}.worker-top{display:flex;gap:11px;align-items:center}.avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#dce8ff;color:var(--primary);font-weight:850}.worker-top h3{margin:0 0 3px;font-size:1rem}.worker-top span{color:var(--muted);font-size:.82rem}.time-line,.count-line{display:flex;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line);font-size:.84rem}.time-line span,.count-line span{color:var(--muted)}.time-line b,.count-line strong{color:var(--text)}.future-count{margin-top:9px;color:var(--muted);font-size:.82rem}.future-count b{color:var(--primary)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin:2px 0}.vacation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.vacation-card{border:1px solid #ddcff7;background:#faf7ff;border-radius:14px;padding:16px}.vacation-card h3{margin:0 0 3px}.vacation-card span,.muted-text{color:var(--muted)}.vacation-card p{line-height:1.6;font-size:.9rem}.empty-state{text-align:center;padding:50px 25px}.empty-state h2{margin-top:0}.empty-inline{padding:25px;text-align:center;color:var(--muted)}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 22px}.page-heading h1{margin-bottom:4px}.two-column{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.5fr);gap:22px;align-items:start}.two-column.narrow-left{grid-template-columns:minmax(300px,.6fr) minmax(0,1.7fr)}h2{font-size:1.25rem}.form-stack{display:grid;gap:15px}.form-stack label,.inline-form label{display:grid;gap:7px;color:#475064;font-size:.88rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #cfd5df;border-radius:10px;padding:10px 11px;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(37,99,235,.13);border-color:var(--primary)}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-row{display:flex!important;align-items:center;gap:9px}.check-row input{width:auto}.inline-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.inline-form input,.inline-form select{min-width:180px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:690px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}td{font-size:.9rem}.row-muted{opacity:.58}.table-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.table-actions form{display:inline}.table-actions button,.link-danger{border:0;background:none;padding:0;color:var(--primary);cursor:pointer}.link-danger{color:var(--danger)!important}.status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.73rem;font-weight:800}.status.eligible{color:var(--success);background:var(--success-bg)}.status.limit{color:var(--danger);background:var(--danger-bg)}.status.vacation{color:var(--vacation);background:var(--vacation-bg)}.status.warning{color:var(--warning);background:var(--warning-bg)}.status.neutral{color:#626b7b;background:#eef0f4}.alert{padding:13px 15px;border-radius:12px;margin-bottom:16px;border:1px solid}.alert.success{background:var(--success-bg);color:var(--success);border-color:#bcebd7}.alert.error{background:var(--danger-bg);color:var(--danger);border-color:#ffd1d1}.alert.warning{background:var(--warning-bg);color:var(--warning);border-color:#f0d99d}.date-picker-card{padding:17px 22px}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:16px}.requirement-card{border:1px solid var(--line);padding:15px;border-radius:13px}.requirement-card h3{margin:0 0 12px}.requirement-card label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-size:.87rem}.requirement-card input{width:80px}.position-section{margin-top:24px}.position-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:13px}.position-title h3{margin:0}.position-title span{color:var(--muted);font-size:.85rem}.employee-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:12px}.employee-choice{border:1px solid var(--line);border-radius:14px;padding:14px}.employee-choice.blocked{background:#f5f5f6;opacity:.72}.employee-choice-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.employee-choice h4{margin:0 0 4px}.employee-choice-head>div>span{font-size:.79rem;color:var(--muted)}.shift-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.shift-options label{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:9px;padding:8px 5px;font-size:.78rem;cursor:pointer}.shift-options input{width:auto}.sticky-actions{position:sticky;bottom:12px;margin-top:22px;padding:12px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:13px;backdrop-filter:blur(10px);display:flex;justify-content:flex-end}.danger-zone{display:flex;align-items:center;justify-content:space-between;border-color:#ffd2d2}.danger-zone h2{margin:0 0 4px}.danger-zone p{margin:0;color:var(--muted)}.vacation-list{display:grid;gap:12px}.vacation-row{border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;justify-content:space-between;gap:16px}.vacation-row h3{margin:0 0 4px}.vacation-row span{color:var(--muted);font-size:.85rem}.vacation-row p{margin:9px 0 0;font-size:.88rem}.vacation-row>div:last-child{text-align:right;display:grid;justify-items:end;gap:12px}.empty-table{text-align:center;color:var(--muted);padding:30px}.report-title{text-align:center;margin:25px 0}.report-title h1{margin-bottom:4px}.report-title p{color:var(--muted)}.report-day{padding:18px 0;border-bottom:1px solid var(--line)}.report-day h3{margin:0 0 12px}.report-shifts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-shifts>div{border:1px solid var(--line);border-radius:12px;padding:14px}.report-shifts h4{margin:0 0 8px}.report-shifts p{margin:6px 0}.report-shifts p span{color:var(--muted);font-size:.82rem}.auth-page{display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#f6f7fb);padding:20px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:30px}.auth-card h1{margin-top:0}.auth-card>p{color:var(--muted);line-height:1.5}footer{text-align:center;color:var(--muted);font-size:.82rem;padding:20px} @media(max-width:900px){.stats-grid{grid-template-columns:1fr 1fr}.schedule-board,.two-column,.two-column.narrow-left{grid-template-columns:1fr}.hero,.page-heading{align-items:flex-start;flex-direction:column}.schedule-board{gap:0}.report-shifts{grid-template-columns:1fr}}@media(max-width:620px){.container{width:min(100% - 20px,1280px);margin-top:16px}.topbar{padding:13px 15px}.topbar small,.admin{font-size:.75rem}.card{padding:16px;border-radius:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px}.stat strong{font-size:1.45rem}.shift-options{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}.vacation-row{flex-direction:column}.vacation-row>div:last-child{text-align:left;justify-items:start}.hero-actions{width:100%}.hero-actions .btn{flex:1}.nav{padding:0 8px}}@media print{.topbar,.nav,footer,.print-hide,.btn{display:none!important}.container{width:100%;margin:0}.card{box-shadow:none;border:0;padding:0}.report-title{margin-top:0}body{background:#fff}}