:root{color-scheme:light dark;--primary:#6650a4;--on-primary:#fff;--primary-container:#e9ddff;--on-primary-container:#21005d;--surface:#fffbfe;--surface-2:#f3edf7;--on-surface:#1d1b20;--muted:#49454f;--outline:#79747e;--error:#b3261e;--error-container:#f9dedc;--success:#176b3a;--evening:#2456a6;--radius:14px;--shadow:0 1px 3px #0002;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--surface);color:var(--on-surface);-webkit-tap-highlight-color:transparent}body{padding-bottom:var(--safe-bottom)}button,input{font:inherit}button{cursor:pointer}.loading{display:grid;place-items:center;min-height:100dvh;color:var(--muted)}
.topbar{position:sticky;z-index:20;top:0;min-height:64px;padding:calc(10px + var(--safe-top)) 16px 10px;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid #0001}.topbar h1{font-size:1.35rem;margin:0;flex:1}.screen{min-height:100dvh}.content{max-width:900px;margin:auto;padding:16px}.home{min-height:calc(100dvh - 64px - var(--safe-top));display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px}.home h2{font-size:1.45rem;margin:0 0 4px}.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.grow{flex:1}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.empty{padding:28px;text-align:center;color:var(--muted)}
.btn{border:0;border-radius:999px;min-height:48px;padding:10px 20px;background:var(--primary);color:var(--on-primary);font-weight:650}.btn.tonal{background:var(--primary-container);color:var(--on-primary-container)}.btn.outline{background:transparent;color:var(--primary);border:1px solid var(--outline)}.btn.text{background:transparent;color:var(--primary);padding-inline:10px}.btn.danger{color:var(--error)}.btn.block{width:100%;min-height:56px}.btn.home-btn{width:100%;min-height:64px;font-size:1.05rem}.btn:disabled{opacity:.45;cursor:default}.lang-row .btn{flex:1}
.card{background:var(--surface-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.card.error{background:var(--error-container);color:#410e0b}.list{display:flex;flex-direction:column;gap:10px}.employee-card{display:flex;gap:10px;align-items:center}.employee-card .details{flex:1;min-width:0}.employee-card h3,.day-card h3{margin:0 0 4px;font-size:1rem}.switch{position:relative;width:48px;height:28px;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:20px;background:#777;transition:.2s}.switch span:before{content:"";position:absolute;width:20px;height:20px;inset-block-start:4px;inset-inline-start:4px;border-radius:50%;background:white;transition:.2s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:before{transform:translateX(20px)}[dir=rtl] .switch input:checked+span:before{transform:translateX(-20px)}
.field{display:flex;flex-direction:column;gap:5px}.field input{width:100%;min-height:52px;border:1px solid var(--outline);border-radius:10px;background:transparent;color:inherit;padding:10px 12px}.field input:focus{outline:2px solid var(--primary);outline-offset:1px}.field.error input{border-color:var(--error)}.settings-grid{display:grid;gap:12px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.error-text{color:var(--error);font-weight:650}
.constraint-head,.constraint-row{display:grid;grid-template-columns:minmax(90px,1.8fr) repeat(7,minmax(38px,1fr));gap:4px;align-items:center}.constraint-head{font-weight:700;padding:0 8px}.constraint-row{padding:5px 8px}.constraint-row .name{font-weight:700;overflow-wrap:anywhere}.constraint{min-height:50px;border-radius:8px;border:1px solid var(--outline);background:#7771;font-weight:800;color:var(--muted)}.constraint.morning{border-color:var(--success);background:#176b3a18;color:var(--success)}.constraint.evening{border-color:var(--evening);background:#2456a618;color:var(--evening)}.constraint.absent{border-color:var(--error);background:#b3261e18;color:var(--error)}.sticky-actions{position:sticky;bottom:0;background:color-mix(in srgb,var(--surface) 92%,transparent);padding:12px calc(12px + env(safe-area-inset-right,0px)) calc(12px + var(--safe-bottom)) calc(12px + env(safe-area-inset-left,0px));backdrop-filter:blur(14px)}
.schedule-scroll{overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity}.schedule{display:flex;gap:10px;width:max-content}.day-card{width:190px;text-align:center;scroll-snap-align:start}.shift-cell{width:100%;min-height:120px;border:0;border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface) 75%,var(--outline));color:inherit;margin-top:8px}.shift-cell.error{background:var(--error-container)}.shift-cell strong,.shift-cell span{display:block}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #0002}.warning{background:var(--error-container);color:#410e0b;border-radius:var(--radius);padding:14px;font-weight:700}.history-actions{display:flex;gap:8px}.history-actions .btn{flex:1}
.modal-backdrop{position:fixed;z-index:100;inset:0;background:#0008;display:grid;place-items:center;padding:18px}.modal{width:min(560px,100%);max-height:min(88dvh,720px);overflow:auto;background:var(--surface);border-radius:24px;padding:22px;box-shadow:0 12px 50px #0006}.modal h2{margin-top:0}.choice-grid{display:flex;flex-wrap:wrap;gap:6px}.choice{border:1px solid var(--outline);border-radius:999px;background:transparent;color:inherit;padding:8px 13px;min-height:40px}.choice.selected{background:var(--primary-container);border-color:transparent;color:var(--on-primary-container);font-weight:700}.assignment-person{padding:10px;border-radius:12px;background:var(--surface-2)}.assignment-person.violation{background:var(--error-container)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;z-index:200;inset-inline:16px;bottom:calc(18px + var(--safe-bottom));max-width:520px;margin:auto;padding:12px 16px;border-radius:12px;background:#2d2a32;color:#fff;box-shadow:0 5px 20px #0005;transform:translateY(140%);transition:.25s}.toast.show{transform:none}
@media(max-width:600px){.content{padding:12px}.employee-card{align-items:flex-start;flex-wrap:wrap}.employee-card .details{min-width:calc(100% - 60px)}.employee-card .actions{width:100%;justify-content:flex-end}.constraint-head,.constraint-row{grid-template-columns:minmax(76px,1.8fr) repeat(7,minmax(30px,1fr));font-size:.82rem;gap:2px}.constraint{padding:0;min-height:46px}.summary-row{display:block}.summary-row span{display:block;margin-top:3px}.modal{padding:18px}.topbar{padding-inline:10px}}
@media(prefers-color-scheme:dark){:root{--primary:#d0bcff;--on-primary:#381e72;--primary-container:#4f378b;--on-primary-container:#eaddff;--surface:#1c1b1f;--surface-2:#25232a;--on-surface:#e6e1e5;--muted:#cac4d0;--outline:#938f99;--error:#ffb4ab;--error-container:#8c1d18;--success:#78d89d;--evening:#a9c7ff}.card.error,.warning{color:#ffdad6}.shift-cell.error{color:#ffdad6}}