.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:#14532d;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,#2f6f43,#14532d);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 #ece5d8;border-top:4px solid #2f6f43;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:#4a6b57;font-size:1.1rem}@media (max-width: 480px){.loading-container p{font-size:1rem}}.empty-state{text-align:center;padding:60px 20px;color:#4a6b57;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:#e6dfd1;color:#1d4f36}@media (max-width: 480px){.status-badge{padding:4px 10px;font-size:.75rem;border-radius:16px}}.status-badge.active,.status-badge.completed{background:#dfeccb;color:#2f5d1f}.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:#3d7ea6;color:#fff}.action-button.edit:hover{background:#2c5f80}@media (max-width: 480px){.action-button.edit:hover{background:#3d7ea6}}@media (max-width: 480px){.action-button.edit:active{background:#2c5f80;transform:scale(.98)}}.action-button.delete{background:#c05a45;color:#fff}.action-button.delete:hover{background:#a33c28}@media (max-width: 480px){.action-button.delete:hover{background:#c05a45}}@media (max-width: 480px){.action-button.delete:active{background:#a33c28;transform:scale(.98)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--w2w-forest: #2f6f43;--w2w-forest-dark: #14532d;--w2w-forest-deep: #052e16;--w2w-moss: #6a9c3d;--w2w-moss-light: #eef4e3;--w2w-lake: #3d7ea6;--w2w-lake-dark: #2c5f80;--w2w-pumpkin: #d98324;--w2w-amber: #e8b451;--w2w-maple: #b3462f;--w2w-bark: #905528;--w2w-cream: #fbefd9;--w2w-parchment: #f6f1e7;--w2w-stone: #ddd6c7;--w2w-ink: #33302a;--w2w-ink-muted: #6b6355}*{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:#f6f1e7;color:#14532d;-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}}