*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body,#root{height:100%;background:#09090b;color:#f4f4f5}
body{font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:#18181b}
::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:2px}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes slideIn{from{transform:translateX(-100%)}to{transform:none}}
@keyframes scanline{0%{top:0}100%{top:100%}}
.fade{animation:fadeIn .18s ease both}
.spin{animation:spin .7s linear infinite}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
input,select,textarea{outline:none;font-family:inherit}
button{cursor:pointer;font-family:inherit;border:none;background:none}
@media print{
  body *{visibility:hidden}
  #print-area,#print-area *{visibility:visible}
  #print-area{position:absolute;left:0;top:0;width:100%}
}