@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:210 20% 98%;--bg-secondary:0 0% 100%;--bg-tertiary:210 20% 95%;--text-primary:222 47% 11%;--text-secondary:215 16% 47%;--accent-primary:200 100% 40%;--accent-hover:200 100% 35%;--accent-light:200 100% 92%;--accent-light-alpha:#0088cc1a;--accent-secondary:40 90% 58%;--success:142 71% 45%;--warning:38 92% 50%;--danger:348 83% 47%;--border-color:214 32% 91%;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px}[data-theme=dark]{--bg-primary:222 47% 11%;--bg-secondary:217 33% 17%;--bg-tertiary:215 28% 22%;--text-primary:210 20% 98%;--text-secondary:215 20% 65%;--accent-primary:200 90% 50%;--accent-hover:200 90% 60%;--accent-light:200 90% 15%;--accent-light-alpha:#0da6f226;--accent-secondary:40 90% 58%;--border-color:215 28% 22%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--border-color));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--text-secondary))}h1,h2,h3,h4,h5{color:hsl(var(--text-primary));font-weight:600}.text-muted{color:hsl(var(--text-secondary))}.btn{border-radius:var(--border-radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:focus-visible{outline:2px solid hsl(var(--accent-primary));outline-offset:2px}.btn-primary{background-color:hsl(var(--accent-primary));color:#fff;box-shadow:0 4px 12px -2px hsla(var(--accent-primary) / .4)}.btn-primary:hover{background-color:hsl(var(--accent-hover));transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:hsl(var(--accent-primary));border:1px solid hsl(var(--accent-primary));background-color:#0000}.btn-secondary:hover{background-color:var(--accent-light-alpha)}.btn-icon{border-radius:var(--border-radius-md);color:hsl(var(--text-secondary));cursor:pointer;background:0 0;border:none;padding:8px;transition:all .2s}.btn-icon:hover{background:hsl(var(--bg-tertiary));color:hsl(var(--accent-primary))}.glass-panel{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:var(--border-radius-lg);padding:24px;transition:box-shadow .3s;box-shadow:0 4px 20px -5px #0000000d}.glass-panel:hover{box-shadow:0 8px 30px -5px #00000014}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-label{color:hsl(var(--text-secondary));font-size:.9rem;font-weight:500}.input-field{border-radius:var(--border-radius-md);border:1px solid hsl(var(--border-color));background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}.input-field:focus{border-color:hsl(var(--accent-primary));box-shadow:0 0 0 3px var(--accent-light-alpha);outline:none}.app-layout{height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.page-container{width:100%;max-width:1400px;margin:0 auto;padding:32px}.header{border-bottom:1px solid hsl(var(--border-color));background-color:hsl(var(--bg-secondary));z-index:10;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-row{align-items:center;gap:12px;display:flex}.text-h1{letter-spacing:-.02em;font-size:1.8rem}.text-h2{letter-spacing:-.01em;font-size:1.4rem}.badge{border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600}.badge-active{color:hsl(var(--success));background:#21c45d1a}.badge-pending{color:hsl(var(--warning));background:#f59f0a1a}input[type=text],input[type=search],textarea{text-transform:uppercase}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:hsl(var(--bg-secondary));border-radius:var(--border-radius-lg);width:100%;max-width:600px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 10px 40px -10px #0000004d}.print-only{display:none!important}@media print{.print-only{display:block!important}.no-print,aside,header{display:none!important}.app-layout{display:block!important}.main-content{background:#fff!important;padding:0!important;overflow:visible!important}.page-container{padding:0!important}.printable-report{box-shadow:none!important;padding:0!important}body,html{background:#fff!important}@page{size:A4 landscape;margin:1cm}}.mobile-only{display:none!important}@media (width<=768px){.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.page-container{padding:16px!important}.header{padding:12px 16px!important}.table-container{white-space:nowrap;width:100%;display:block;overflow-x:auto}.table-container table{min-width:600px}div[style*=grid-template-columns]{grid-template-columns:1fr!important}table.mobile-cards{width:100%!important;min-width:0!important;display:block!important}table.mobile-cards thead{display:none}table.mobile-cards tbody{flex-direction:column;gap:16px;display:flex}table.mobile-cards tr{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex;box-shadow:0 2px 8px #0000000d;padding:16px!important}table.mobile-cards td{width:100%;display:block;text-align:left!important;border:none!important;padding:6px 0!important}table.mobile-cards td:last-child{align-items:center;margin-top:8px;border-top:1px dashed var(--border-color)!important;padding-top:12px!important}.input-group[style*=grid-column]{grid-column:span 1!important}.vet-table th,.vet-table td{padding:12px 8px!important}}
