:root{--bg:#f5f5f7;--card:#fff;--text:#19191d;--muted:#62636b;--border:#dedfe4;--accent:#202128;--ok:#186332;--warn:#885700;--danger:#ac2727}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:3px;outline:3px solid #5764ca}button:disabled{opacity:.55;cursor:wait}.shell{max-width:1240px;margin:0 auto;padding:28px 32px 64px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.brand{letter-spacing:-.8px;white-space:nowrap;font-size:24px;font-weight:800}.brand span{color:var(--muted);font-weight:400}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav-link{color:var(--muted);border-radius:10px;padding:9px 14px;font-size:14px;font-weight:600}.nav-link.active{background:var(--text);color:#fff}.nav-link:hover{box-shadow:inset 0 0 0 1px var(--border)}.demo-notice{border:1px solid var(--border);color:var(--muted);border-radius:12px;align-items:baseline;gap:18px;margin-top:20px;padding:12px 16px;font-size:14px;display:flex}.demo-notice strong{color:var(--text);white-space:nowrap}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin:34px 0 26px;display:flex}h1{letter-spacing:-1px;margin:6px 0 12px;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.2}h2{margin:0 0 12px;font-size:20px;line-height:1.35}h3{margin:0 0 6px;font-size:16px;line-height:1.5}p{margin:0 0 12px}.page-heading p:last-child{margin:0}.muted{color:var(--muted)}.eyebrow{letter-spacing:1px;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:750}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;min-width:0;padding:24px;box-shadow:0 4px 16px #00000006}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stat{flex-direction:column;gap:8px;display:flex}.stat .muted{font-size:14px}.kpi{font-size:32px;font-weight:750;line-height:1.2}.workspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.new-task{position:sticky;top:24px}.new-task>p{margin-bottom:20px;font-size:14px}.btn{cursor:pointer;background:var(--accent);color:#fff;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:22px;min-height:46px;padding:12px 16px;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{filter:brightness(1.15)}.btn.secondary{color:var(--text);border-color:var(--border);background:#eeeef1}.btn.success{background:var(--ok)}.full{width:100%}input,select,textarea{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:#fff;border-radius:9px;padding:11px 12px}textarea{resize:vertical}label{margin-bottom:7px;font-size:14px;font-weight:600;display:block}.field{min-width:0;margin-bottom:18px}.form-row{grid-template-columns:1.3fr 1fr;gap:12px;display:grid}.status{white-space:nowrap;color:#52545f;background:#eeeef1;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:750;display:inline-block}.status.done{color:var(--ok);background:#e8f6ec}.status.progress{color:var(--warn);background:#fff2d4}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.section-heading .muted{font-size:14px}.filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;display:grid}.search-field{grid-column:1/-1}.filters input,.filters select{font-size:14px}.task-row{border-top:1px solid var(--border);padding:22px 0}.task-row:last-child{padding-bottom:0}.task{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.task>div{min-width:0}.task h3,.task h2{overflow-wrap:anywhere}.task p{margin:4px 0;font-size:14px}.time-details{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:16px;font-size:12px;display:flex}.time-details strong{color:var(--text);margin-top:3px;font-size:14px;font-weight:600;display:block}.comment{border-left:3px solid var(--border);margin-top:16px;padding:0 0 0 12px;font-size:14px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.late{color:var(--warn)}.actions{gap:8px;margin-top:20px;display:flex}.empty{text-align:center;padding:48px 20px}.empty p{margin-bottom:0}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 0 16px;font-size:14px;text-decoration:underline}.error{color:var(--danger);background:#fff1f1;border:1px solid #efc1c1;border-radius:10px;padding:12px 16px;font-size:14px}.success-message{color:var(--ok);margin:12px 0;font-size:14px}.success-message:empty{display:none}.employee-picker{min-width:210px}.view-switch{background:#e7e7ec;border-radius:12px;gap:4px;max-width:100%;margin-bottom:24px;padding:4px;display:inline-flex}.view-switch button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.view-switch button.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #0001}.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.employee-task h2{margin-top:12px}.comment-field{margin-top:22px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.role-card{flex-direction:column;align-items:flex-start;padding:32px;display:flex}.role-card h2{margin-top:28px;font-size:26px}.role-card p{flex:1;max-width:420px;margin-bottom:32px}.role-number{letter-spacing:1px;color:var(--muted);font-size:12px;font-weight:700}@media (max-width:980px){.workspace{grid-template-columns:280px minmax(0,1fr);gap:16px}.filters{grid-template-columns:1fr}.search-field{grid-column:auto}.card{padding:20px}.form-row{grid-template-columns:1fr}.new-task{position:static}}@media (max-width:760px){.shell{padding:20px 16px 40px}.topbar{flex-direction:column;align-items:flex-start;gap:18px}.demo-notice{flex-direction:column;gap:4px}.page-heading{flex-direction:column;align-items:flex-start;margin-top:26px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace,.employee-grid,.home-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1.3fr 1fr}.filters{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.task{flex-wrap:wrap}.employee-picker{width:100%}.role-card{padding:24px}.view-switch button{padding:10px 14px}}@media (prefers-reduced-motion:no-preference){.btn,.nav-link{transition:background .15s,filter .15s}}.logout{border:1px solid var(--border);cursor:pointer;font:inherit;background:0 0;font-size:14px}.auth-shell{max-width:500px;margin:48px auto}.auth-form h1{margin-bottom:18px;font-size:28px}.auth-form>p.muted{margin-bottom:24px}.auth-help{margin:18px 0 0;font-size:14px}.local-note{text-align:center;margin-top:20px;font-size:14px}.field-hint{margin:8px 0;font-size:14px}.field .text-button{padding-bottom:0}.employee-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.notice{background:#e8f6ec;border:1px solid #b9d9c2;border-radius:12px;margin-bottom:24px;padding:16px}.reset-form{border:1px solid var(--border);background:var(--bg);border-radius:12px;margin-top:20px;padding:18px}.account-email{overflow-wrap:anywhere}.inline-link{font-weight:600;text-decoration:underline}.auth-form .eyebrow{overflow-wrap:anywhere}.employee-stats .stat{min-width:0}@media (max-width:480px){.employee-stats{grid-template-columns:1fr}.auth-shell{margin:24px auto}.auth-form h1{font-size:25px}.nav{gap:4px}.nav-link{padding:9px 10px}}