.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}}@media (max-width: 480px){.page-header{gap:12px;margin-bottom:20px}}.page-header h1{font-size:2rem;font-weight:700;color:#333;margin:0}@media (max-width: 768px){.page-header h1{font-size:1.75rem}}@media (max-width: 480px){.page-header h1{font-size:1.5rem}}.page-header .add-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease}@media (max-width: 768px){.page-header .add-button{width:100%;padding:14px 24px}}@media (max-width: 480px){.page-header .add-button{padding:12px 20px;font-size:.95rem;min-height:44px}}.page-header .add-button:hover{transform:translateY(-2px)}@media (max-width: 480px){.page-header .add-button:hover{transform:none}}@media (max-width: 480px){.page-header .add-button:active{transform:scale(.98)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}@media (max-width: 480px){.loading-container{min-height:250px}}.loading-container .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 480px){.loading-container .spinner{width:32px;height:32px;border-width:3px;margin-bottom:12px}}.loading-container p{color:#666;font-size:1.1rem}@media (max-width: 480px){.loading-container p{font-size:1rem}}.empty-state{text-align:center;padding:60px 20px;color:#666;font-size:1.1rem}@media (max-width: 768px){.empty-state{padding:40px 16px;font-size:1rem}}@media (max-width: 480px){.empty-state{padding:30px 12px;font-size:.95rem}}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500;background:#e2e8f0;color:#4a5568}@media (max-width: 480px){.status-badge{padding:4px 10px;font-size:.75rem;border-radius:16px}}.status-badge.active,.status-badge.completed{background:#c6f6d5;color:#22543d}.action-button{padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}@media (max-width: 480px){.action-button{padding:10px 14px;font-size:.9rem;min-height:40px}}.action-button.edit{background:#4299e1;color:#fff}.action-button.edit:hover{background:#3182ce}@media (max-width: 480px){.action-button.edit:hover{background:#4299e1}}@media (max-width: 480px){.action-button.edit:active{background:#3182ce;transform:scale(.98)}}.action-button.delete{background:#f56565;color:#fff}.action-button.delete:hover{background:#e53e3e}@media (max-width: 480px){.action-button.delete:hover{background:#f56565}}@media (max-width: 480px){.action-button.delete:active{background:#e53e3e;transform:scale(.98)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}html,body,#root{height:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 16px}}@media (max-width: 480px){.container{padding:0 12px}}.text-center{text-align:center}.mt-20{margin-top:20px}@media (max-width: 480px){.mt-20{margin-top:16px}}.mb-20{margin-bottom:20px}@media (max-width: 480px){.mb-20{margin-bottom:16px}}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}}@media (max-width: 480px){.mobile-sm-hidden{display:none!important}.mobile-sm-full-width{width:100%!important}}