@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{--font-sans: "Manrope", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--bg: #f7f6f2;--bg-accent: #fdfbf7;--surface: #ffffff;--surface-2: #faf7f2;--surface-3: #f2ede6;--text: #1f2937;--text-muted: #6b7280;--border: #e7e2da;--border-strong: #d9d1c6;--primary-100: #ffedd5;--primary-500: #f97316;--primary-600: #ea580c;--success-50: #ecfdf5;--success-200: #bbf7d0;--success-400: #10b981;--danger-500: #dc2626;--danger-50: #fef2f2;--danger-200: #fecaca;--danger-700: #b91c1c;--danger-900: #7f1d1d;--success-500: #16a34a;--success-700: #166534;--warning-50: #fff7ed;--warning-200: #fed7aa;--warning-300: #fdba74;--warning-400: #fb923c;--warning-500: #f59e0b;--warning-700: #9a3412;--info-50: #e0f2fe;--info-700: #0369a1;--accent-purple: #a855f7;--surface-inverse: #0b1220;--text-inverse: #e6edf3;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 6px 18px rgba(15, 23, 42, .08);--shadow-md: 0 12px 30px rgba(15, 23, 42, .12);--ring: 0 0 0 3px rgba(249, 115, 22, .22);--transition-fast: .12s ease;--transition: .16s ease}:root[data-theme=blue]{--bg: #f5f7fb;--bg-accent: #eef2ff;--surface: #ffffff;--surface-2: #f2f5fb;--surface-3: #e7edf7;--border: #dbe2ee;--border-strong: #cdd6e5;--primary-100: #dbeafe;--primary-500: #2563eb;--primary-600: #1d4ed8;--ring: 0 0 0 3px rgba(37, 99, 235, .22)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;padding:0;font-family:var(--font-sans);color:var(--text);background-color:var(--bg);background-image:radial-gradient(1200px 600px at 10% -10%,var(--bg-accent),transparent 60%),radial-gradient(900px 500px at 100% 0%,#fff6e8,transparent 55%),linear-gradient(180deg,#ffffff 0%,var(--bg) 100%)}#app{animation:app-fade .24s ease-out}@keyframes app-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}a{color:var(--primary-600);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--primary-100);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button,.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem .85rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition-fast)}button:hover,.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}button:active,.btn:active{transform:translateY(1px)}button:disabled,.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none}.btn.primary,.btn.btn-primary{background:var(--primary-500);border-color:var(--primary-600);color:var(--text-inverse)}.btn.primary:hover,.btn.btn-primary:hover{background:var(--primary-600)}.btn.sec,.btn.secondary,.btn.btn-secondary{background:var(--surface-2);border-color:var(--border)}.btn.danger{background:var(--danger-50);border-color:var(--danger-200);color:var(--danger-700)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none}.btn.pill{border-radius:999px}.btn-xs{padding:.25rem .5rem;font-size:.78rem}.btn.tiny{padding:.3rem .55rem;font-size:.82rem}.btn-link{background:transparent;border:0;color:var(--primary-600);padding:0;box-shadow:none}input[type=text],input[type=number],input[type=date],input[type=search],input[type=password],input[type=email],select,textarea{border:1px solid var(--border);background:var(--surface);padding:.5rem .65rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:var(--ring);background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.sel{border-radius:var(--radius-sm);background:var(--surface)}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.82rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.muted{color:var(--text-muted)}.caducitat-expirada{background:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-200);border-radius:6px;padding:2px 6px;display:inline-block;line-height:1.2;opacity:1}.caducitat-expirada-input{background:var(--danger-50);border-color:var(--danger-200);color:var(--danger-700)}option.caducitat-expirada-opt{color:var(--danger-700);font-weight:700}.recepta-expirada-row,.recepta-expirada-row td,.recepta-expirada-row th{background:#f3e8ff}.recepta-sense-row,.recepta-sense-row td,.recepta-sense-row th{background:#ffe4e6}option.recepta-expirada-opt{background:#f3e8ff;color:#6b21a8;font-weight:700}option.recepta-sense-opt{background:#ffe4e6;color:#be123c;font-weight:700}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}
