@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}body{margin:0;padding:0;background-color:#f8fafc}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-ticker{display:inline-flex;animation:ticker 30s linear infinite}.animate-ticker:hover{animation-play-state:paused}.status-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid white;z-index:10;transition:all .3s ease}.status-indicator.online{background-color:#10b981;animation:status-breathing 2s infinite}.status-indicator.offline{background-color:#94a3b8}@keyframes status-breathing{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 4px #10b98100}to{box-shadow:0 0 #10b98100}}.animate-dropdown{animation:dropdown-in .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-popup-bounce{animation:popup-bounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popup-bounce{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fluid-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes fluid-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,50px) scale(1.1)}66%{transform:translate(40px,-20px) scale(.9)}}@keyframes fluid-3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,60px) scale(.9)}66%{transform:translate(-30px,-30px) scale(1.1)}}.animate-fluid-1{animation:fluid-1 15s infinite ease-in-out}.animate-fluid-2{animation:fluid-2 18s infinite ease-in-out}.animate-fluid-3{animation:fluid-3 20s infinite ease-in-out}.animate-pulse-fast{animation:pulse 1s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-med{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}@keyframes float-random{0%,to{transform:translate(0)}25%{transform:translate(5px,5px)}50%{transform:translate(-5px,10px)}75%{transform:translate(5px,-5px)}}.animate-float-random{animation:float-random 6s infinite ease-in-out}@keyframes bounce-smooth{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.nav-item-bounce-smooth:hover .relative.z-10{animation:bounce-smooth 1s infinite ease-in-out}.tombol-gacor{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 10px 25px -5px #ea580c66;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.tombol-gacor:hover:not(:disabled){background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-2px);box-shadow:0 15px 30px -5px #ea580c80}.tombol-gacor-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 10px 25px -5px #10b98166;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.tombol-gacor-red{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 10px 25px -5px #ef444466;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.tombol-gacor-red:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-2px);box-shadow:0 15px 30px -5px #ef444480}.tombol-gacor-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 10px 25px -5px #2563eb66;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.tombol-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98163;transition:all .2s ease;border:none}@media print{@page{size:A4 landscape;margin:1cm}body{background:#fff;color:#000}.print-hidden,aside,nav,button,header,.no-print{display:none!important}.print-block{display:block!important}table{width:100%!important;border-collapse:collapse!important}th,td{border:1px solid #ddd!important;padding:8px!important;font-size:10px!important}.break-inside-avoid{break-inside:avoid}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}