html{scroll-padding-top:80px}body.loading{overflow:hidden}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a1628;z-index:10000;display:flex;justify-content:center;align-items:center;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s}.loader-content{width:240px;height:2px;background:rgba(255,255,255,.1);position:relative;overflow:hidden}.loader-bar{position:absolute;top:0;left:-100%;width:100%;height:100%;background:#00c896;animation:loading-progress 2s cubic-bezier(.16,1,.3,1) infinite}@keyframes loading-progress{0%{left:-100%}50%{left:0}to{left:100%}}#loader.loaded{opacity:0;visibility:hidden}.mockup-card,.dashboard-panel,.prob-card,.advantage-card,.step,#hero-canvas,.floating-element{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}:root{--navy: #0a1628;--navy2: #050b14;--teal: #0a9396;--teal-light: #94d2bd;--border: rgba(255, 255, 255, .1);--border-teal: rgba(10, 147, 150, .3);--white: #ffffff;--muted: rgba(255, 255, 255, .6);--card: rgba(255, 255, 255, .03);--amber: #ee9b00;--vignette: rgba(10, 22, 40, .8);--nav-bg: rgba(10, 22, 40, .95);--glass: rgba(13, 22, 40, .8);--shadow: rgba(0, 0, 0, .5);--db-panel-bg: #111420;--db-card-bg: #1a1d2e;--db-text: #ffffff;--db-border: rgba(255, 255, 255, .1);--db-border-muted: rgba(255, 255, 255, .08);--db-muted: rgba(255, 255, 255, .4);--db-table-th: rgba(255, 255, 255, .3)}[data-theme=light]{--navy: #f8fafc;--navy2: #ffffff;--teal: #0a9396;--teal-light: #005f73;--border: rgba(0, 0, 0, .1);--border-teal: rgba(10, 147, 150, .2);--white: #1d1d1f;--muted: rgba(0, 0, 0, .6);--card: #ffffff;--amber: #bb3e03;--vignette: rgba(248, 250, 252, .8);--nav-bg: rgba(248, 250, 252, .95);--glass: rgba(255, 255, 255, .8);--shadow: rgba(255, 255, 255, .5);--db-panel-bg: #ffffff;--db-card-bg: #f8fafc;--db-text: #1d1d1f;--db-border: rgba(0, 0, 0, .1);--db-border-muted: rgba(0, 0, 0, .05);--db-muted: rgba(0, 0, 0, .5);--db-table-th: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;background:var(--navy)}body{background:var(--navy);color:var(--white);font-family:DM Sans,sans-serif;overflow-x:hidden;line-height:1.6;transition:background-color .5s ease,color .5s ease}.bg-navy2{background:var(--navy2)}h1,h2,h3,h4,.nav-logo{font-family:Syne,sans-serif}.reveal,.domino-item,#hero-text,#story-card{will-change:transform,opacity}nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 5%;display:flex;justify-content:space-between;align-items:center;background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:0 4px 30px #0000001a}.nav-logo{font-weight:800;font-size:1.5rem;letter-spacing:-.02em}.nav-logo span{color:var(--teal)}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{color:var(--white);text-decoration:none;font-size:.88rem;font-weight:500;opacity:.7}.nav-links a:hover{opacity:1;color:var(--teal)}.nav-actions{display:flex;align-items:center;gap:1.2rem}.btn-nav{background:var(--teal);color:var(--navy);font-size:.82rem;font-weight:600;padding:.6rem 1.4rem;border-radius:6px;border:none;cursor:pointer;transition:transform .2s,background .2s}.btn-nav:hover{background:var(--teal-light);transform:translateY(-1px)}.btn-theme{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;transition:all .3s ease}.btn-theme:hover{background:rgba(255,255,255,.1);border-color:var(--teal);transform:rotate(15deg)}[data-theme=light] .btn-theme{background:var(--navy);color:var(--white);border:none;box-shadow:0 4px 12px #0000001a}[data-theme=light] .btn-theme:hover{background:#1a1f2e;transform:rotate(15deg) scale(1.05)}.btn-mobile-menu{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;width:38px;height:38px;align-items:center;justify-content:center;z-index:1001}.btn-mobile-menu span{display:block;width:22px;height:2px;background:var(--white);transition:all .3s ease}#scroll-container{position:relative;height:400vh}.sticky-container{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--navy);z-index:1}.sticky-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(128,128,128,.05) 60%,var(--vignette) 100%);z-index:2;pointer-events:none}#hero-text{position:relative;z-index:10;text-align:center;max-width:800px;padding:2rem;transition:opacity .3s ease;pointer-events:none;text-shadow:0 4px 20px var(--shadow)}#hero-text .btn-primary,#hero-text .btn-ghost{pointer-events:auto}#hero-text h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}#hero-text h1 em{color:var(--teal);font-style:normal}#hero-text p{font-size:clamp(.9rem,1.5vw,1.1rem);color:var(--teal);text-transform:uppercase;letter-spacing:.3em;font-weight:700;max-width:600px;margin:0 auto 2.5rem}.hero-btns{display:flex;gap:1.2rem;justify-content:center}.btn-primary{background:var(--teal);color:var(--navy);padding:.9rem 2.2rem;border-radius:8px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 20px #0a93964d}.btn-ghost{background:transparent;color:var(--white);padding:.9rem 2.2rem;border-radius:8px;font-weight:600;border:1px solid rgba(255,255,255,.2);cursor:pointer}#story-overlay{position:absolute;bottom:10%;left:5%;z-index:20;pointer-events:none;width:100%}#story-card{background:var(--glass);border:1px solid var(--border-teal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;border-radius:20px;max-width:420px;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.16,1,.3,1)}#story-card.visible{opacity:1;transform:translateY(0)}.story-tag{color:var(--teal);text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;margin-bottom:.75rem;font-weight:700}#story-card h3{font-size:1.5rem;margin-bottom:1rem}#story-card p{color:var(--muted);font-size:1rem}#scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;color:var(--muted);opacity:.7}#scroll-hint p{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--teal),transparent);margin:.5rem auto 0}section{padding:8rem 5%;max-width:1200px;margin:0 auto;scroll-margin-top:100px}.section-tag{color:var(--teal);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;background:rgba(10,147,150,.1);padding:.4rem 1rem;border-radius:30px;display:inline-block;margin-bottom:1.5rem}h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem}h2 em{color:var(--teal);font-style:normal}.lead{font-size:1.25rem;color:var(--muted);max-width:700px;margin-bottom:4rem}.prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.prob-card{background:var(--card);padding:2rem;border-radius:12px;border:1px solid var(--border);transition:all .3s ease;position:relative;overflow:hidden}.prob-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--teal);opacity:.3}.prob-card:hover{border-color:var(--teal);transform:translateY(-5px)}.prob-card .icon-box{width:32px;height:3px;background:var(--teal);margin-bottom:1.5rem}.prob-card h4{font-size:1.1rem;margin-bottom:.75rem;color:var(--white);letter-spacing:-.01em}.prob-card p{color:var(--muted);font-size:.95rem}.stats-wrap{padding-top:0}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--border);border-radius:20px;overflow:hidden;border:1px solid var(--border)}.stat-cell{background:var(--card);padding:3rem 2rem;text-align:center}.stat-cell .num{font-size:3rem;font-weight:800;color:var(--teal);margin-bottom:.5rem}.domino-effect{margin-top:6rem;border-top:1px solid var(--border);padding-top:4rem}.domino-effect h3{font-size:1.5rem;margin-bottom:2rem;text-align:center}.domino-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;perspective:1000px}.domino-item{text-align:left;position:relative;background:var(--card);padding:2rem;border-radius:8px;border:1px solid var(--border);transform-origin:bottom center;transition:transform .1s linear;box-shadow:0 10px 30px #0000004d}.domino-item .step{display:block;font-size:.7rem;color:var(--teal);font-weight:800;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.2em}.domino-item strong{display:block;color:var(--white);font-size:1.2rem;margin-bottom:.75rem;font-family:Syne,sans-serif}.domino-item p{color:var(--muted);font-size:.9rem}.opportunity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:6rem}.opp-card{background:var(--card);padding:2.5rem;border-radius:20px;border:1px solid var(--border)}.opp-card h4{color:var(--teal);font-size:1.25rem;margin-bottom:1rem}.product-showcase{text-align:center;margin-top:4rem}.showcase-img{width:100%;max-width:1000px;border-radius:20px;box-shadow:0 20px 50px #00000080;border:1px solid var(--border-teal);margin-top:2rem}.solution-grid{display:flex;flex-direction:column;gap:8rem}.sol-item{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.sol-item.reverse{direction:rtl}.sol-item.reverse .sol-text{direction:ltr}.sol-item .img-wrap img{width:100%;border-radius:16px;box-shadow:0 10px 30px #0000004d;border:1px solid var(--border);transition:transform .5s ease}.sol-item:hover img{transform:scale(1.02)}.sol-item .sol-text h3{font-size:2rem;margin-bottom:1.5rem}.sol-item .sol-text p{font-size:1.1rem;color:var(--muted)}[data-theme=light] .sol-item .img-wrap img{box-shadow:0 10px 40px #0000001a}.table-container{overflow-x:auto;background:var(--card);border-radius:20px;border:1px solid var(--border);margin-top:3rem}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:1.5rem 2rem;border-bottom:1px solid var(--border)}th{background:rgba(10,147,150,.1);color:var(--teal);text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}td:first-child{font-weight:700;color:var(--white)}td:nth-child(2){color:var(--muted)}td:nth-child(3){color:var(--teal-light);font-weight:600}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem}.roadmap-card{background:var(--card);padding:2.5rem;border-radius:20px;border:1px solid var(--border);position:relative;overflow:hidden}.roadmap-card .status{position:absolute;top:0;right:0;padding:.4rem 1rem;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.roadmap-card.current .status{background:var(--teal);color:var(--navy)}.roadmap-card.next .status{background:var(--amber);color:var(--navy)}.roadmap-card.future .status{background:var(--navy2);color:var(--muted)}.roadmap-card h4{margin-top:1rem;font-size:1.25rem;margin-bottom:.75rem}.action-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:4rem 0}.action-item{text-align:center}.action-num{width:60px;height:60px;background:var(--teal);color:var(--navy);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin:0 auto 1.5rem}.contact-footer{margin-top:6rem;border-top:1px solid var(--border);padding-top:4rem}@media (max-width: 991px){nav{padding:1rem 5%}.nav-links{position:fixed;top:0;right:0;bottom:0;width:100vw;height:100vh;background:var(--navy2);flex-direction:column;justify-content:center;align-items:center;padding:2rem;z-index:1000;transform:translate(100%);transition:transform .5s cubic-bezier(.16,1,.3,1)}.nav-links.active{transform:translate(0)}.nav-links a{font-size:1.5rem;font-family:Syne,sans-serif;font-weight:800;margin:1.5rem 0;opacity:0;transform:translateY(20px);transition:all .4s ease;text-transform:uppercase;letter-spacing:.1em}.nav-links.active a{opacity:1;transform:translateY(0)}.nav-links.active a:nth-child(1){transition-delay:.2s}.nav-links.active a:nth-child(2){transition-delay:.3s}.nav-links.active a:nth-child(3){transition-delay:.4s}.nav-links.active a:nth-child(4){transition-delay:.5s}.nav-actions .btn-nav{display:none}.btn-mobile-menu{display:flex;position:relative;z-index:1001}.btn-mobile-menu.active span:nth-child(1){transform:translateY(8px) rotate(45deg);background:var(--teal)}.btn-mobile-menu.active span:nth-child(2){opacity:0}.btn-mobile-menu.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);background:var(--teal)}.sol-item{grid-template-columns:1fr;gap:2rem;text-align:center}.sol-item.reverse{direction:ltr}.roadmap-grid,.action-steps{grid-template-columns:1fr}}.steps-wrap{position:relative;padding-left:2rem}.steps-wrap:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--teal),transparent);opacity:.3}.step-row{display:grid;grid-template-columns:50px 1fr;gap:2rem;padding:2rem 0;align-items:start}.step-num{width:50px;height:50px;border-radius:50%;background:rgba(10,147,150,.15);border:1px solid var(--border-teal);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;color:var(--teal);flex-shrink:0;z-index:10}.step-body h4{font-size:1.25rem;margin-bottom:.5rem}.step-body p{color:var(--muted);margin-bottom:1rem}.step-badge{display:inline-block;font-size:.7rem;font-weight:700;color:var(--teal);background:rgba(10,147,150,.1);padding:.3rem .8rem;border-radius:4px;letter-spacing:.1em}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feat-card{background:var(--card);border:1px solid var(--border);padding:3rem 2rem;border-radius:20px;transition:all .3s ease}.feat-card:hover{border-color:var(--border-teal);transform:translateY(-5px)}.feat-icon{width:50px;height:50px;background:rgba(10,147,150,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.feat-card h4{font-size:1.25rem;margin-bottom:.75rem}.feat-card p{color:var(--muted)}#cta{text-align:center;padding:10rem 5%}.cta-inner{max-width:800px;margin:0 auto}#cta h2{font-size:clamp(2rem,6vw,3.5rem);margin-bottom:1.5rem}#cta p{font-size:1.25rem;color:var(--muted);margin-bottom:3rem}footer{padding:4rem 5%;border-top:1px solid var(--border);text-align:center}footer p{font-family:Syne,sans-serif;font-weight:800;font-size:1.2rem;margin-bottom:1rem}footer p span{color:var(--teal)}.footer-links{color:var(--muted);font-size:.9rem}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.in{opacity:1;transform:translateY(0)}@media (max-width: 768px){#story-overlay{bottom:5%;left:0;padding:1.5rem}#story-card{max-width:100%}section{padding:5rem 5%}}.mockup-container{perspective:1200px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.mockup-card{width:100%;max-width:500px;aspect-ratio:16 / 10;background:var(--glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-teal);border-radius:12px;position:relative;transform-style:preserve-3d;transform:rotateX(15deg) rotateY(-15deg);box-shadow:0 30px 60px #00000080,0 0 20px var(--border-teal);animation:float 4s ease-in-out infinite;overflow:hidden;padding:1.5rem;display:flex;flex-direction:column}.sol-item.reverse .mockup-card{transform:rotateX(15deg) rotateY(15deg)}@keyframes float{0%,to{transform:rotateX(15deg) rotateY(-15deg) translateY(0)}50%{transform:rotateX(15deg) rotateY(-15deg) translateY(-15px)}}@keyframes float-rev{0%,to{transform:rotateX(15deg) rotateY(15deg) translateY(0)}50%{transform:rotateX(15deg) rotateY(15deg) translateY(-15px)}}.sol-item.reverse .mockup-card{animation-name:float-rev}.mockup-monitoring .live-tag{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:800;color:#0f8;margin-bottom:1.5rem}.mockup-monitoring .live-dot{width:8px;height:8px;background:#00ff88;border-radius:50%;box-shadow:0 0 -10px #0f8;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.monitoring-bars{display:flex;flex-direction:column;gap:1.1rem}.bar-row{display:flex;flex-direction:column;gap:.4rem}.bar-label{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted)}.bar-bg{height:6px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:var(--teal);box-shadow:0 0 15px var(--teal);border-radius:3px;width:0%;animation:barGrow 3s ease-in-out infinite alternate}@keyframes barGrow{0%{width:40%}to{width:90%}}.bar-row:nth-child(2) .bar-fill{animation-delay:-.5s}.bar-row:nth-child(3) .bar-fill{animation-delay:-1.2s}.bar-row:nth-child(4) .bar-fill{animation-delay:-1.8s}.calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1rem}.calendar-cell{aspect-ratio:1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--muted)}.calendar-cell.active{background:rgba(10,147,150,.15);border-color:#0a939666;color:var(--teal-light);box-shadow:inset 0 0 10px #0a93961a}.shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transform:skew(-20deg);animation:shimmer 5s infinite}@keyframes shimmer{0%{left:-150%}to{left:150%}}.chart-container{height:120px;width:100%;margin:1rem 0;position:relative}.stat-chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:auto}.stat-chip{padding:.35rem .7rem;background:rgba(10,147,150,.08);border:1px solid var(--border-teal);border-radius:20px;font-size:.65rem;font-weight:700;color:var(--teal-light)}.report-lines{display:flex;flex-direction:column;gap:.8rem;margin:1.5rem 0}.report-line{height:5px;background:rgba(255,255,255,.04);border-radius:3px}.report-btn-group{display:flex;gap:.8rem;margin-top:auto}.report-btn{padding:.5rem .9rem;border-radius:6px;font-size:.65rem;font-weight:700;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:var(--muted)}@media (max-width: 991px){.mockup-card{transform:none!important;animation:float-flat 4s ease-in-out infinite!important;max-width:100%}@keyframes float-flat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}}.dashboard-mockup{width:100%;max-width:1000px;margin:4rem auto 0;perspective:2000px;transform-style:preserve-3d}.dashboard-panel{background:var(--db-panel-bg);border:1px solid var(--db-border);border-radius:12px;padding:1rem;transform:rotateX(-8deg) rotateY(6deg);box-shadow:0 40px 100px #0000004d;animation:dashboardFloat 4s ease-in-out infinite;display:flex;flex-direction:column;gap:1rem}@keyframes dashboardFloat{0%,to{transform:rotateX(-8deg) rotateY(6deg) translateY(0)}50%{transform:rotateX(-8deg) rotateY(6deg) translateY(-6px)}}.db-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.08)}.db-tabs{display:flex;gap:1.5rem;align-items:baseline}.db-tab{color:var(--db-text);font-size:13px;font-weight:700;position:relative;padding-bottom:4px}.db-tab:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#4a9eff}.db-next{color:var(--db-muted);font-size:11px}.db-status{display:flex;align-items:center;gap:1rem}.db-live{display:flex;align-items:center;gap:.4rem;color:#00c896;font-size:11px;font-weight:800}.db-time{color:var(--db-muted);font-size:11px}.live-dot-db{width:8px;height:8px;background:#00c896;border-radius:50%;box-shadow:0 0 10px #00c896;animation:pulse 1.5s infinite}.db-card{background:var(--db-card-bg);border:1px solid var(--db-border-muted);border-radius:6px;padding:.8rem}.db-card-label{font-size:11px;color:var(--db-muted);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.05em;font-family:sans-serif}.db-grid-top{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.db-grid-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.db-bar-chart{display:flex;gap:1.5rem;align-items:flex-end;height:60px;padding-bottom:1rem}.db-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem}.db-bar{width:100%;background:#4a9eff;border-radius:2px 2px 0 0;min-height:4px}.db-bar-val{font-size:13px;font-weight:700;color:var(--db-text)}.db-bar-label{font-size:10px;color:var(--db-muted)}.db-legend{display:flex;gap:.8rem;margin-top:.5rem}.legend-chip{display:flex;align-items:center;gap:.3rem;font-size:10px;color:var(--db-muted)}.db-donut-wrap{display:flex;flex-direction:column;align-items:center;gap:.8rem}.donut-chart{width:70px;height:70px;border-radius:50%;background:conic-gradient(#f59e0b 0% 15%,#00c896 15% 45%,#4a9eff 45% 70%,#a855f7 70% 85%,#64748b 85% 100%);position:relative;display:flex;align-items:center;justify-content:center}.donut-chart:after{content:"";width:45px;height:45px;background:var(--db-card-bg);border-radius:50%}.db-trend-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.db-chips{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.db-chip{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700}.db-chip.red{background:rgba(255,77,77,.1);color:#ff4d4d;border:1px solid rgba(255,77,77,.2)}.db-chip.green{background:rgba(0,200,150,.1);color:#00c896;border:1px solid rgba(0,200,150,.2)}.db-table{width:100%;border-collapse:collapse;font-size:11px}.db-table th{text-align:left;color:var(--db-table-th);padding:.4rem;font-weight:400;border-bottom:1px solid var(--db-border-muted)}.db-table td{padding:.4rem;color:var(--db-text);border-bottom:1px solid var(--db-border-muted)}.db-table tr:last-child td{border:none}.val-danger{background:rgba(255,77,77,.1);color:#ff4d4d!important}@media (max-width: 991px){.dashboard-mockup{transform:none!important;perspective:none}.dashboard-panel{transform:none!important;animation:dashboardFloatMobile 4s ease-in-out infinite}@keyframes dashboardFloatMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.db-grid-top,.db-grid-bottom{grid-template-columns:1fr}}