:root{--text-main: rgba(239, 194, 255, .8);--text-muted: rgba(239, 194, 255, .6);--link-color: rgba(146, 57, 248, .8);--trans-back: rgba(255, 255, 255, .35);--particle-color: #efc2ff;--font-size-h1: clamp(1.8rem, 8vw, 3rem);--font-size-h2: clamp(1.5rem, 5vw, 2.2rem);--font-size-body: clamp(.9rem, 2vw, 1.1rem)}html{scroll-behavior:smooth}html,body{max-width:100vw;overflow-x:hidden}body{margin:0;display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:var(--bg-color);color:var(--text-main);transition:background-color .3s ease,color .3s ease;scroll-snap-type:y mandatory;overflow-y:scroll}#root{width:100%;display:flex;flex-direction:column;align-items:center}#particles-js{position:fixed;width:100%;height:100%;z-index:-1;top:0;left:0}.page-block{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;width:100%;box-sizing:border-box;padding:40px;scroll-snap-align:start}main{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px;width:100%;max-width:1100px;margin:0 auto}.image-container{position:relative;width:clamp(250px,50vw,400px);height:auto;aspect-ratio:1/1;border-radius:35%;overflow:hidden;box-shadow:0 0 8px #20033b80;margin-top:70px;flex-shrink:0}.header-image,.header-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease}.header-video{opacity:0;z-index:1}.image-container:hover .header-image{opacity:0}.image-container:hover .header-video{opacity:1}.about-me{flex:1;min-width:300px;max-width:65ch;color:var(--text-main);margin-left:20px;text-align:left}.about-me h5{font-size:var(--font-size-h1);color:var(--text-main);margin-bottom:-10px}.about-me bold{font-weight:bolder}.cert-section{width:100%;padding:60px 20px;box-sizing:border-box;overflow:hidden}summary{font-weight:700;cursor:pointer;outline:none;list-style:none;padding:10px;border-radius:6px;text-align:center;transition:background .3s}form,footer{color:var(--text-muted)}form{display:block;max-width:1000px;margin:200px auto 100px;padding:0 20px}form h2{font-weight:1000;color:var(--text-main);display:flex;justify-content:center;align-items:center}.contact-container{width:90%;max-width:1000px;margin:40px auto;box-sizing:border-box;padding:20px;display:flex;flex-direction:column}.form-group{margin-bottom:20px;text-align:left}input,textarea{width:100%;padding:12px;margin-top:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 0 10px #00000026;color:#fff;box-sizing:border-box}.submit-btn{width:100%;padding:15px;background:var(--text-main);color:var(--bg-color);border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:.3s;justify-content:center;box-sizing:border-box}.submit-btn:hover{filter:brightness(1.2);transform:translateY(-2px)}footer{margin-top:auto;padding-bottom:20px;text-align:center;width:100%}@media(max-width:768px){.header-container{flex-direction:column;gap:1.5rem}.github,.linkedin{display:inline-block;margin:0 15px;z-index:10}.github i,.linkedin i{font-size:2rem}.contact-details{font-size:.85rem;line-height:1.6;padding:0 10px}.page-block{padding:40px 15px}main{flex-direction:column;text-align:center;gap:20px}.about-me{margin-left:0;text-align:center;padding:0;min-width:0;width:100%;box-sizing:border-box}.about-me h5{font-size:clamp(1.8rem,8vw,2.5rem);margin-bottom:10px}.image-container{width:clamp(200px,60vw,300px);margin-top:30px}form{margin-top:80px;margin-bottom:60px;padding:0 15px;width:100%;box-sizing:border-box}.contact-container{width:100%;padding:15px;margin:20px auto}form h2{text-align:center;width:100%;font-size:2rem}}.card-nav-container{position:absolute;top:2em;left:50%;transform:translate(-50%);width:90%;max-width:800px;z-index:99;box-sizing:border-box}.card-nav{display:block;height:60px;padding:0;background-color:#ad88c5;border:.5px solid rgba(255,255,255,.1);border-radius:.75rem;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden;will-change:height}.card-nav-top{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0rem .45rem .55rem 1.1rem;z-index:2}.hamburger-menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:6px}.hamburger-menu:hover .hamburger-line{opacity:.75}.hamburger-line{width:30px;height:3px;border-radius:10px;background-color:#140716;transition:transform .25s ease,opacity .2s ease,margin .3s ease;transform-origin:50% 50%}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4px) rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4px) rotate(-45deg)}.logo-container{display:flex;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.logo{height:140px}.card-nav-cta-button{background-color:#140716;color:#fff;border:none;border-radius:.4rem;padding:0 1rem;height:80%;font-weight:500;cursor:pointer;transition:background-color .3s ease;align-items:center}.card-nav-cta-button:hover{background-color:#333}.card-nav-content{position:absolute;inset:60px 0 0;padding:.5rem;padding-top:40px;display:flex;align-items:flex-end;gap:12px;visibility:hidden;pointer-events:none;z-index:1}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.nav-card{height:100%;flex:1 1 0;min-width:0;border-radius:.55rem;position:relative;display:flex;flex-direction:column;padding:12px 16px;gap:8px;-webkit-user-select:none;user-select:none}.nav-card-label{font-weight:400;font-size:28px;letter-spacing:-.5px}.nav-card-links{margin-top:auto;display:flex;flex-direction:column;gap:2px}.nav-card-link{font-size:18px;cursor:pointer;text-decoration:none;transition:opacity .3s ease;display:inline-flex;align-items:center;gap:6px;color:#fff}.nav-card-link:hover{opacity:.75}@media(max-width:768px){.card-nav-container{width:90%;top:1.2em;height:auto}.card-nav-top{padding:.5rem 1rem;justify-content:space-between}.hamburger-menu{order:2}.logo-container{position:static;transform:none;order:1}.card-nav-cta-button{display:none}.card-nav-content{flex-direction:column;align-items:stretch;gap:8px;padding:.5rem;bottom:0;justify-content:flex-start}.nav-card{height:auto;min-height:60px;flex:1 1 auto;max-height:none}.nav-card-label{font-size:18px}.nav-card-link{font-size:15px}}header{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:0;margin-top:-10vh;text-align:center;z-index:10;padding-top:10vh}.header-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3rem;width:100%;max-width:1200px}header h1{font-size:var(--font-size-h1);margin:0;color:var(--text-main)}header h3,header h4{color:var(--text-main)}header h4{font-size:clamp(1.2rem,5vw,2rem);margin:10px 0 0;min-height:1.2rem;display:flex;justify-content:center;align-items:center}.user-name{margin:0;font-size:clamp(3rem,15vw,10rem);font-weight:900;line-height:.9;letter-spacing:-.05em;text-transform:uppercase;z-index:2;text-shadow:0 0 30px rgba(79,70,229,.3)}.letter{display:inline-block;white-space:pre;color:var(--text-main)}.github i,.linkedin i{font-size:8vw;color:var(--text-main);transition:all .3s cubic-bezier(.4,0,.2,1)}.github a:hover i{color:#fe4c25;filter:drop-shadow(0 0 10px #FE4C25);transform:translateY(-5px)}.linkedin a:hover i{color:#0077b5;filter:drop-shadow(0 0 10px #0077b5);transform:translateY(-5px)}.contact-details{margin-top:2rem;color:var(--text-muted);font-size:var(--font-size-body);font-weight:300;letter-spacing:1px}@media(max-width:768px){.header-container{flex-direction:column;gap:1rem;padding-top:2rem}.github,.linkedin{display:inline-block;margin:0 10px;z-index:20}.github i,.linkedin i{font-size:2.5rem}.user-name{font-size:clamp(3rem,12vw,5rem);line-height:1.1}}.cert-grid-container{display:grid;grid-template-columns:repeat(2,auto);gap:2rem;padding:2rem;max-width:1000px;margin:0 auto;align-items:center;justify-content:center}.cert-card{width:40vw;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);overflow:hidden;opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s ease}.cert-card.from-left{transform:translate(-50px)}.cert-card.from-right{transform:translate(50px)}.cert-card.is-visible{transform:translate(0);opacity:1}.cert-card.is-visible:hover{transform:translateY(-5px) scale(1.02)}.cert-image{height:200px;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center;margin-top:1rem}.cert-info{padding:1.5rem;text-align:center;color:#fff}.cert-info h3{margin:0;font-size:1.2rem}.cert-info p{opacity:.7;font-size:.9rem;margin-top:.5rem}@media(max-width:1000px){.cert-grid-container{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;width:100%;box-sizing:border-box}.cert-card{width:100%}.cert-image{height:100px;margin-top:.5rem}.cert-info{padding:.8rem}.cert-info h3{font-size:.9rem}.cert-info p{font-size:.75rem}}.logoloop{position:relative;margin:15vh 0;--logoloop-gap: 48px;--logoloop-logoHeight: 120px;--logoloop-fadeColorAuto: #ffffff}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media(prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto: #000000}}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center;list-style:none;padding:0;margin:0}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.1);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,15%,200px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media(prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.resume{display:block;max-width:800px;margin:40px auto;padding:0 20px;color:var(--text-muted)}.resume h2{font-weight:1000;color:var(--text-main);margin-bottom:-6px}.resume hr{border:0;height:1px;background:#fff3;margin-bottom:1.5rem}.resume bold{font-weight:bolder;color:var(--text-main)}.resume-item{margin-bottom:1.5rem}.resume-title{display:flex;justify-content:space-between;align-items:baseline;width:100%;color:var(--text-main)}.resume-title h3{margin:0}.resume-section{display:flex;flex-direction:column;overflow:hidden;padding:2rem 0}.side-header{opacity:0;transform:translate(-100px);transition:all .8s ease-out}.side-content{opacity:0;transform:translate(100px);transition:all .8s ease-out;transition-delay:.2s}.animate-left,.animate-right{opacity:1;transform:translate(0)}@media(max-width:768px){.resume{padding:15px 10px;width:100%;box-sizing:border-box;overflow-x:hidden}.resume-title{flex-direction:column;align-items:flex-start;gap:5px}.resume-title span{font-size:.85rem;opacity:.8;margin-bottom:8px}.side-header,.side-content{transform:translateY(30px)}.animate-left,.animate-right{transform:translateY(0)}.resume-item ul{padding-left:20px;padding-right:10px;margin-right:0;word-break:break-word}}.dashboard-showcase{padding:80px 5%;max-width:1200px;margin:0 auto;color:#fff}.showcase-header{text-align:center;margin-bottom:60px;opacity:0;transform:translateY(30px)}.showcase-header h2{font-size:2.5rem;margin-bottom:10px;color:#fff}.showcase-header p{font-size:1.1rem;color:#aaa;max-width:600px;margin:0 auto 20px}.header-line{width:60px;height:3px;background-color:#9239f8cc;border:none;margin:0 auto}.projects-grid{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:900px){.projects-grid{grid-template-columns:1fr 1.2fr;grid-template-rows:auto auto}.project-card-0{grid-column:1 / 2;grid-row:1 / 2}.project-card-1{grid-column:1 / 2;grid-row:2 / 3}.project-card-2{grid-column:2 / 3;grid-row:1 / 3}.project-card-2 .project-image-container{height:350px}}.project-card{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .4s ease;opacity:0;transform:translateY(30px);display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #4ade801a;border-color:#efc2ffcc}.project-image-container{position:relative;height:220px;overflow:hidden;flex-shrink:0}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.view-project-btn{padding:10px 20px;background-color:transparent;color:#fff;border:2px solid rgba(146,57,248,.8);border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s ease}.view-project-btn:hover{background-color:#9239f8cc;color:#000}.project-info{padding:25px}.project-info h3{font-size:1.4rem;margin-bottom:15px;color:#fff}.project-info p{color:#aaa;font-size:.95rem;line-height:1.6;margin-bottom:20px}.project-tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background:#ffffff14;padding:5px 12px;border-radius:4px;font-size:.8rem;color:#ddd}.fade-in-up{animation:fadeInUp .8s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mobile-projects-container{display:flex;flex-direction:column;align-items:center;width:100%}.project-dropdown{width:100%;max-width:400px;padding:14px 20px;background-color:#1e293bcc;color:#fff;border:1px solid rgba(146,57,248,.8);border-radius:12px;font-size:1.05rem;font-weight:600;margin-bottom:30px;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234ade80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2em;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.project-dropdown:focus,.project-dropdown:hover{border-color:#9239f8cc;box-shadow:0 0 15px #4ade8033}.project-dropdown option{background-color:#111;color:#fff}.mobile-project-display{width:100%;max-width:400px}@media(max-width:768px){.projects-grid{display:none}}.rental-dashboard{min-height:100vh;min-width:100vw;background-color:#020617;color:#f1f5f9;font-family:Inter,sans-serif;display:flex;flex-direction:column}@media(min-width:768px){.rental-dashboard{flex-direction:row}}.rental-sidebar{width:100%;background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.1);padding:1.5rem;display:flex;flex-direction:column}@media(min-width:768px){.rental-sidebar{width:16rem}}.rental-logo{font-size:1.25rem;font-weight:700;color:#818cf8}.rental-logo span{color:#fff}.rental-tagline{font-size:.75rem;color:#94a3b8;margin-top:.25rem;margin-bottom:2rem}.rental-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-item{padding:.75rem;border-radius:.5rem;font-size:1rem;color:#94a3b8;cursor:pointer;transition:all .2s}.nav-item.active{background-color:#6366f133;color:#a5b4fc;font-weight:500}.nav-item:hover:not(.active){background-color:#1e293bcc;color:#cbd5e1}.sidebar-back-btn{width:100%;margin-top:2rem;padding:.75rem;border-radius:.5rem;border:1px solid #475569;background:transparent;color:#cbd5e1;text-align:left;transition:background-color .2s}.sidebar-back-btn:hover{background-color:#334155}.rental-main{flex:1;padding:2rem;overflow-y:auto}.rental-header{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:2rem}.rental-header h2{font-size:1.875rem;font-weight:600;margin:0}.status-badge{display:flex;align-items:center;gap:.75rem}.status-ping{position:relative;display:flex;width:.75rem;height:.75rem}.ping-anim{position:absolute;display:inline-flex;height:100%;width:100%;border-radius:9999px;background-color:#4ade80;opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.ping-dot{position:relative;display:inline-flex;border-radius:9999px;height:.75rem;width:.75rem;background-color:#22c55e}.status-text{font-size:.875rem;color:#cbd5e1}.kpi-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;max-width:80vw}@media(min-width:640px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi-card{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s ease,border-color .3s ease}.kpi-card:hover{transform:translateY(-5px);border-color:#6366f180}.kpi-label{font-size:.875rem;color:#94a3b8;margin-bottom:.25rem}.kpi-value{font-size:1.875rem;font-weight:700}.kpi-value.indigo{color:#818cf8}.kpi-value.green{color:#4ade80}.kpi-trend{font-size:.75rem;margin-top:.5rem}.kpi-trend.green{color:#4ade80}.kpi-trend.slate{color:#94a3b8}.charts-grid{display:center;gap:1.5rem;width:80vw}@media(min-width:1024px){.charts-grid{grid-template-columns:repeat(2,1fr)}}.chart-panel{max-width:80vw;background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000001a}.chart-title{font-size:1.125rem;font-weight:500;margin-bottom:1.5rem}.feature-list{display:flex;flex-direction:column;gap:1rem}.feature-item{width:100%}.feature-header{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.25rem}.feature-score{color:#818cf8}.progress-container{width:100%;background-color:#334155;border-radius:9999px;height:.5rem}.progress-fill{background-color:#6366f1;height:100%;border-radius:9999px}.census-dashboard{min-height:100vh;min-width:100vw;background-color:#020617;color:#e2e8f0;font-family:Inter,sans-serif;padding:1rem}@media(min-width:768px){.census-dashboard{padding:2rem}}.census-nav{max-width:80rem;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e293b;padding-bottom:1rem}.census-brand{display:flex;align-items:center;gap:.75rem}.api-box{width:2.5rem;height:2.5rem;border-radius:.25rem;background-color:#14b8a6;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 10px 15px -3px #14b8a633}.census-title{font-weight:700;font-size:1.25rem;letter-spacing:-.025em;color:#fff}.nav-back-btn{font-size:.875rem;background-color:#14b8a6;color:#020617;padding:.5rem 1rem;border:1px solid #334155;border-radius:.5rem;transition:color .2s,border-color .2s;box-shadow:0 10px 15px -3px #14b8a633}.nav-back-btn:hover{color:#fff;border-color:#475569}.census-container{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.kpi-row{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.kpi-row{grid-template-columns:repeat(3,1fr)}}.kpi-box{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);border-left-width:4px;box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s ease}.kpi-box:hover{transform:translateY(-5px)}.kpi-box.teal{border-left-color:#14b8a6}.kpi-box.blue{border-left-color:#3b82f6}.kpi-box.green{border-left-color:#22c55e}.kpi-name{font-size:.875rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.kpi-data{font-size:2.25rem;font-weight:700;color:#fff;margin-top:.5rem}.kpi-data.green{color:#4ade80}.dashboard-main{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.dashboard-main{grid-template-columns:repeat(3,1fr)}}.census-panel{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a}.panel-heading{font-size:1.125rem;font-weight:500;margin-bottom:1rem;color:#fff}.log-table-container{overflow-x:auto}.log-table{width:100%;text-align:left;font-size:.875rem}.log-table th{padding-bottom:.75rem;color:#94a3b8;border-bottom:1px solid #334155}.log-table td{padding:1rem 0;color:#cbd5e1;border-bottom:1px solid rgba(51,65,85,.5)}.log-table tr:last-child td{border-bottom:none}.prediction-tag{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.prediction-tag.red{background-color:#ef444433;color:#f87171}.prediction-tag.green{background-color:#22c55e33;color:#4ade80}.info-list{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(51,65,85,.5);padding-bottom:.75rem;font-size:.875rem}.info-row:last-child{border-bottom:none}.info-label{color:#94a3b8}.info-value{color:#fff;font-weight:700}.info-value.mono{font-family:monospace}.info-value.teal{color:#14b8a6}*,*:before,*:after{box-sizing:border-box}body{margin:0}.noc-dashboard{min-height:100vh;width:100%;background-color:#020617;color:#f8fafc;font-family:Inter,sans-serif;display:flex;flex-direction:column}@media(min-width:768px){.noc-dashboard{padding:0 2rem}}.noc-header{display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid #1e293b;margin-top:-40vh;margin-bottom:-30vh}@media(min-width:768px){.noc-header{flex-direction:row;align-items:center}}.noc-title h1{font-size:1.875rem;font-weight:900;letter-spacing:-.025em;color:#fff;display:flex;align-items:center;gap:.75rem;margin:0}.noc-title .icon{color:#3b82f6;font-size:2.25rem}.noc-subtitle{color:#94a3b8;margin-top:.25rem;margin-left:2.75rem;margin-bottom:0}.back-btn{margin-top:1rem;padding:.5rem 1rem;border-radius:.5rem;background-color:#1e293b;border:1px solid #334155;color:#cbd5e1;font-weight:500;font-size:.875rem;transition:background-color .2s;transition:ease .2s}.back-btn:hover{background-color:#334155;translate:0 -5px;transition:ease .2s}@media(min-width:768px){.back-btn{margin-top:0}}.stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.5rem;border-top-width:4px;box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card.blue{border-top-color:#3b82f6}.stat-card.red{border-top-color:#ef4444;position:relative;overflow:hidden}.stat-card.yellow{border-top-color:#eab308}.stat-card.emerald{border-top-color:#10b981}.stat-label{font-size:.875rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.25rem;font-weight:900;color:#fff;margin-top:.5rem}.stat-desc{font-size:.875rem;margin-top:.5rem}.stat-desc.green{color:#4ade80}.stat-desc.red{color:#f87171}.stat-desc.yellow{color:#facc15}.stat-desc.emerald{color:#34d399}.ping-container{position:absolute;top:1rem;right:1rem}.ping-dot{width:.75rem;height:.75rem;background-color:#ef4444;border-radius:9999px}.ping-anim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ef4444;border-radius:9999px;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.main-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.main-grid{grid-template-columns:repeat(3,1fr)}}.content-panel{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem}.lg-col-2{grid-column:span 2 / span 2}.panel-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.table-container{overflow-x:auto}.noc-table{width:100%;text-align:left;font-size:.875rem}.noc-table thead{background-color:#1e293b80;color:#cbd5e1}.noc-table th{padding:.75rem}.noc-table th:first-child{border-top-left-radius:.5rem}.noc-table th:last-child{border-top-right-radius:.5rem}.noc-table td{padding:.75rem;color:#94a3b8;border-bottom:1px solid #1e293b}.noc-table tr:last-child td{border-bottom:none}.text-white-bold{color:#fff;font-weight:500}.text-slate-light{color:#cbd5e1}.status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700}.bg-red-dim{background-color:#7f1d1d80;color:#f87171}.bg-yellow-dim{background-color:#78350f80;color:#facc15}.bg-slate-dim{background-color:#334155;color:#cbd5e1}.status-text{display:flex;align-items:center;gap:.5rem;font-weight:500}.status-dot{width:.5rem;height:.5rem;border-radius:9999px}.status-dot.red{background-color:#ef4444}.status-dot.yellow{background-color:#eab308}.status-dot.green{background-color:#22c55e}.engine-panel{background-image:linear-gradient(to bottom right,#0f172a,#1e3a8a33)}.panel-desc{font-size:.875rem;color:#94a3b8;margin-bottom:1.5rem}.probability-list{display:flex;flex-direction:column;gap:1rem}.prob-item{background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}.prob-header{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem}.prob-name{color:#fff;font-weight:500}.prob-value{font-weight:700}.prob-value.red{color:#f87171}.prob-value.yellow{color:#facc15}.progress-bg{width:100%;background-color:#020617;border-radius:9999px;height:.5rem;overflow:hidden}.progress-bar{height:100%;border-radius:9999px}.progress-bar.red{background-color:#ef4444}.progress-bar.yellow{background-color:#eab308}