: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}}