:root{--color-cream: #FFF9D0;--color-baby-blue: #CAF4FF;--color-sky-blue: #A0DEFF;--color-ocean-blue: #5AB2FF}body{font-family:Inter,sans-serif;background-color:#fff}.bg-brand-primary{background-color:var(--color-ocean-blue)}.bg-brand-secondary{background-color:var(--color-sky-blue)}.bg-brand-accent{background-color:var(--color-baby-blue)}.bg-brand-warm{background-color:var(--color-cream)}.text-brand-primary{color:var(--color-ocean-blue)}.text-brand-dark{color:#1e3a8a}.text-gradient-brand{background:linear-gradient(to right,var(--color-ocean-blue),var(--color-sky-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--color-sky-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-ocean-blue)}@keyframes scan{0%{top:0%;opacity:.5}50%{opacity:1}to{top:100%;opacity:.5}}.animate-scan{animation:scan 3s linear infinite;position:absolute;left:0;width:100%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes slide-in-right{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slide-in-right .7s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-right-left{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}.animate-slide-rl{animation:slide-right-left 3s ease-in-out infinite 1s}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-marquee{display:inline-block;animation:marquee 20s linear infinite;padding-left:100%}@media print{@page{margin:0;size:A4 portrait}body{background-color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}.print-only{display:block!important}.print-container{width:100%;margin:0;padding:0;box-shadow:none!important;border:none!important}@page{.page-landscape{size:landscape}}@page{.page-portrait{size:portrait}}.sheet-a4{width:100%!important;height:100%!important;margin:0!important;padding:0!important;page-break-after:always;box-shadow:none!important;border:none!important;transform:none!important;overflow:visible!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:5mm!important;align-content:start}.id-card-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5mm!important;align-content:start}*{overflow:visible!important}body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:absolute;left:0;top:0;width:100%;padding:20px}}@media screen{.sheet-wrapper{display:flex;justify-content:center;background-color:#e5e7eb;padding:20px;overflow:auto;min-height:600px}.sheet-a4{width:297mm;height:210mm;background:#fff;padding:10mm;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:5mm;align-content:start}.scale-container{width:100%;overflow:hidden;display:flex;justify-content:center}}@media print{body.printing-report-log{background-color:#fff!important;background-image:none!important;margin:0!important;padding:0!important}body.printing-report-log *{visibility:hidden}body.printing-report-log #printable-report-section,body.printing-report-log #printable-report-section *{visibility:visible}body.printing-report-log #printable-report-section{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;background-color:#fff!important;box-shadow:none!important;border:none!important}@page report-log-page{size:A4 portrait;margin:2.54cm}body.printing-report-log #printable-report-section{page:report-log-page}@page id-card-page{size:A4 landscape;margin:10mm}body.printing-id-cards #printable-id-section{page:id-card-page}body.printing-id-cards *{visibility:hidden}body.printing-id-cards #printable-id-section,body.printing-id-cards #printable-id-section *{visibility:visible}body.printing-id-cards #printable-id-section{position:absolute;left:0;top:0;width:100%;height:auto;margin:0;padding:0}}
