.db{--db-ease:cubic-bezier(0.22,1,0.36,1)}.db-in{opacity:0;animation:dbIn .7s var(--db-ease) forwards;animation-delay:var(--d,0s)}@keyframes dbIn{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.db-title-rule{display:block;height:3px;width:56px;margin-top:14px;border-radius:999px;background:linear-gradient(90deg,var(--red),#f59e0b);transform-origin:left;animation:dbGrow .9s var(--db-ease) .35s both}@keyframes dbGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.db-live{position:relative;display:inline-block;width:8px;height:8px;border-radius:999px;background:#22c55e}.db-live:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#22c55e;animation:dbPing 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes dbPing{75%,to{transform:scale(2.6);opacity:0}}.db-stat-icon{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.group:hover .db-stat-icon{transform:translateY(-3px) rotate(-8deg) scale(1.08)}.db-stat-value{display:inline-block;transform-origin:left bottom}.db-stat-value.is-bump{animation:dbBump .7s var(--db-ease)}@keyframes dbBump{0%{transform:scale(1)}30%{transform:scale(1.14);color:var(--red)}to{transform:scale(1)}}.db-bar{height:6px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden}.db-bar>span{display:block;height:100%;border-radius:inherit;background:currentColor;transform-origin:left;transition:transform 1.1s var(--db-ease)}.db-alert-dot{position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:999px;background:#e11d48;box-shadow:0 0 0 0 rgba(225,29,72,.5);animation:dbAlert 1.8s ease-out infinite}@keyframes dbAlert{0%{box-shadow:0 0 0 0 rgba(225,29,72,.5)}70%{box-shadow:0 0 0 10px rgba(225,29,72,0)}to{box-shadow:0 0 0 0 rgba(225,29,72,0)}}.db-row{opacity:0;animation:dbRow .55s var(--db-ease) forwards;animation-delay:calc(var(--i, 0) * 45ms + .45s)}@keyframes dbRow{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.db-row>:first-child{position:relative}.db-row>:first-child:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:0 3px 3px 0;background:var(--red);transform:scaleY(0);transition:transform .3s var(--db-ease)}.db-row:hover>:first-child:before{transform:scaleY(1)}.db-row-new{animation:dbRow .55s var(--db-ease) forwards,dbFlash 2.4s ease-out .2s;animation-delay:0s,0s}@keyframes dbFlash{0%,25%{background-color:rgba(254,226,226,.9)}to{background-color:transparent}}.db-status-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:999px;background:currentColor;vertical-align:middle;animation:dbBlink 1.2s ease-in-out infinite}@keyframes dbBlink{0%,to{opacity:1}50%{opacity:.25}}.db-view-btn svg{transition:transform .3s var(--db-ease)}.db-view-btn:hover svg{transform:scale(1.2)}.db-skel{position:relative;overflow:hidden;border-radius:10px;background:rgba(148,163,184,.16)}.db-skel:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:dbShimmer 1.4s ease-in-out infinite}@keyframes dbShimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.db *,.db :after,.db :before{animation:none!important;transition:none!important}.db-in,.db-row{opacity:1!important}.db-title-rule{transform:none!important}}@media print{.db-in,.db-row{opacity:1!important;transform:none!important}}