:root{--wt-bg:#f3f6fb;--wt-card:#fff;--wt-text:#172033;--wt-muted:#64748b;--wt-blue:#2563eb;--wt-green:#16a34a;--wt-orange:#f59e0b;--wt-red:#dc2626;--wt-radius:20px}body{margin:0;background:var(--wt-bg);font-family:Arial,sans-serif;color:var(--wt-text)}.wt-app,.wt-login-card{max-width:920px;margin:32px auto;padding:24px}.wt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.wt-header h1{margin:3px 0;font-size:28px}.wt-brand{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wt-blue)}.wt-user{text-align:right;font-weight:700}.wt-user a{font-size:13px;color:var(--wt-muted)}.wt-hero,.wt-login-card,.wt-timeline{background:var(--wt-card);border-radius:var(--wt-radius);padding:26px;box-shadow:0 10px 30px rgba(15,23,42,.07)}.wt-hero p{margin:0;color:var(--wt-muted)}.wt-hero h2{font-size:32px;margin:8px 0 18px}.wt-state{display:inline-block;padding:10px 16px;border-radius:999px;background:#e2e8f0;font-weight:700}.wt-state.working{background:#dcfce7;color:#166534}.wt-state.break{background:#fef3c7;color:#92400e}.wt-state.business_trip{background:#dbeafe;color:#1d4ed8}.wt-state.finished{background:#e2e8f0;color:#475569}.wt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.wt-stats>div{background:var(--wt-card);border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.wt-stats span{display:block;color:var(--wt-muted);font-size:13px}.wt-stats strong{display:block;font-size:26px;margin-top:8px}.wt-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.wt-actions form{margin:0}.wt-action,.wt-button{width:100%;border:0;border-radius:16px;padding:20px 14px;font-size:17px;font-weight:700;cursor:pointer;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.07)}.wt-start_work{background:var(--wt-green);color:#fff}.wt-end_work{background:var(--wt-red);color:#fff}.wt-break_start,.wt-break_end{background:var(--wt-orange);color:#fff}.wt-business_trip_start,.wt-business_trip_end{background:var(--wt-blue);color:#fff}.wt-timeline h3{margin-top:0}.wt-timeline ol{list-style:none;padding:0;margin:0}.wt-timeline li{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid #edf2f7}.wt-timeline time{font-weight:700}.wt-alert{padding:14px 18px;border-radius:12px;margin-bottom:16px}.wt-alert.success{background:#dcfce7;color:#166534}.wt-alert.error{background:#fee2e2;color:#991b1b}.wt-button{display:inline-block;width:auto;text-decoration:none}.wt-primary{background:var(--wt-blue);color:#fff}@media(max-width:700px){.wt-app,.wt-login-card{margin:0;padding:16px}.wt-stats,.wt-actions{grid-template-columns:1fr}.wt-header{align-items:flex-start}.wt-hero h2{font-size:27px}}.wt-vacation{margin:24px 0}.wt-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.wt-section-heading h2{margin:4px 0 0}.wt-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wt-blue)}.wt-vacation-balance{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.wt-vacation-balance>div,.wt-card{background:var(--wt-card);border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.wt-vacation-balance span{display:block;color:var(--wt-muted);font-size:13px}.wt-vacation-balance strong{display:block;font-size:22px;margin-top:7px}.wt-vacation-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:16px}.wt-card h3{margin-top:0}.wt-vacation-form label{display:block;font-size:13px;font-weight:700;margin-bottom:14px}.wt-vacation-form input,.wt-vacation-form textarea{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #cbd5e1;border-radius:10px;padding:11px;background:#fff;color:var(--wt-text);font:inherit}.wt-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wt-help,.wt-empty{color:var(--wt-muted);font-size:13px}.wt-request-list{display:grid;gap:10px}.wt-request{border:1px solid #e2e8f0;border-radius:13px;padding:14px}.wt-request>div{display:flex;justify-content:space-between;gap:12px}.wt-request>div span,.wt-request p{color:var(--wt-muted);font-size:13px}.wt-request p{margin:10px 0 0}.wt-status{display:inline-block;margin-top:10px;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.wt-status-pending{background:#fef3c7;color:#92400e}.wt-status-approved{background:#dcfce7;color:#166534}.wt-status-rejected{background:#fee2e2;color:#991b1b}.wt-status-cancelled,.wt-status-draft{background:#e2e8f0;color:#475569}.wt-link-button{border:0;background:transparent;color:var(--wt-red);font:inherit;font-size:13px;font-weight:700;padding:10px 0 0;cursor:pointer}@media(max-width:700px){.wt-vacation-balance{grid-template-columns:1fr 1fr}.wt-vacation-grid,.wt-field-grid{grid-template-columns:1fr}}

.wt-holidays{margin-top:28px}.wt-holiday-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wt-holiday-list article{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.wt-holiday-list time{min-width:58px;text-align:center;padding:8px;border-radius:10px;background:#f3f4f6}.wt-holiday-list time strong,.wt-holiday-list time span,.wt-holiday-list article div strong,.wt-holiday-list article div span{display:block}.wt-holiday-list time span,.wt-holiday-list article div span{font-size:12px;color:#667085;margin-top:3px}@media(max-width:760px){.wt-holiday-list{grid-template-columns:1fr}}

.wt-planning{margin:28px 0}.wt-planning-heading{gap:18px}.wt-week-nav{display:flex;align-items:center;gap:10px}.wt-week-nav a{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:var(--wt-blue);text-decoration:none;font-size:24px;font-weight:700;box-shadow:0 5px 16px rgba(15,23,42,.07)}.wt-week-nav span{font-size:13px;font-weight:700;color:var(--wt-muted)}.wt-planning-summary{display:flex;justify-content:space-between;align-items:center;background:#dbeafe;color:#1e3a8a;border-radius:14px;padding:14px 18px;margin-bottom:14px}.wt-planning-summary span{font-size:13px}.wt-planning-summary strong{font-size:20px}.wt-shift-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.wt-shift-day{min-height:170px;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:12px}.wt-shift-day.is-today{border:2px solid var(--wt-blue)}.wt-shift-day>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf2f7;padding-bottom:9px;margin-bottom:10px}.wt-shift-day>header span{font-size:12px;text-transform:uppercase;color:var(--wt-muted);font-weight:700}.wt-shift-card{display:grid;gap:4px;border-radius:11px;background:#eff6ff;padding:10px}.wt-shift-card strong{font-size:13px;color:#1e3a8a}.wt-shift-card span,.wt-shift-card small{font-size:11px;color:#475569}.wt-shift-free{font-size:12px;color:var(--wt-muted);margin:12px 0}@media(max-width:900px){.wt-shift-week{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.wt-planning-heading{align-items:flex-start;flex-direction:column}.wt-shift-week{grid-template-columns:1fr}.wt-shift-day{min-height:0}}

.wt-swap-form{margin-top:.75rem}.wt-swap-form input[type=text]{width:100%;margin-bottom:.4rem}

.wt-deviations{margin:28px 0}.wt-deviation-list{display:grid;gap:12px}.wt-deviation-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.wt-deviation-card>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.wt-deviation-card>header div span{display:block;color:var(--wt-muted);font-size:13px;margin-top:4px}.wt-deviation-note{background:#f8fafc;border-radius:10px;padding:12px;margin-top:10px}.wt-deviation-note p{margin:5px 0 0;color:#475569}.wt-deviation-form{margin-top:14px}.wt-deviation-form label{display:block;font-size:13px;font-weight:700}.wt-deviation-form textarea{box-sizing:border-box;width:100%;margin:7px 0 10px;border:1px solid #cbd5e1;border-radius:10px;padding:11px;font:inherit}.wt-deviation-form .wt-button{padding:12px 16px}.wt-status-open{background:#fef3c7;color:#92400e}.wt-status-explained{background:#dbeafe;color:#1d4ed8}.wt-status-approved{background:#dcfce7;color:#166534}.wt-status-rejected{background:#fee2e2;color:#991b1b}

.wt-vacation{scroll-margin-top:24px}