@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f4f8;min-height:100vh;font-family:Inter,system-ui,sans-serif}button{cursor:pointer;font-family:inherit;transition:all .15s}input,select,textarea{font-family:inherit;transition:border-color .15s,box-shadow .15s}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #3b82f6}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #3b82f61f;border-color:#3b82f6!important}button:active{transform:scale(.97)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dot-pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.page-enter{animation:.25s forwards fadeIn}.card-hover{transition:box-shadow .2s,transform .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.nav-item{transition:background-color .15s,color .15s,padding-left .15s}.nav-item:hover{background-color:#f8fafc}.status-online{animation:2s infinite dot-pulse}.table-row{transition:background-color .1s}.table-row:hover{background-color:#f8fafc}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:9999;background:#0f172a;border-radius:5px;padding:4px 8px;font-size:.72rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}@keyframes badge-shine{0%{background-position:-100% 0}to{background-position:200% 0}}.backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.25s cubic-bezier(.16,1,.3,1) fadeIn}@keyframes modalPop{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-pop{will-change:transform, opacity;animation:.38s cubic-bezier(.16,1,.3,1) modalPop}.progress-bar{transition:width .3s}circle.ring-fill{transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1)}.dashboard-grid{grid-template-columns:repeat(3,1fr)}@media (width<=1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard-grid{grid-template-columns:1fr}}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=600px){.page-topbar{flex-direction:column;gap:.75rem;align-items:flex-start!important}.page-topbar>div:last-child{width:100%}.page-topbar input,.page-topbar .search-wrap{width:100%!important}}