@tailwind base;@tailwind components;@tailwind utilities;:root{--primary:#081c2d;--secondary:#0f2a43;--accent:#00d9c0;--accent-secondary:#3b82f6;--text:#f8fafc}body{background-color:var(--primary);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-primary{background-color:var(--accent);color:var(--primary);border:none;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background-color:#00b8a9;transform:translateY(-1px)}.btn-secondary{background-color:var(--accent-secondary);color:var(--text);border:none;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#2563eb;transform:translateY(-1px)}.form-control{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text)}.form-input{width:100%;padding:.5rem;border-radius:.25rem;border:1px solid #374151;background-color:#111f35;color:var(--text)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,217,192,.2)}.card{background-color:var(--secondary);border-radius:.5rem;padding:1rem;margin-bottom:1rem;border:1px solid #1e3a5f}.task-item{display:flex;align-items:center;padding:.75rem;border-radius:.25rem;margin-bottom:.5rem;background-color:#111f35;border-left:4px solid var(--accent-secondary);transition:all .2s ease}.task-item:hover{background-color:#1a2d4a;transform:translateX(2px)}.task-status{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pending{background-color:#374151;color:#9ca3af}.status-completed{background-color:#059669;color:#ecfdf5}.notification{position:fixed;top:1rem;right:1rem;padding:.75rem 1rem;border-radius:.25rem;color:#fff;z-index:1000;transform:translateX(120%);transition:transform .3s ease-out}.notification.show{transform:translateX(0)}.notification.success{background-color:#059669}.notification.error{background-color:#dc2626}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in}