:root{--task-card-max-width: 400px;--task-grid-gap: 12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;margin:0;padding:0}h1{color:#333;margin:0 0 15px;font-size:24px}button{padding:6px 10px;background-color:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;min-width:fit-content}button:hover{background-color:#0052a3}button:active{background-color:#003d7a}input[type=text]{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:13px}input[type=text]:focus{outline:none;border-color:#06c;box-shadow:0 0 3px #0066cc4d}span{color:#666;font-size:13px}p{margin:0;color:#333;font-weight:500;font-size:13px}#root>div{box-sizing:border-box;width:100%;max-width:calc(var(--task-card-max-width, 400px) * 5 + var(--task-grid-gap, 12px) * 4 + 24px);margin:0 auto;padding:12px}.controls{background-color:#fff;padding:12px;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-top:12px;display:flex;gap:12px;flex-direction:column}.controls-top{display:none}.controls-buttons{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.controls-buttons button{margin:0;padding:4px 8px}.tasks-list{--task-grid-columns: 1;margin-bottom:12px;display:grid;gap:var(--task-grid-gap, 12px);grid-template-columns:repeat(var(--task-grid-columns),minmax(0,1fr));align-items:stretch}@media (min-width: 400px){.tasks-list{--task-grid-columns: 2}}@media (min-width: 600px){.tasks-list{--task-grid-columns: 3}}@media (min-width: 900px){.tasks-list{--task-grid-columns: 4}}@media (min-width: 1200px){.tasks-list{--task-grid-columns: 5}}.task-item{background-color:#fff;padding:10px 12px;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;flex-direction:column;width:min(100%,var(--task-card-max-width, 400px));max-width:var(--task-card-max-width, 400px);box-sizing:border-box;justify-self:center}.task-item.running{background-color:#fff8e1;border-left:4px solid #ffc107}.task-inputs{display:flex;gap:6px;align-items:center}.task-inputs input{flex:1;min-width:120px}.task-inputs button{padding:4px 8px;margin:0}.task-stats{display:flex;justify-content:space-between;align-items:center}.task-buttons{display:none}.delete-btn{background-color:#c33}.delete-btn:hover{background-color:#944}.delete-btn:active{background-color:#633}.delete-btn.deletion-active{background-color:#f66;box-shadow:0 0 8px #cc333380}form{background-color:#fff;padding:12px;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:8px}.form-inputs{display:flex;gap:6px;align-items:center}.form-inputs input{flex:1;min-width:100px}.form-inputs button{padding:4px 8px;margin:0;flex:0 0 auto}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container h1{color:#fff;font-size:48px;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.login-container p{color:#fff;font-size:18px;margin:0}.header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:16px;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-bottom:12px;gap:20px}.header h1{margin:0}.user-info{display:flex;align-items:center;gap:12px;border-left:1px solid #eee;padding:0 12px}.user-avatar-container{position:relative;cursor:pointer}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}.user-name{display:none;margin:0;font-weight:600;color:#333}.user-email{display:none;margin:0;color:#999;font-size:12px}.logout-btn{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;padding:6px 10px;background-color:#c33;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap;z-index:1000}.logout-btn:hover{background-color:#944}.logout-btn:active{background-color:#633}