.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--color-bg-main);padding:20px}.login-card{width:100%;max-width:400px;background:var(--color-bg-card);padding:40px 30px;border-radius:10px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:20px}.login-title{text-align:center;font-size:26px;font-weight:600}.login-input{padding:12px;border-radius:6px;border:1px solid #ddd;background:var(--color-bg-input);font-size:14px;outline:none;transition:.2s ease}.login-input:focus{border-color:var(--color-primary)}.login-error{color:var(--danger);font-size:13px}.login-btn{padding:12px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;transition:.3s ease}.login-btn:hover{background:var(--color-primary-hover)}@media(max-width:480px){.login-card{padding:30px 20px}.login-title{font-size:20px}}.dashboard-container{padding:30px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dashboard-actions{display:flex;gap:10px}.btn-primary,.btn-danger,.btn-outline,.btn-danger-outline{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:6px;border:none;cursor:pointer;font-size:14px;transition:.2s ease}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-outline{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary-light)}.btn-danger-outline{border:1px solid var(--danger);background:transparent;color:var(--danger)}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px;margin-bottom:30px}.analytics-card{background:var(--color-bg-card);padding:18px;border-radius:8px;box-shadow:var(--shadow-md);text-align:center}.analytics-card h4{font-size:14px;margin-bottom:8px;color:#777}.analytics-card p{font-size:18px;font-weight:600}.task-card{background:var(--color-bg-card);padding:18px;border-radius:8px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:12px}.task-card h3{font-size:18px}.task-card p{font-size:14px}.task-time{font-size:10px;color:#777}.task-card-actions{display:flex;gap:10px;margin-top:10px}.error-text{color:var(--danger);margin-bottom:15px}@media(max-width:600px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}}.form-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.form-card{width:100%;max-width:500px;background:var(--color-bg-card);padding:30px;border-radius:10px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:18px}.form-card h2{text-align:center}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500}.form-group input,.form-group textarea{padding:10px;border-radius:6px;border:1px solid #ddd;background:var(--color-bg-input);outline:none;font-size:14px}.form-group textarea{resize:none;height:100px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary)}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:10px}.ai-btn{align-self:flex-start}.error-text{color:var(--danger);font-size:13px}@media(max-width:600px){.form-row{flex-direction:column}.form-actions{flex-direction:column;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-main: #FFFFFF;--color-text-main: #000000;--color-primary: #4F46E5;--color-primary-hover: #4338CA;--color-primary-light: #EEF2FF;--color-bg-card: #F9FAFB;--color-bg-input: #F3F4F6;--shadow-sm: 0 4px 15px rgba(0, 0, 0, .2);--shadow-md: 0 4px 10px rgba(0, 0, 0, .08);--success: #10B981;--warning: #F59E0B;--danger: #EF4444}body{background-color:var(--color-bg-main);color:var(--color-text-main);font-family:sans-serif}.spin{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--color-bg-main);z-index:999}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:50px auto}@keyframes spin{to{transform:rotate(360deg)}}