*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4f46e5;--primary-hover: #4338ca;--secondary: #64748b;--background: #f8fafc;--surface: #ffffff;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--background);color:var(--text);line-height:1.6}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;padding:1.5rem;display:flex;flex-direction:column}.sidebar-logo{font-size:1.25rem;font-weight:700;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:#94a3b8;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{background:#ffffff1a;color:#fff}.main-content{flex:1;padding:2rem;overflow-y:auto}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--text)}.page-subtitle{color:var(--text-muted);margin-top:.25rem}.card{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--background);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.input,.select{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;outline:none;transition:border-color .2s}.input:focus,.select:focus{border-color:var(--primary)}.label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem;color:var(--text)}.form-group{margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.purple{background:#ede9fe;color:#7c3aed}.stat-icon.green{background:#d1fae5;color:#059669}.stat-icon.amber{background:#fef3c7;color:#d97706}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.875rem;color:var(--text-muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}.table th{font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.table tbody tr:hover{background:var(--background)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface);border-radius:16px;padding:1.5rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.25rem;font-weight:600}.actions{display:flex;gap:.5rem}.badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-primary{background:#ede9fe;color:#7c3aed}.badge-success{background:#d1fae5;color:#059669}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cost-breakdown{background:var(--background);border-radius:12px;padding:1rem;margin-top:1rem}.cost-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border)}.cost-row:last-child{border-bottom:none;font-weight:600}.ingredient-picker{border:1px solid var(--border);border-radius:8px;max-height:300px;overflow-y:auto}.ingredient-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--border)}.ingredient-item:last-child{border-bottom:none}.selected-ingredients{margin-top:1rem}.selected-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--background);border-radius:8px;margin-bottom:.5rem}.qty-input{width:80px;padding:.375rem;border:1px solid var(--border);border-radius:6px;text-align:center}