:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #64748b;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--background: #0f172a;--surface: #1e293b;--surface-hover: #334155;--border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius);border:none;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-small{padding:.25rem .5rem;font-size:.75rem}input,textarea,select{font-family:inherit;font-size:.875rem;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.header h1{font-size:1.5rem;font-weight:600}.nav{display:flex;gap:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}tr:hover{background:var(--surface-hover)}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.error-text{color:var(--danger);font-size:.75rem;margin-top:.25rem}.success-text{color:var(--success);font-size:.875rem}.badge{display:inline-block;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px;background:var(--primary);color:#fff}.badge-secondary{background:var(--secondary)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.text-muted{color:var(--text-muted)}.text-small{font-size:.875rem}.recipe-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:100%;max-width:400px}.dynamic-list{display:flex;flex-direction:column;gap:.5rem}.dynamic-list-item{display:flex;gap:.5rem;align-items:flex-start}.dynamic-list-item input{flex:1}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.search-bar{margin-bottom:1rem}.search-bar input{max-width:300px}.actions{display:flex;gap:.5rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:1rem 0}.pagination-info{color:var(--text-muted);font-size:.875rem;padding:0 1rem}button:disabled{opacity:.5;cursor:not-allowed}.recipe-image-placeholder{background:var(--surface-hover);display:flex;align-items:center;justify-content:center;font-size:1.5rem}button,.card,tr,input,textarea{transition:all .2s ease}tbody tr{cursor:default}tbody tr:active{background:#6366f11a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}.card:hover{border-color:var(--primary)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:1rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #0000004d;z-index:1000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.container{padding:1rem}.header{flex-direction:column;gap:1rem;align-items:flex-start}.nav{flex-wrap:wrap}.form-row{grid-template-columns:1fr}.pagination{flex-wrap:wrap}table{font-size:.875rem}.recipe-image{width:50px;height:50px}.actions{flex-direction:column}}