@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Montserrat:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg-primary:#f8f9fa;--navy:#1b365d;--navy-light:#2a4a7a;--cyan:#007acc;--cyan-hover:#0091eb;--white:#fff;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#adb5bd;--gray-500:#6c757d;--text-primary:#1b365d;--text-secondary:#4a5568;--text-muted:#6c757d;--grid-line:#1b365d0a;--section-gap:120px;--container-width:1600px;--radius-sm:4px;--radius-md:8px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#05101e;--navy:#fff;--navy-light:#e9ecef;--cyan:#00a3ff;--cyan-hover:#33b5ff;--white:#0a192f;--gray-100:#0a192f;--gray-200:#112240;--gray-300:#233554;--gray-400:#495670;--gray-500:#8892b0;--text-primary:#e9ecef;--text-secondary:#8892b0;--text-muted:#6c757d;--grid-line:#ffffff08}[data-theme=dark] .navbar{background:#05101eeb;border-bottom-color:#ffffff0f}[data-theme=dark] .navbar.scrolled{box-shadow:0 2px 20px #0000004d}[data-theme=dark] .pillar-card:hover{box-shadow:0 16px 48px #0000004d}[data-theme=dark] .pillar-icon{background:#00a3ff1a}[data-theme=dark] .service-overlay{background:linear-gradient(#0000 30%,#05101ef2 100%)}[data-theme=dark] .service-card:hover .service-overlay{background:linear-gradient(#0000 10%,#05101efa 100%)}[data-theme=dark] .service-overlay h3{color:#fff}[data-theme=dark] .step-icon{box-shadow:0 4px 20px #00a3ff26}[data-theme=dark] .impact-card{box-shadow:0 10px 40px #0003}[data-theme=dark] .btn-ghost{border-color:var(--gray-300);color:var(--text-primary)}[data-theme=dark] .btn-ghost:hover{background:var(--gray-300);color:#fff}[data-theme=dark] .nav-links a.btn-primary{color:#fff!important}[data-theme=dark] .footer{background:var(--gray-100)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;overflow-x:hidden}.landing-page{background-color:var(--bg-primary);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-position:50%;background-size:60px 60px;min-height:100vh}.container{max-width:var(--container-width);margin:0 auto;padding:0 60px}h1,h2,h3,h4,h5,h6{color:var(--navy);font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2}.label{letter-spacing:3px;text-transform:uppercase;color:var(--cyan);font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700}.btn{letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;padding:16px 40px;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--cyan);color:var(--white)}.btn-primary:hover{background:var(--cyan-hover);transform:translateY(-2px);box-shadow:0 8px 30px #007acc4d}.btn-ghost{color:var(--navy);border:2px solid var(--navy);background:0 0}.btn-ghost:hover{background:var(--navy);color:var(--white);transform:translateY(-2px)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);width:100%;transition:all var(--transition);background:#f8f9fad9;border-bottom:1px solid #1b365d0f;padding:20px 0;position:fixed;top:0;left:0}.navbar.scrolled{padding:12px 0;box-shadow:0 2px 20px #1b365d0f}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo-block{flex-direction:column;text-decoration:none;display:flex}.logo{color:var(--navy);letter-spacing:-.5px;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:900;line-height:1;text-decoration:none}.logo span{color:var(--cyan)}.logo-tagline{letter-spacing:2.5px;text-transform:uppercase;color:var(--text-muted);margin-top:3px;font-family:Montserrat,sans-serif;font-size:.55rem;font-weight:600}.nav-links{align-items:center;gap:40px;list-style:none;display:flex}.nav-links a{letter-spacing:1px;text-transform:uppercase;color:var(--navy);transition:color var(--transition);font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--cyan);width:0;height:2px;transition:width var(--transition);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--cyan)}.nav-links a:hover:after{width:100%}.theme-switch{cursor:pointer;width:52px;height:28px;margin-left:10px;display:inline-block;position:relative}.nav-cta{padding:10px 28px!important;font-size:.75rem!important}.nav-links a.btn-primary{color:var(--white)!important}.nav-links a.btn-primary:after{display:none}.btn-login{border:2px solid var(--navy);color:var(--navy)!important;background:0 0!important}.btn-login:hover{transform:translateY(-2px);background:var(--navy)!important;color:var(--white)!important}.nav-links a.btn-login:after{display:none}.hero{align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative}.hero .container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.hero-content{z-index:2;position:relative}.hero-label{margin-bottom:24px}.hero h1{letter-spacing:-1.5px;margin-bottom:28px;font-size:4rem;font-weight:900;line-height:1.05}.hero h1 .accent{color:var(--cyan)}.hero-sub{color:var(--text-secondary);max-width:500px;font-size:1.15rem;line-height:1.8}.hero-ctas{align-items:center;gap:20px;margin-top:32px;margin-bottom:48px;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-visual img,.hero-visual svg{border-radius:var(--radius-md);width:100%;max-width:720px;animation:6s ease-in-out infinite heroFloat}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pkgSlide{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(8px)}}.hero-stats{border-top:1px solid var(--gray-300);gap:48px;margin-top:64px;padding-top:40px;display:flex}.stat-item h3{color:var(--cyan);margin-bottom:4px;font-size:2.2rem;font-weight:900}.stat-item p{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-family:Montserrat,sans-serif;font-size:.7rem;font-weight:600}.pillars{padding:var(--section-gap) 0}.section-header{text-align:center;margin-bottom:72px}.section-header .label{margin-bottom:16px;display:block}.section-header h2{letter-spacing:-1px;margin-bottom:20px;font-size:2.8rem;font-weight:800}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.pillars-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.pillar-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);transition:all var(--transition);padding:48px 36px;position:relative;overflow:hidden}.pillar-card:before{content:"";background:var(--cyan);transform-origin:0;width:100%;height:3px;transition:transform var(--transition);position:absolute;top:0;left:0;transform:scaleX(0)}.pillar-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 16px 48px #1b365d14}.pillar-card:hover:before{transform:scaleX(1)}.pillar-icon{border-radius:var(--radius-sm);background:#007acc14;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:28px;display:flex}.pillar-icon svg{width:28px;height:28px;color:var(--cyan)}.pillar-card h3{margin-bottom:16px;font-size:1.25rem;font-weight:700}.pillar-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.services{padding:var(--section-gap) 0}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{border-radius:var(--radius-sm);aspect-ratio:4/3;cursor:pointer;group:true;position:relative;overflow:hidden}.service-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.service-card:hover img{transform:scale(1.08)}.service-overlay{transition:all var(--transition);background:linear-gradient(#0000 30%,#1b365deb 100%);flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:absolute;inset:0}.service-card:hover .service-overlay{background:linear-gradient(#0000 10%,#1b365df2 100%)}.service-overlay .label{color:var(--cyan);margin-bottom:8px;font-size:.65rem}.service-overlay h3{color:var(--white);margin-bottom:8px;font-size:1.4rem;font-weight:800}.service-overlay p{color:#ffffffb3;opacity:0;transition:all var(--transition);font-size:.85rem;transform:translateY(10px)}.service-card:hover .service-overlay p{opacity:1;transform:translateY(0)}.how-we-work{padding:var(--section-gap) 0;position:relative}.how-we-work .section-header{margin-bottom:80px}.how-timeline{max-width:900px;margin:0 auto;padding:0 20px;position:relative}.how-timeline:before{content:"";background:var(--gray-200);z-index:0;width:2px;position:absolute;top:30px;bottom:170px;left:50%;transform:translate(-50%)}.how-timeline-fill{background:var(--cyan);z-index:1;pointer-events:none;width:2px;height:0;max-height:calc(100% - 200px);transition:height .5s cubic-bezier(.4,0,.2,1);position:absolute;top:30px;left:50%;transform:translate(-50%)}.how-step{opacity:0;z-index:2;align-items:flex-start;margin-bottom:72px;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);display:flex;position:relative;transform:translateY(32px)}.how-step.active{opacity:1;transform:translateY(0)}.how-step:nth-child(odd) .how-step-content{text-align:right;flex:1;order:0;padding-right:48px}.how-step:nth-child(odd) .how-step-dot{order:1}.how-step:nth-child(odd) .how-step-spacer{flex:1;order:2;padding-left:48px}.how-step:nth-child(odd) .how-step-content p{margin-left:auto}.how-step:nth-child(2n) .how-step-spacer{flex:1;order:0;padding-right:48px}.how-step:nth-child(2n) .how-step-dot{order:1}.how-step:nth-child(2n) .how-step-content{text-align:left;flex:1;order:2;padding-left:48px}.how-step-dot{background:var(--white);border:2.5px solid var(--gray-200);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:border-color .5s,background .5s,box-shadow .5s;display:flex;position:relative}.how-step.active .how-step-dot{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 0 8px #007acc1a,0 6px 24px #007acc4d}.how-step-dot svg{width:26px;height:26px;color:var(--gray-300);transition:color .4s}.how-step.active .how-step-dot svg{color:#fff}.how-step-tag{letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);opacity:0;margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:.6rem;font-weight:700;transition:opacity .5s .25s;display:inline-block}.how-step.active .how-step-tag{opacity:1}.how-step-content h4{color:var(--navy);margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:800;line-height:1.3}.how-step-content p{color:var(--text-secondary);max-width:340px;font-size:.9rem;line-height:1.7}.how-step-badge{color:var(--cyan);letter-spacing:.3px;background:#007acc12;border:1px solid #007acc2e;border-radius:100px;align-items:center;gap:6px;margin-top:12px;padding:5px 12px;font-family:Montserrat,sans-serif;font-size:.7rem;font-weight:700;transition:background .3s;display:inline-flex}.how-chain-end{text-align:center;z-index:2;opacity:0;padding:20px 0 0;transition:opacity .7s .2s,transform .7s .2s;position:relative;transform:translateY(20px)}.how-chain-end.active{opacity:1;transform:translateY(0)}.how-chain-circle{background:linear-gradient(135deg, var(--cyan) 0%, var(--navy) 100%);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 20px;animation:2.5s ease-in-out infinite chainGlow;display:flex;box-shadow:0 8px 32px #007acc59}@keyframes chainGlow{0%,to{box-shadow:0 8px 32px #007acc59}50%{box-shadow:0 8px 52px #007acc99}}.how-chain-circle svg{color:#fff;width:38px;height:38px}.how-chain-end h4{color:var(--navy);margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:800}.how-chain-end p{color:var(--text-secondary);max-width:380px;margin:0 auto;font-size:.9rem;line-height:1.6}[data-theme=dark] .how-step-dot{background:var(--gray-100)}[data-theme=dark] .how-step.active .how-step-dot{background:var(--cyan)}[data-theme=dark] .how-step-badge{background:#00a3ff1a;border-color:#00a3ff38}.marquee-section{border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:80px 0;overflow:hidden}.marquee-section .section-header{margin-bottom:48px}.marquee-wrapper{position:relative;overflow:hidden}.marquee-wrapper:before,.marquee-wrapper:after{content:"";z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.marquee-wrapper:before{background:linear-gradient(90deg, var(--bg-primary), transparent);left:0}.marquee-wrapper:after{background:linear-gradient(-90deg, var(--bg-primary), transparent);right:0}.marquee-track{gap:80px;width:max-content;animation:30s linear infinite marqueeScroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{letter-spacing:4px;text-transform:uppercase;color:var(--navy);white-space:nowrap;opacity:.35;transition:opacity var(--transition);padding:16px 0;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:800}.marquee-item:hover{opacity:.8}.case-studies{padding:var(--section-gap) 0;background:var(--gray-100)}.impact-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;display:grid}.impact-card{background:var(--white);border-radius:var(--radius-md);transition:transform var(--transition);border:1px solid var(--gray-200);padding:48px 40px;box-shadow:0 10px 40px #1b365d0a}.impact-card:hover{transform:translateY(-8px)}.impact-stat{color:var(--cyan);letter-spacing:-2px;margin-bottom:16px;font-family:Montserrat,sans-serif;font-size:4.5rem;font-weight:900;line-height:1}.impact-card h4{margin-bottom:12px;font-size:1.3rem}.impact-card p{color:var(--text-secondary);font-size:.95rem}.footer{border-top:1px solid var(--gray-200);background:var(--white);padding:80px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-brand .logo{margin-bottom:16px;font-size:2rem;display:block}.footer-brand p{color:var(--text-secondary);max-width:320px;font-size:.9rem;line-height:1.6}.footer-links-col h4{color:var(--navy);margin-bottom:24px;font-size:1rem}.footer-links-col ul{flex-direction:column;gap:16px;list-style:none;display:flex}.footer-links-col a{color:var(--text-secondary);transition:color var(--transition);font-size:.9rem;font-weight:500;text-decoration:none}.footer-links-col a:hover{color:var(--cyan)}.footer-bottom{text-align:left;border-top:1px solid var(--gray-200);padding-top:40px}.footer-bottom p{color:var(--text-muted);font-size:.85rem}.fade-up{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translateY(40px)}.fade-up.visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.hero .container{text-align:center;grid-template-columns:1fr;gap:48px}.hero h1{font-size:3rem}.hero-sub{margin:0 auto 40px}.hero-ctas,.hero-stats{justify-content:center}.pillars-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.services-grid{grid-template-columns:repeat(2,1fr)}.process-track{flex-direction:column;align-items:center;gap:48px}.process-track:before{display:none}}@media (width<=768px){:root{--section-gap:80px}.container{padding:0 24px}.hero h1{font-size:2.4rem}.section-header h2,.contact-wrapper h2{font-size:2rem}.services-grid,.impact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.nav-links,.logo-tagline{display:none}}@media (width>=1800px){:root{--container-width:1720px}.hero h1{font-size:4.8rem}.hero-sub{max-width:600px;font-size:1.3rem}.hero-visual img{max-width:800px}.section-header h2,.contact-wrapper h2{font-size:3.2rem}.pillar-card{padding:56px 44px}.service-overlay h3{font-size:1.6rem}}@media (width>=2200px){:root{--container-width:2000px}.container{padding:0 80px}}.auth-container{--navy:#1b365d;--navy-deep:#0f2340;--cyan:#007acc;--cyan-hover:#009aff;--white:#fff;--gray-bg:#f8f9fa;--gray-border:#e9ecef;--text-main:#2c3e50;--text-muted:#6c757d;--transition:.3s cubic-bezier(.4, 0, .2, 1);--grid-line:#1b365d0a}.auth-container{width:100%;min-height:100vh;color:var(--text-main);background:var(--gray-bg);font-family:Inter,system-ui,sans-serif;display:flex}.auth-brand{background-color:var(--navy-deep);color:var(--white);background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:30px 30px;flex-direction:column;flex:1;justify-content:center;padding:60px 10%;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";z-index:0;background:linear-gradient(135deg,#007acc1a 0%,#0000 100%);position:absolute;inset:0}.auth-brand-content{z-index:1;position:relative}.brand-logo{color:var(--white);letter-spacing:-1px;margin-bottom:40px;font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:900;text-decoration:none;display:inline-block}.brand-logo span{color:var(--cyan)}.auth-brand h1{margin-bottom:24px;font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.1}.auth-brand p{color:#ffffffb3;max-width:480px;font-size:1.2rem;line-height:1.6}.auth-form-wrapper{background:var(--white);flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.auth-box{width:100%;max-width:460px}.auth-tabs{border-bottom:2px solid var(--gray-border);margin-bottom:40px;display:flex}.auth-tab{text-align:center;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);cursor:pointer;transition:color var(--transition);flex:1;padding:16px 0;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;position:relative}.auth-tab.active{color:var(--navy)}.auth-tab:after{content:"";background:var(--cyan);width:100%;height:2px;transition:transform var(--transition);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.auth-tab.active:after{transform:scaleX(1)}.auth-form{display:none}.auth-form.active{animation:.4s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group label{letter-spacing:1px;text-transform:uppercase;color:var(--navy);margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;display:block}.form-group input{width:100%;color:var(--text-main);background:var(--gray-bg);border:1px solid var(--gray-border);transition:all var(--transition);border-radius:4px;outline:none;padding:16px 20px;font-family:Inter,sans-serif;font-size:1rem}.form-group input:focus{border-color:var(--cyan);background:var(--white);box-shadow:0 0 0 4px #007acc1a}.form-options{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.checkbox-group{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.forgot-link{color:var(--cyan);transition:color var(--transition);font-size:.85rem;font-weight:600;text-decoration:none}.forgot-link:hover{color:var(--navy)}.btn-submit{background:var(--cyan);width:100%;color:var(--white);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all var(--transition);border:none;border-radius:4px;padding:18px;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700}.btn-submit:hover{background:var(--cyan-hover);transform:translateY(-2px);box-shadow:0 8px 20px #007acc40}.back-home{color:var(--text-muted);transition:color var(--transition);align-items:center;gap:6px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex;position:absolute;top:40px;right:40px}.back-home:hover{color:var(--navy)}@media (width<=992px){.auth-container{flex-direction:column}.auth-brand{flex:none;min-height:350px;padding:60px 40px}.auth-brand h1{font-size:2.5rem}.auth-form-wrapper{padding:60px 24px}.back-home{top:20px;right:20px}}.dashboard-layout{--nav-bg:#1b365d;--bg-color:#f4f7fa;--panel-bg:#fff;--text-main:#2c3e50;--text-muted:#6c757d;--border:#e9ecef;--cyan:#007acc;--cyan-hover:#0091eb;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--sidebar-width:260px;--transition:.3s cubic-bezier(.4, 0, .2, 1);--radius:8px}[data-theme=dark] .dashboard-layout{--nav-bg:#fff;--bg-color:#05101e;--panel-bg:#0a192f;--text-main:#e9ecef;--text-muted:#8892b0;--border:#112240;--cyan:#00a3ff;--cyan-hover:#33b5ff;--success:#34d058;--warning:gold}[data-theme=dark] .sidebar{background-color:#0a192f;box-shadow:4px 0 20px #0000004d}[data-theme=dark] .topbar{background:#0d1b2e;border-bottom-color:#112240}[data-theme=dark] .page-title{color:#e9ecef}[data-theme=dark] .proc-table th{color:#8892b0;background:#0d1b2e}[data-theme=dark] .proc-table tbody tr:hover{background:#112240}[data-theme=dark] .metric-value,[data-theme=dark] .chart-title{color:#e9ecef}[data-theme=dark] .chart-bar{background:#00a3ff}[data-theme=dark] .ring-inner{background:var(--panel-bg)}[data-theme=dark] .ring-val{color:#e9ecef}[data-theme=dark] .panel-header{background:#0a192f}[data-theme=dark] .panel-body{background:#0d1b2e}[data-theme=dark] .panel-footer{background:#0a192f;border-top-color:#112240}[data-theme=dark] .dashboard-layout .form-group label{color:#e9ecef}[data-theme=dark] .dashboard-layout .form-group input,[data-theme=dark] .dashboard-layout .form-group select,[data-theme=dark] .dashboard-layout .form-group textarea{color:#e9ecef;background:#112240;border-color:#233554}[data-theme=dark] .upload-box{background:#112240;border-color:#233554}[data-theme=dark] .upload-box svg,[data-theme=dark] .upload-box span{color:#e9ecef}[data-theme=dark] .btn-submit-panel{background:#00a3ff}[data-theme=dark] .btn-submit-panel:hover{background:#33b5ff}[data-theme=dark] .theme-switch-slider:before{background-color:#1b365d}[data-theme=dark] .status-pending{color:gold;background:#ffd70026}[data-theme=dark] .status-approved{color:#34d058;background:#34d05826}[data-theme=dark] .status-processing{color:#00a3ff;background:#00a3ff26}*{box-sizing:border-box;margin:0;padding:0}.dashboard-layout{background-color:var(--bg-color);width:100%;height:100vh;color:var(--text-main);display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--nav-bg);color:#fff;z-index:10;transition:width var(--transition);flex-direction:column;padding:24px 0;display:flex;overflow-x:hidden;box-shadow:4px 0 20px #0000000d}.sidebar.collapsed{width:80px}.sidebar-header{justify-content:space-between;align-items:center;padding:0 24px 40px;display:flex}.brand{letter-spacing:-.5px;white-space:nowrap;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:800;transition:opacity .2s}.sidebar.collapsed .brand{opacity:0;width:0;margin:0;padding:0;overflow:hidden}.brand span{color:var(--cyan)}.btn-collapse{color:#fff;cursor:pointer;opacity:.6;background:0 0;border:none;transition:opacity .2s,transform .3s}.btn-collapse:hover{opacity:1}.sidebar.collapsed .btn-collapse{margin:0 auto;transform:rotate(180deg)}.nav-menu{flex:1;list-style:none}.nav-item{cursor:pointer;color:#fff9;transition:all var(--transition);border-left:3px solid #0000;align-items:center;gap:12px;padding:16px 24px;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;border-left-color:var(--cyan);background:#007acc1a}.nav-item svg{flex-shrink:0;width:22px;height:22px}.nav-text{white-space:nowrap;transition:opacity .2s}.sidebar.collapsed .nav-text{opacity:0;width:0;display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:16px}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.topbar{background:var(--panel-bg);border-bottom:1px solid var(--border);z-index:5;justify-content:space-between;align-items:center;padding:24px 40px;display:flex;position:sticky;top:0}.page-title{color:var(--nav-bg);font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700}.topbar-actions{align-items:center;gap:20px;display:flex}.theme-switch{cursor:pointer;width:52px;height:28px;display:inline-block;position:relative}.theme-switch-input{opacity:0;width:0;height:0}.theme-switch-slider{background-color:var(--border);border-radius:34px;justify-content:space-between;align-items:center;padding:0 6px;transition:all .4s;display:flex;position:absolute;inset:0}.theme-switch-slider:before{content:"";z-index:2;background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0000001a}.theme-switch-input:checked+.theme-switch-slider{background-color:var(--cyan)}.theme-switch-input:checked+.theme-switch-slider:before{transform:translate(24px)}.theme-switch-slider svg{z-index:1;width:12px;height:12px}.theme-switch-slider .sun-icon{color:#f59e0b}.theme-switch-slider .moon-icon{color:#fff}.btn-new{background:var(--cyan);color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background var(--transition), transform var(--transition);border:none;border-radius:4px;align-items:center;gap:8px;padding:12px 24px;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:700;display:flex}.btn-new:hover{background:var(--cyan-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007acc4d}.view-container{padding:40px;animation:.4s forwards fadeIn;display:none}.view-container.active{display:block}.table-wrapper{background:var(--panel-bg);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:0 2px 10px #00000005}.proc-table{border-collapse:collapse;text-align:left;width:100%}.proc-table th,.proc-table td{border-bottom:1px solid var(--border);padding:16px 24px}.proc-table th{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);background:#fafcff;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700}.proc-table tbody tr{transition:background var(--transition)}.proc-table tbody tr:hover{background:#f8fafc}.proc-table td{font-size:.9rem;font-weight:500}.status-badge{text-transform:uppercase;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600}.status-pending{color:#d39e00;background:#ffc10726}.status-approved{color:var(--success);background:#28a74526}.status-processing{color:var(--cyan);background:#007acc26}.link-icon{color:var(--cyan);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.link-icon:hover{text-decoration:underline}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.metric-card{background:var(--panel-bg);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;padding:32px;display:flex;box-shadow:0 2px 10px #00000005}.metric-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600}.metric-value{color:var(--nav-bg);font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:800;line-height:1}.metric-value span{color:var(--cyan);font-size:1.5rem}.metric-sub{color:var(--success);align-items:center;gap:4px;margin-top:12px;font-size:.8rem;font-weight:600;display:flex}.charts-row{grid-template-columns:2fr 1fr;gap:24px;display:grid}.chart-panel{background:var(--panel-bg);border-radius:var(--radius);border:1px solid var(--border);padding:32px}.chart-title{color:var(--nav-bg);margin-bottom:24px;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700}.css-chart{border-bottom:1px solid var(--border);align-items:flex-end;gap:24px;height:200px;padding-bottom:20px;display:flex}.chart-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.chart-bar{background:var(--nav-bg);border-radius:4px 4px 0 0;width:100%;transition:height 1s;position:relative}.chart-bar.cyan{background:var(--cyan)}.chart-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.ring-chart{background:conic-gradient(var(--cyan) 0% 75%, var(--border) 75% 100%);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto;display:flex}.ring-inner{background:var(--panel-bg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.ring-val{color:var(--nav-bg);font-size:1.8rem;font-weight:800}.ring-lbl{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600}.sliding-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;visibility:hidden;transition:all var(--transition);background:#0f234099;position:fixed;inset:0}.sliding-panel-overlay.active{opacity:1;visibility:visible}.sliding-panel{background:var(--panel-bg);z-index:101;flex-direction:column;width:500px;transition:right .4s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:-500px;box-shadow:-10px 0 30px #0000001a}.sliding-panel.active{right:0}.panel-header{background:var(--nav-bg);color:#fff;justify-content:space-between;align-items:center;padding:32px 40px;display:flex}.panel-header h2{font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700}.close-panel{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;transition:opacity .2s}.close-panel:hover{opacity:1}.panel-body{flex:1;padding:40px;overflow-y:auto}.form-group{margin-bottom:24px}.form-group label{color:var(--nav-bg);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:4px;outline:none;width:100%;padding:14px 16px;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--cyan)}.form-group textarea{resize:vertical;min-height:100px}.upload-box{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--bg-color);border-radius:8px;padding:32px;transition:all .2s}.upload-box:hover{border-color:var(--cyan);background:#007acc05}.upload-box svg{color:var(--nav-bg);margin-bottom:12px}.upload-box span{color:var(--nav-bg);margin-bottom:4px;font-weight:600;display:block}.upload-box p{color:var(--text-muted);font-size:.8rem}.panel-footer{border-top:1px solid var(--border);background:#f8fafc;padding:24px 40px}.btn-submit-panel{background:var(--nav-bg);color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:4px;width:100%;padding:16px;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;transition:background .2s}.btn-submit-panel:hover{background:#0f2340}.page{--navy:#1b365d;--cyan:#007acc;--cyan-hover:#0091eb;--bg:#f4f7fa;--panel:#fff;--border:#e9ecef;--text:#1b365d;--text-sec:#4a5568;--text-muted:#6c757d;--transition:.3s cubic-bezier(.4, 0, .2, 1);background:var(--bg);height:100vh;color:var(--text);grid-template-columns:1fr minmax(380px,30%);font-family:Inter,sans-serif;display:grid;overflow:hidden}.form-side{flex-direction:column;padding:48px 60px;display:flex;overflow-y:auto}.form-brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.form-brand a{color:var(--navy);font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:900;text-decoration:none}.form-brand a span{color:var(--cyan)}.form-brand .btn-back{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.form-brand .btn-back:hover{border-color:var(--cyan);color:var(--cyan)}.form-header h1{color:var(--navy);margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:2.4rem;font-weight:900;line-height:1.15}.form-header h1 span.accent{color:var(--cyan)}.form-header p{color:var(--text-sec);margin-bottom:36px;font-size:1rem;line-height:1.6}.form-body{flex:1}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.field{margin-bottom:20px}.field label{letter-spacing:1.5px;text-transform:uppercase;color:var(--navy);margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:.7rem;font-weight:700;display:block}.req-star{color:#dc3545;font-size:.8rem}.field input,.field select,.field textarea{border:1.5px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:6px;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #007acc14}.field textarea{resize:vertical;min-height:100px}.field input::placeholder,.field textarea::placeholder{color:#adb5bd}.category-chips{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.chip{border:1.5px solid var(--border);cursor:pointer;color:var(--text-sec);background:var(--panel);-webkit-user-select:none;user-select:none;border-radius:100px;padding:10px 20px;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s}.chip:hover{border-color:var(--cyan);color:var(--cyan)}.chip.active{background:var(--cyan);border-color:var(--cyan);color:#fff}.or-divider{text-align:center;color:var(--text-muted);letter-spacing:1.5px;align-items:center;margin:10px 0 20px;font-family:Montserrat,sans-serif;font-size:.7rem;font-weight:700;display:flex}.or-divider:before,.or-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.or-divider:before{margin-right:.5em}.or-divider:after{margin-left:.5em}.upload-strip{border:1.5px dashed var(--border);cursor:pointer;background:var(--panel);border-radius:6px;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;transition:all .2s;display:flex}.upload-strip:hover{border-color:var(--cyan)}.upload-strip svg{color:var(--text-muted);flex-shrink:0}.upload-strip:hover svg{color:var(--cyan)}.upload-strip .upload-text{flex:1}.upload-strip .upload-text strong{color:var(--navy);font-size:.9rem;display:block}.upload-strip .upload-text span{color:var(--text-muted);font-size:.8rem}.upload-file-name{color:var(--cyan);margin-bottom:16px;font-size:.85rem;font-weight:600}.btn-submit{background:var(--cyan);color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;width:100%;padding:18px;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;transition:all .2s}.btn-submit:hover:not(:disabled){background:var(--cyan-hover);transform:translateY(-1px);box-shadow:0 6px 20px #007acc40}.btn-submit:disabled{opacity:.75;cursor:not-allowed;transform:none}.btn-submit svg{vertical-align:middle;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visual-side{background:var(--navy);flex-direction:column;justify-content:center;align-items:center;padding:40px 30px;display:flex;position:relative;overflow-y:auto}.visual-side:before{content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.visual-content{z-index:2;text-align:center;width:100%;max-width:480px;position:relative}.visual-content h2{color:#fff;margin-bottom:16px;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;line-height:1.2}.visual-content p{color:#fff9;margin-bottom:32px;font-size:.95rem;line-height:1.6}.pipeline{text-align:left;flex-direction:column;gap:0;display:flex}.pipeline-step{align-items:flex-start;gap:20px;display:flex;position:relative}.step-indicator{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.step-dot{background:0 0;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .5s;display:flex}.step-dot svg{color:#fff3;width:14px;height:14px;transition:all .5s}.step-line{background:#ffffff14;width:2px;height:30px;position:relative;overflow:hidden}.step-line:after{content:"";background:var(--cyan);height:0;transition:height .6s;position:absolute;top:0;left:0;right:0}.step-info{padding-bottom:30px}.step-info h4{color:#ffffff4d;margin-bottom:4px;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:700;transition:color .5s}.step-info span{color:#ffffff26;font-size:.8rem;transition:color .5s}.pipeline-step.done .step-dot{background:#28a74526;border-color:#28a745}.pipeline-step.done .step-dot svg{color:#28a745}.pipeline-step.done .step-line:after{height:100%}.pipeline-step.done .step-info h4{color:#fff}.pipeline-step.done .step-info span{color:#ffffff80}.pipeline-step.active .step-dot{border-color:var(--cyan);background:#00a3ff26;animation:2s infinite pulse}.pipeline-step.active .step-dot svg,.pipeline-step.active .step-info h4{color:var(--cyan)}.pipeline-step.active .step-info span{color:#fff6}@keyframes pulse{0%,to{box-shadow:0 0 #00a3ff4d}50%{box-shadow:0 0 0 10px #00a3ff00}}.success-overlay{z-index:999;opacity:0;visibility:hidden;background:#05101ef2;justify-content:center;align-items:center;transition:all .4s;display:flex;position:fixed;inset:0}.success-overlay.active{opacity:1;visibility:visible}.success-box{text-align:center;animation:.4s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-check{background:#28a74526;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.success-check svg{color:#28a745}.success-box h2{color:#fff;margin-bottom:12px;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800}.success-box p{color:#fff9;max-width:400px;margin-bottom:32px}.success-box a{background:var(--cyan);color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:6px;padding:14px 32px;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}@media (width<=1100px){.page{grid-template-columns:1fr}.visual-side{display:none}.form-side{padding:32px 24px}}