html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;color:#f9fafb}.mp-root{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.mp-card{width:100%;max-width:420px;border-radius:16px;padding:24px 20px;background:#0f172af5;box-shadow:0 20px 40px #00000080;text-align:center}.mp-title{font-size:20px;font-weight:600;margin-bottom:8px}.mp-subtitle{font-size:14px;opacity:.8}.mp-card--wide{max-width:520px;text-align:left}.mp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mp-link{background:transparent;border:none;color:#9ca3af;font-size:13px;cursor:pointer;padding:4px 8px}.mp-link:hover{color:#e5e7eb}.mp-form{margin-top:20px;display:flex;flex-direction:column;gap:12px}.mp-field{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.mp-label{font-size:13px;opacity:.9}.mp-input{width:100%;border-radius:10px;border:1px solid rgba(148,163,184,.5);padding:10px 12px;font-size:15px;background:#0f172ae6;color:#f9fafb}.mp-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf899}.mp-button{margin-top:8px;width:100%;border-radius:999px;border:none;padding:12px 16px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#22c55e,#16a34a);color:#f9fafb;cursor:pointer}.mp-button:disabled{opacity:.7;cursor:default}.mp-error{margin-top:4px;font-size:13px;color:#fecaca;background:#7f1d1d99;border-radius:8px;padding:8px 10px;text-align:left}.mp-actions{margin-top:4px;display:flex;flex-direction:column;gap:16px}.mp-actions-title{font-size:15px;opacity:.9}.mp-buttons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mp-action-button{border-radius:14px;border:none;padding:14px 10px;font-size:15px;font-weight:600;color:#f9fafb;cursor:pointer;background:#1f2937;box-shadow:0 6px 14px #00000073}.mp-action-button--disabled{opacity:.6;cursor:default;box-shadow:none}.mp-action-shift_day{background:linear-gradient(135deg,#22c55e,#16a34a)}.mp-action-shift_night{background:linear-gradient(135deg,#0ea5e9,#1d4ed8)}.mp-action-vacation{background:linear-gradient(135deg,#f97316,#ea580c)}.mp-action-sick{background:linear-gradient(135deg,#a855f7,#7c3aed)}.mp-action-self_leave{background:linear-gradient(135deg,#f97316,#ea580c)}.mp-status{font-size:14px;border-radius:10px;padding:8px 10px}.mp-status--ok{background:#16a34a33;color:#bbf7d0}.mp-status--error{background:#b91c1c59;color:#fecaca}.mp-leader-block{margin-top:20px;padding-top:12px;border-top:1px solid rgba(148,163,184,.25)}.mp-leader-title{font-size:15px;font-weight:600;margin-bottom:8px}.mp-leader-note{font-size:13px;color:#9ca3af}.mp-leader-list{margin-top:8px;display:flex;flex-direction:column;gap:8px}.mp-leader-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#0f172ae6}.mp-leader-info{flex:1 1 auto}.mp-leader-name{font-size:14px;font-weight:500}.mp-leader-meta{font-size:12px;color:#9ca3af;margin-top:2px}.mp-leader-tag{margin-top:4px;font-size:11px;display:inline-block;padding:2px 6px;border-radius:999px;background:#22c55e33;color:#bbf7d0}.mp-leader-buttons{display:flex;flex-direction:column;gap:4px}.mp-leader-btn{width:32px;height:28px;border-radius:999px;border:none;font-size:13px;font-weight:600;cursor:pointer;color:#f9fafb}.mp-leader-btn:disabled{opacity:.4;cursor:default}.mp-leader-btn-shift_day{background:#22c55e}.mp-leader-btn-shift_night{background:#0ea5e9}.mp-leader-btn-vacation{background:#f97316}.mp-leader-btn-sick{background:#a855f7}.mp-leader-btn-self_leave{background:#f97316}.mp-tasks-banner{width:100%;border:none;margin-bottom:12px;border-radius:14px;padding:10px 12px;text-align:left;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#0f172a;box-shadow:0 10px 22px #0f172a99}.mp-tasks-banner-title{font-size:13px;font-weight:600;opacity:.9}.mp-tasks-banner-text{font-size:14px;margin-top:2px}.mp-task-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172acc;display:flex;align-items:center;justify-content:center;padding:16px}.mp-task-modal-card{width:100%;max-width:480px;border-radius:18px;padding:18px 16px 16px;background:#0f172afa;box-shadow:0 24px 48px #000000b3}.mp-task-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.mp-task-modal-title{font-size:16px;font-weight:600}.mp-task-modal-close{border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:18px}.mp-task-modal-meta{margin-top:6px;font-size:13px;color:#9ca3af}.mp-task-modal-body{margin-top:10px;font-size:14px;line-height:1.4}.mp-task-modal-actions{margin-top:10px;display:flex;flex-direction:column;gap:8px}.mp-task-status{font-size:13px;opacity:.9}.mp-task-buttons-row{display:flex;flex-wrap:wrap;gap:6px}.mp-task-btn{border-radius:999px;border:none;padding:6px 10px;font-size:13px;cursor:pointer;background:#1f2937;color:#f9fafb}.mp-task-btn--danger{background:#b91c1c}.mp-task-modal-nav{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.mp-task-modal-nav-btn{flex:0 0 auto;padding:8px 12px;border-radius:999px;border:none;font-size:14px;cursor:pointer;background:#1f2937;color:#f9fafb}.mp-task-modal-nav-btn:disabled{opacity:.5;cursor:default}.mp-task-modal-counter{flex:1 1 auto;text-align:center;font-size:13px;color:#9ca3af}