:root{--primary: #00843D;--primary-dark: #006837;--primary-light: #e8f5ee;--secondary: #004085;--secondary-dark: #002d5e;--accent: #f39200;--text-main: #1a1a1a;--text-muted: #555;--bg-light: #f4f7f9;--white: #ffffff;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 8px 24px rgba(0,0,0,.09);--shadow-lg: 0 20px 50px rgba(0,0,0,.13);--radius: 14px;--transition: all .4s cubic-bezier(.16, 1, .3, 1)}.step-view-btn{position:absolute;bottom:6px;right:6px;padding:1px 6px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:.6rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:background .2s,transform .2s;z-index:5}.step-view-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.lp-modal{position:relative;width:100%;max-width:600px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .3s cubic-bezier(.16,1,.3,1)}.doc-modal{max-width:650px}.doc-list{list-style:none;padding:0;margin:16px 0 0}.doc-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:.95rem;color:var(--text-main)}.doc-list li:last-child{border-bottom:none}.doc-check{color:var(--primary);font-weight:800}.modal-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--bg-light);padding:6px;border-radius:12px}.modal-tab{flex:1;padding:10px 12px;border:none;background:none;font-size:.85rem;font-weight:700;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:all .2s;white-space:nowrap}.modal-tab.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #00000014}.modal-tab:hover:not(.active){color:var(--secondary);background:#ffffff80}.doc-section h4{margin:0;font-size:1.1rem;color:var(--secondary)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes particleDrift{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.35}33%{transform:translateY(-22px) translate(12px) scale(1.3);opacity:.65}66%{transform:translateY(12px) translate(-10px) scale(.85);opacity:.2}}@keyframes badgePulse{0%,to{box-shadow:0 0 #f3920080}50%{box-shadow:0 0 0 10px #f3920000}}@keyframes btnGlow{0%,to{box-shadow:0 4px 20px #00843d4d}50%{box-shadow:0 4px 32px #00843d99}}@keyframes badgeDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}@keyframes heroTextIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.anim{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}.anim.in-view{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.landing-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-main);background:var(--white);line-height:1.6;overflow-x:hidden}.official-header{width:100%;box-sizing:border-box;background:#fff;padding:8px .5%;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--primary)}.oh-left,.oh-right{display:flex;align-items:center;gap:20px}.emblem-img{height:90px;object-fit:contain}.gov-details{border-left:1px solid #ddd;padding-left:18px}.gov-title{color:#f39200;font-weight:700;font-size:1.02rem}.ministry-title{color:#111;font-weight:800;font-size:1.22rem;margin:4px 0}.dept-tag{background:#888;color:#fff;padding:3px 12px;font-size:.79rem;font-weight:700;display:inline-block;letter-spacing:1px;border-radius:2px}.apeda-header-logo{height:95px;object-fit:contain}.apeda-details{text-align:left}.apeda-hindi{font-weight:700;color:#111;font-size:1.02rem;margin-bottom:4px}.apeda-english{font-weight:800;color:#111;font-size:.92rem;max-width:460px;line-height:1.4}.main-nav{background:var(--primary);color:#fff;padding:0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px #00643240;transition:background .35s ease,box-shadow .35s ease}.main-nav.nav-scrolled{background:#00642de6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 24px #003c1466}.nav-container{max-width:1400px;margin:0 auto;padding:0 5%;height:64px;display:flex;justify-content:space-between;align-items:center}.platform-branding{display:flex;flex-direction:column;align-items:flex-end}.platform-branding h1{font-size:1.4rem;margin:0;line-height:1;letter-spacing:1px;color:#fff;align-self:flex-start}.platform-branding span{font-size:.7rem;opacity:.8;color:#fff;letter-spacing:.5px;margin-top:2px}.nav-menu{display:flex;gap:28px;align-items:center}.nav-link{text-decoration:none;color:#ffffffe0;font-weight:600;font-size:.9rem;position:relative;padding-bottom:3px;transition:color .2s}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#ffffffe6;border-radius:1px;transition:width .25s ease}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.btn-login{background:#fff;color:var(--primary);padding:8px 22px;border-radius:6px;font-weight:700;border:2px solid #fff;cursor:pointer;transition:var(--transition);font-size:.9rem}.btn-login:hover{background:transparent;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #0003}.track-btn-wrap{position:relative}.btn-track{background:#ffffff26;color:#fff;padding:8px 18px;border-radius:6px;font-weight:600;font-size:.88rem;border:1.5px solid rgba(255,255,255,.4);cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.btn-track:hover{background:#ffffff40;border-color:#ffffffb3;transform:translateY(-1px)}@keyframes popoverIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.track-popover{position:absolute;top:calc(100% + 14px);right:0;width:320px;background:#fff;border-radius:14px;box-shadow:0 16px 48px #00000029,0 0 0 1px #0000000f;padding:22px 20px 18px;z-index:3000;animation:popoverIn .22s cubic-bezier(.16,1,.3,1)}.track-popover-arrow{position:absolute;bottom:100%;right:26px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.07))}.track-popover-close{position:absolute;top:12px;right:12px;width:26px;height:26px;border:none;background:#0000000f;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#888;transition:background .15s,color .15s}.track-popover-close:hover{background:#0000001f;color:#111}.track-popover-title{font-size:.92rem;font-weight:800;color:var(--secondary);margin-bottom:4px;padding-right:28px;display:flex;align-items:center;gap:7px}.track-radio-group{display:flex;gap:8px;margin:10px 0 14px}.track-radio{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:#666;cursor:pointer;padding:6px 14px;border-radius:20px;border:1.5px solid #e0e0e0;background:#f8f8f8;transition:all .2s ease;-webkit-user-select:none;user-select:none}.track-radio input[type=radio]{display:none}.track-radio.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.track-radio:hover:not(.active){border-color:#bbb;background:#f0f0f0}.track-popover-body{display:flex;gap:8px}.track-input{flex:1;border:1.5px solid #e0e0e0;border-radius:8px;padding:9px 12px;font-size:.84rem;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;color:var(--text-main);background:#fafafa}.track-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #00843d1a}.track-input::placeholder{color:#bbb;font-size:.8rem}.track-check-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-width:64px}.track-check-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00843d4d}.track-check-btn:disabled{opacity:.55;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.track-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .6s linear infinite}@keyframes resultIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.track-result{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 14px;border-radius:10px;border:1.5px solid;animation:resultIn .25s ease}.track-result-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;flex-shrink:0}.track-result-label{font-size:.9rem;font-weight:800;letter-spacing:.01em}.track-result-desc{font-size:.76rem;color:var(--text-muted);margin-top:3px}.track-not-found{border-color:#e5e5e5!important;background:#f9f9f9!important}.track-divider{height:1px;background:#f0f0f0;margin:14px 0 10px}.track-hint{font-size:.69rem;color:#bbb;text-align:center;line-height:1.6}.track-hint strong{color:#aaa;font-weight:600}.hero{position:relative;min-height:620px;background-size:cover;background-position:center;display:flex;align-items:center;color:var(--white);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#001e5ae6,#00501ea6 55%,#00843d59);background-size:200% 200%;animation:gradientShift 10s ease infinite}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-particle{position:absolute;border-radius:50%;background:#ffffff4d;animation:particleDrift ease-in-out infinite}.hp-1{width:3px;height:3px;left:4%;top:14%;animation-duration:9s;animation-delay:0s}.hp-2{width:5px;height:5px;left:14%;top:68%;animation-duration:11s;animation-delay:.5s}.hp-3{width:2px;height:2px;left:24%;top:28%;animation-duration:8s;animation-delay:1s}.hp-4{width:4px;height:4px;left:34%;top:78%;animation-duration:12s;animation-delay:1.5s}.hp-5{width:6px;height:6px;left:44%;top:18%;animation-duration:10s;animation-delay:.3s}.hp-6{width:3px;height:3px;left:54%;top:58%;animation-duration:9s;animation-delay:.8s}.hp-7{width:4px;height:4px;left:64%;top:38%;animation-duration:11s;animation-delay:1.2s}.hp-8{width:2px;height:2px;left:74%;top:72%;animation-duration:8s;animation-delay:2s}.hp-9{width:5px;height:5px;left:82%;top:22%;animation-duration:13s;animation-delay:.4s}.hp-10{width:3px;height:3px;left:90%;top:52%;animation-duration:10s;animation-delay:1.8s}.hp-11{width:6px;height:6px;left:9%;top:48%;animation-duration:14s;animation-delay:.7s}.hp-12{width:2px;height:2px;left:19%;top:82%;animation-duration:9s;animation-delay:2.2s}.hp-13{width:4px;height:4px;left:39%;top:42%;animation-duration:11s;animation-delay:.9s}.hp-14{width:3px;height:3px;left:59%;top:12%;animation-duration:12s;animation-delay:1.4s}.hp-15{width:5px;height:5px;left:69%;top:62%;animation-duration:10s;animation-delay:.2s}.hp-16{width:2px;height:2px;left:79%;top:32%;animation-duration:8s;animation-delay:1.6s}.hp-17{width:4px;height:4px;left:91%;top:78%;animation-duration:13s;animation-delay:.6s}.hp-18{width:3px;height:3px;left:29%;top:8%;animation-duration:9s;animation-delay:1.1s}.hero-content{position:relative;z-index:10;max-width:820px;padding:0 10%}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#000;padding:6px 16px;border-radius:20px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;animation:badgePulse 3s ease-in-out infinite}.badge-dot{width:8px;height:8px;background:#000;border-radius:50%;flex-shrink:0;animation:badgeDot 1.8s ease-in-out infinite}.hero h2{font-size:3.8rem;font-weight:900;line-height:1.08;margin-bottom:20px;text-shadow:0 2px 24px rgba(0,0,0,.3);animation:heroTextIn .8s ease .2s both}.hero-highlight{background:linear-gradient(90deg,#4ade80,#a7f3d0,#4ade80);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s linear infinite}.hero p{font-size:1.15rem;opacity:.92;margin-bottom:36px;max-width:560px;line-height:1.75;animation:heroTextIn .8s ease .4s both}.hero-cta-group{display:flex;gap:16px;flex-wrap:wrap;animation:heroTextIn .8s ease .6s both}.btn-hero-primary{background:var(--primary);color:#fff;padding:14px 36px;border-radius:8px;font-weight:700;font-size:1rem;border:2px solid var(--primary);cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;animation:btnGlow 3s ease-in-out infinite}.btn-hero-primary .btn-arrow{display:inline-block;transition:transform .25s ease}.btn-hero-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 10px 30px #00843d73}.btn-hero-primary:hover .btn-arrow{transform:translate(5px)}.btn-hero-secondary{background:#ffffff1f;color:#fff;padding:14px 36px;border-radius:8px;font-weight:600;font-size:1rem;border:2px solid rgba(255,255,255,.4);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease}.btn-hero-secondary:hover{background:#ffffff38;border-color:#ffffffbf;transform:translateY(-3px)}.stats-bar{background:var(--white);margin:-56px 8% 0;position:relative;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);padding:36px 40px;border-radius:18px;box-shadow:0 24px 64px #00000021,0 0 0 1px #0000000a;border-top:4px solid var(--primary);overflow:hidden}.stats-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,132,61,.03) 0%,transparent 40%,rgba(0,64,133,.03) 100%);pointer-events:none}.stat-item{text-align:center;border-right:1px solid #eee;padding:6px 0;transition:transform .3s ease}.stat-item:last-child{border-right:none}.stat-item:hover{transform:translateY(-5px)}.stat-value{display:block;font-size:2.6rem;font-weight:900;color:var(--primary);letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1;margin-bottom:6px}.stat-static{display:block;font-size:2.6rem;font-weight:900;color:var(--primary);letter-spacing:-1px;line-height:1;margin-bottom:6px}.stat-label{font-size:.76rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em;display:block}.section{padding:24px 8%}.section-header{text-align:center;margin-bottom:20px}.section-header h2{font-size:2.4rem;color:var(--secondary);font-weight:900;position:relative;display:inline-block;padding-bottom:16px}.section-header h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;width:0;transition:width .8s cubic-bezier(.16,1,.3,1) .2s}.section-header.in-view h2:after{width:64px}.section-header p{color:var(--text-muted);max-width:600px;margin:14px auto 0;font-size:1.05rem;line-height:1.75}.systems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.system-card{background:var(--white);border-radius:var(--radius);padding:0;box-shadow:0 4px 16px #0000000f;transition:all .4s cubic-bezier(.16,1,.3,1);border:1.5px solid rgba(0,0,0,.06);display:flex;flex-direction:column;overflow:hidden;cursor:pointer}.system-card:hover{transform:translateY(-12px);box-shadow:0 28px 64px #00000021,0 0 0 1.5px var(--card-color, var(--primary));border-color:var(--card-color, var(--primary))}.card-top-accent{height:4px;width:100%;transition:height .3s ease;flex-shrink:0}.system-card:hover .card-top-accent{height:6px}.product-image-container{width:100%;height:190px;overflow:hidden;position:relative;flex-shrink:0}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease}.system-card:hover .card-img-overlay{opacity:1}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.system-card:hover .product-image{transform:scale(1.08)}.card-body{padding:20px 24px 24px;display:flex;flex-direction:column;flex-grow:1}.card-tag{display:inline-block;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:10px;letter-spacing:.3px;width:fit-content}.system-card h3{font-size:1.25rem;margin:0 0 8px;color:var(--secondary);font-weight:800;line-height:1.3}.system-card p{color:var(--text-muted);font-size:.9rem;flex-grow:1;line-height:1.65;margin:0 0 16px}.card-cta{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-size:.88rem;font-weight:700;cursor:pointer;padding:0;margin-top:auto;transition:gap .25s ease}.card-cta:hover{gap:10px}.cta-arrow{display:inline-block;transition:transform .25s ease}.card-cta:hover .cta-arrow{transform:translate(4px)}.carousel-outer{position:relative;padding:0 56px}.carousel-viewport{overflow:hidden;border-radius:var(--radius)}.carousel-track{display:flex;will-change:transform}.carousel-item{flex-shrink:0;padding:0 12px;box-sizing:border-box}.carousel-arrow{position:absolute;top:50%;transform:translateY(-60%);width:44px;height:44px;border-radius:50%;border:2px solid #e0e0e0;background:#fff;color:#444;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;box-shadow:0 2px 12px #0000001a}.carousel-arrow:hover{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 16px #00843d4d;transform:translateY(-60%) scale(1.08)}.carousel-arrow-left{left:0}.carousel-arrow-right{right:0}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:28px}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#ddd;cursor:pointer;padding:0;transition:all .25s ease}.carousel-dot.active{background:var(--primary);width:24px;border-radius:4px}.card-expand-note{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease}.system-card.expanded .card-expand-note{max-height:160px;opacity:1}.card-expand-divider{height:1px;margin:12px 0;border-radius:1px}.card-expand-text{font-size:.82rem;line-height:1.6;margin:0 0 12px;font-style:italic}.system-card.expanded{box-shadow:0 20px 56px #00000024,0 0 0 2px var(--card-color, var(--primary));border-color:var(--card-color, var(--primary))}.news-section{background:var(--bg-light)}.news-table{background:#fff;border-radius:var(--radius);border:1px solid rgba(0,0,0,.07);overflow:hidden;box-shadow:var(--shadow-sm);max-width:1000px;margin:0 auto}.news-row{display:flex;align-items:center;gap:18px;padding:14px 20px;border-bottom:1px solid rgba(0,0,0,.05);transition:background .18s ease}.news-row:last-child{border-bottom:none}.news-row:hover{background:var(--bg-light)}.news-system-tag{flex-shrink:0;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;border-radius:20px;border:1px solid;width:148px;text-align:center;white-space:nowrap}.news-headline{flex:1;font-size:.92rem;font-weight:500;color:var(--secondary);text-decoration:none;line-height:1.45;transition:color .15s ease}.news-row:hover .news-headline{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.news-row-arrow{flex-shrink:0;font-size:.9rem;color:#bbb;transition:color .15s ease,transform .15s ease}.news-row:hover .news-row-arrow{color:var(--primary);transform:translate(4px)}.section-cta{text-align:center;margin-top:48px}.btn-outline{position:relative;background:transparent;border:2px solid var(--primary);color:var(--primary);padding:12px 40px;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;overflow:hidden;transition:color .3s ease,transform .2s ease;z-index:0}.btn-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:-1}.btn-outline:hover{color:#fff;transform:translateY(-2px)}.btn-outline:hover:before{transform:scaleX(1)}.official-footer{background:#fff;border-top:3px solid var(--primary)}.footer-gov-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;padding:24px 5%;background:var(--primary-light);border-bottom:1px solid #c8e6d5}.gov-logo-item{border:1px solid #ddd;padding:8px 14px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.gov-logo-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.gov-logo-item img{height:60px;max-width:160px;object-fit:contain}.footer-main-info{background:#1a4a7a;color:#fff;padding:36px 5%;text-align:center}.footer-links-row{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:10px}.footer-links-row.secondary{margin-bottom:28px}.footer-links-row a{color:#fff;text-decoration:none;font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid rgba(255,255,255,.25);border-radius:4px;background:#ffffff12;transition:background .2s,border-color .2s,transform .2s}.footer-links-row a span{font-size:.65rem;opacity:.7}.footer-links-row a:hover{background:#ffffff2e;border-color:#ffffff80;transform:translateY(-1px)}.visitor-count{font-size:1rem;font-weight:600;margin-bottom:15px}.counter-box{background:#000;color:#fff;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:1.1rem;letter-spacing:2px;border:1px solid #444}.last-updated{font-size:.9rem;opacity:.8;margin-bottom:25px}.social-links{display:flex;flex-direction:column;align-items:center;gap:12px}.social-links>span{font-weight:600;font-size:.95rem}.social-icons{display:flex;gap:15px}.social-icons a{width:34px;height:34px;border-radius:4px;background-size:20px;background-position:center;background-repeat:no-repeat;transition:transform .2s,box-shadow .2s;background-color:#fff}.social-icons a:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000004d}.social-icons .instagram{background-image:url(https://upload.wikimedia.org/wikipedia/commons/e/e7/Instagram_logo_2016.svg);background-size:22px}.social-icons .facebook{background-image:url(https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg);background-size:22px}.social-icons .linkedin{background-image:url(https://upload.wikimedia.org/wikipedia/commons/c/ca/LinkedIn_logo_initials.png);background-size:22px}.social-icons .youtube{background-image:url(https://upload.wikimedia.org/wikipedia/commons/0/09/YouTube_full-color_icon_%282017%29.svg);background-size:22px}.social-icons .x-twitter{background-image:url(https://abs.twimg.com/favicons/twitter.3.ico);background-size:22px}.footer-bottom-bar{background:#002d5e;color:#ffffffd9;padding:14px 5%;text-align:center;font-size:.85rem}.faq-modal{background:#fff;border-radius:16px;width:100%;max-width:720px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000038;animation:modalIn .22s cubic-bezier(.16,1,.3,1)}.faq-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 28px 20px;border-bottom:1px solid #eee;flex-shrink:0}.faq-modal-header h3{font-size:1.3rem;font-weight:900;color:var(--secondary);margin:0 0 4px}.faq-modal-header p{font-size:.85rem;color:var(--text-muted);margin:0}.faq-tabs{display:flex;gap:0;padding:14px 20px 0;flex-shrink:0;overflow-x:auto;scrollbar-width:none;border-bottom:2px solid #f0f0f0}.faq-tabs::-webkit-scrollbar{display:none}.faq-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:none;font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.faq-tab:hover{color:var(--secondary)}.faq-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.faq-body{flex:1;overflow-y:auto;padding:16px 24px 24px;scrollbar-width:thin;scrollbar-color:#ddd transparent}.faq-item{border:1px solid #eee;border-radius:10px;margin-bottom:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s;cursor:pointer}.faq-item:hover{border-color:var(--primary);box-shadow:0 2px 12px #00843d14}.faq-item.open{border-color:var(--primary);box-shadow:0 4px 16px #00843d1a}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;font-size:.92rem;font-weight:600;color:var(--secondary);-webkit-user-select:none;user-select:none}.faq-chevron{flex-shrink:0;color:#aaa;transition:transform .25s ease}.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--primary)}.faq-answer{max-height:0;overflow:hidden;font-size:.88rem;color:var(--text-muted);line-height:1.7;transition:max-height .35s ease,padding .25s ease;padding:0 18px}.faq-item.open .faq-answer{max-height:300px;padding:0 18px 16px}.lp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.lp-modal-box{position:relative;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;scrollbar-width:none;border-radius:16px;box-shadow:0 24px 60px #00000059;animation:modalIn .22s cubic-bezier(.16,1,.3,1)}.lp-modal-box::-webkit-scrollbar{display:none}.lp-modal-box .login-card{border-radius:16px;padding:36px 40px;box-shadow:none;width:auto;max-width:none}.lp-modal-close{position:absolute;top:16px;right:16px;z-index:50;width:32px;height:32px;border-radius:50%;border:none;background:#0000000f;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lp-modal-close:hover{background:#0000001f;color:#111;transform:rotate(90deg)}.lp-modal-header{padding:32px 32px 20px}.lp-modal-body{padding:0 32px 32px;overflow-y:auto}.who-section{background:var(--bg-light)}.who-carousel-outer{position:relative;padding:0 56px}.who-viewport{overflow:hidden;border-radius:var(--radius)}.who-track{display:flex;will-change:transform}.who-item{flex-shrink:0;padding:0 10px;box-sizing:border-box}.who-card{background:#fff;border-radius:var(--radius);padding:32px 16px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;border:2px solid transparent;box-shadow:0 4px 20px #00000012;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.who-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--who-color, var(--primary))}.who-card:hover{transform:translateY(-8px);border-color:var(--who-color, var(--primary));box-shadow:0 20px 48px #0000001f}.who-icon{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;flex-shrink:0;padding:16px}.who-role-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1))}.who-card:hover .who-icon{transform:scale(1.12)}.who-card:hover .who-role-img{filter:drop-shadow(0 6px 14px rgba(0,0,0,.15))}.who-title{font-size:.95rem;font-weight:700;color:var(--secondary);text-align:center;letter-spacing:-.01em;line-height:1.3}.who-arrow{position:absolute;top:42%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:2px solid #e0e0e0;background:#fff;color:#444;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;box-shadow:0 2px 12px #0000001a}.who-arrow:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 16px #00843d4d;transform:translateY(-50%) scale(1.08)}.who-arrow:disabled{opacity:.3;cursor:default}.who-arrow-left{left:0}.who-arrow-right{right:0}.process-section{background:linear-gradient(180deg,#ffffff 0%,var(--bg-light) 100%);position:relative;border-top:1px solid rgba(0,0,0,.03)}.process-collapsible{max-height:0;overflow:hidden;opacity:0;transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .4s ease}.process-collapsible.is-open{max-height:1200px;opacity:1}.process-container{position:relative;z-index:1;width:100%;max-width:1000px;margin:0 auto;padding:24px 0 0}.process-container.centered-compact .process-row{grid-template-columns:180px 1fr}.btn-outline.compact{padding:8px 24px;font-size:.85rem;border-radius:6px}.process-section:before{content:"";position:absolute;top:10%;left:-100px;width:400px;height:400px;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);opacity:.4;z-index:0;pointer-events:none}.process-section:after{content:"";position:absolute;bottom:10%;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#e0f2fe 0%,transparent 70%);opacity:.4;z-index:0;pointer-events:none}.process-container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 5%}.process-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px;padding:12px 20px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;justify-content:center;border:1px solid rgba(0,0,0,.04)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:2px}.legend-label{font-size:.72rem;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.03em;opacity:.8}.process-table{display:flex;flex-direction:column;gap:8px;width:100%}.process-row{display:grid;grid-template-columns:180px 1fr 100px;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.05);transition:background .2s}.process-action{text-align:right}.btn-portal{display:inline-block;font-size:.7rem;font-weight:700;color:var(--primary);text-decoration:none;padding:4px 10px;border:1px solid var(--primary);border-radius:6px;transition:all .2s;white-space:nowrap}.btn-portal:hover{background:var(--primary);color:#fff}.process-row:hover{border-color:#0000001a;background:#fafafa;transform:translate(2px)}.process-system{font-weight:700;color:var(--secondary);font-size:.85rem;display:flex;align-items:center;gap:10px;border-right:1px solid rgba(0,0,0,.05);margin-right:20px;padding-right:10px;height:100%}.system-dot{width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:.6}.process-steps{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.process-steps::-webkit-scrollbar{display:none}.process-step{padding:5px 12px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid transparent;transition:all .2s ease;cursor:default}.process-step:hover{filter:brightness(.92);transform:translateY(-1px)}.process-arrow{color:#e2e8f0;display:flex;align-items:center;opacity:.8}@media (max-width: 900px){.process-row{grid-template-columns:1fr;gap:10px;padding:14px 18px}.process-system{border-right:none;border-bottom:1px solid rgba(0,0,0,.05);margin-right:0;padding-right:0;padding-bottom:8px}}@media (max-width: 1024px){.systems-grid,.stats-bar,.news-grid{grid-template-columns:1fr 1fr}.who-carousel-outer{padding:0 44px}}@media (max-width: 768px){.hero h2{font-size:2.4rem}.nav-menu{display:none}.stats-bar{padding:20px;margin:-40px 4% 0}.stat-value,.stat-static{font-size:1.8rem}.news-grid,.systems-grid{grid-template-columns:1fr}.who-carousel-outer{padding:0 36px}.section{padding:24px 5%}.lp-modal-overlay{padding:0;align-items:flex-end}.lp-modal-box{max-width:100%;border-radius:16px 16px 0 0;max-height:96vh}.lp-modal-box .login-card{padding:28px 20px;border-radius:16px 16px 0 0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f6f8;--surface: #ffffff;--border: #e4e7ec;--border-strong: #c8cdd6;--text: #101828;--text-muted: #475467;--text-subtle: #98a2b3;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-faint: #eff6ff;--accent-faint2: #dbeafe;--green: #16a34a;--green-faint: #dcfce7;--amber: #b45309;--amber-faint: #fef3c7;--red: #dc2626;--red-faint: #fee2e2;--purple: #7c3aed;--purple-faint: #f5f3ff;--sidebar-w: 256px;--sidebar-collapsed: 60px;--header-h: 56px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(16,24,40,.05);--shadow-sm: 0 1px 3px rgba(16,24,40,.1), 0 1px 2px rgba(16,24,40,.06);--shadow: 0 4px 8px rgba(16,24,40,.08), 0 2px 4px rgba(16,24,40,.04);--shadow-md: 0 8px 24px rgba(16,24,40,.1), 0 2px 8px rgba(16,24,40,.06);--shadow-lg: 0 20px 40px rgba(16,24,40,.14), 0 6px 16px rgba(16,24,40,.08);--sidebar-transition: width .25s cubic-bezier(.4, 0, .2, 1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;background:var(--bg)}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.app-main{flex:1;overflow-y:auto;padding:28px 32px;background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.app-main::-webkit-scrollbar{width:6px}.app-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.app-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;flex-shrink:0;z-index:100}.hamburger-btn{width:var(--sidebar-collapsed);height:var(--header-h);display:flex;align-items:center;justify-content:center;background:none;border:none;border-right:1px solid var(--border);cursor:pointer;color:var(--text-muted);flex-shrink:0;transition:background .15s,color .15s}.hamburger-btn:hover{background:var(--bg);color:var(--text)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:18px}.hamburger-icon span{display:block;height:1.5px;background:currentColor;border-radius:2px}.header-brand-area{width:calc(var(--sidebar-w) - var(--sidebar-collapsed));display:flex;align-items:center;gap:10px;padding:0 16px 0 14px;overflow:hidden;flex-shrink:0;transition:width var(--sidebar-transition);border-right:1px solid var(--border);height:100%}.header-brand-area.collapsed{width:0;padding:0;border-right:none}.header-logo-img{height:30px;width:auto;object-fit:contain;flex-shrink:0}.header-brand-text{overflow:hidden;white-space:nowrap}.header-brand-name{font-size:14px;font-weight:700;color:var(--accent);letter-spacing:-.01em;line-height:1.2}.header-brand-sub{font-size:10px;color:var(--text-subtle);font-weight:500;margin-top:1px}.header-right{flex:1;display:flex;align-items:center;gap:12px;padding:0 20px;min-width:0}.header-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);flex:1;min-width:0}.crumb-home{font-size:14px}.crumb-sep{color:var(--text-subtle);font-size:12px}.crumb-current{color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb-link{background:none;border:none;cursor:pointer;color:var(--accent);font-size:13px;padding:0;font-family:inherit;transition:color .15s}.crumb-link:hover{color:var(--accent-hover);text-decoration:underline}.header-sys-badge{display:flex;align-items:center;gap:6px;background:var(--accent-faint);border:1px solid var(--accent-faint2);border-radius:var(--radius);padding:4px 10px;font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap;flex-shrink:0}.header-sys-badge-icon{font-size:13px}.header-sep{width:1px;height:20px;background:var(--border);flex-shrink:0}.header-user{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-user-info{text-align:right;display:flex;flex-direction:column;gap:1px}.header-user-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.header-user-role{font-size:11px;color:var(--text-subtle);white-space:nowrap}.header-avatar{width:32px;height:32px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}.header-logout-btn{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 10px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s}.header-logout-btn:hover{background:var(--red-faint);border-color:#fca5a5;color:var(--red)}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:var(--sidebar-transition);height:100%}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-top{padding:16px 14px 10px;flex-shrink:0;border-bottom:1px solid var(--border)}.sidebar-back-btn{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--accent);font-size:12px;font-weight:500;margin-bottom:12px;transition:background .15s;white-space:nowrap}.sidebar-back-btn:hover{background:var(--accent-faint)}.back-label{white-space:nowrap;overflow:hidden}.sidebar-sys-header{display:flex;align-items:flex-start;gap:10px;padding:8px 0 10px}.sidebar-sys-icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sidebar-sys-info{min-width:0;flex:1}.sidebar-sys-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-sys-role{font-size:10px;color:var(--text-subtle);font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-subtle);padding:0 4px;margin-top:6px}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sys-nav-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .13s;white-space:nowrap;margin-bottom:2px;position:relative}.sys-nav-item:hover{background:var(--bg)}.sys-nav-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.sys-nav-name{font-size:12.5px;font-weight:500;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;transition:opacity .15s}.sidebar.collapsed .sys-nav-name,.sidebar.collapsed .back-label,.sidebar.collapsed .sidebar-sys-info,.sidebar.collapsed .sidebar-section-label{opacity:0;pointer-events:none;width:0}.module-block{margin-bottom:2px}.module-header{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .13s;gap:6px;white-space:nowrap}.module-header:hover{background:var(--bg)}.module-header.open{background:var(--accent-faint)}.module-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.module-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:background .2s}.module-name{font-size:12.5px;font-weight:500;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.module-header.open .module-name{color:var(--accent);font-weight:600}.module-chevron{color:var(--text-subtle);flex-shrink:0;transition:transform .2s}.module-chevron.open{transform:rotate(180deg)}.module-pages{padding:2px 0 2px 22px}.page-item{padding:5px 10px 5px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;color:var(--text-muted);transition:background .13s,color .13s;position:relative;margin-bottom:1px;display:flex;align-items:center}.page-item:before{content:"";width:1px;height:100%;background:var(--border);position:absolute;left:-1px;top:0}.page-item:hover{background:var(--bg);color:var(--text)}.page-item.active{background:var(--accent-faint);color:var(--accent);font-weight:500}.page-item.active:before{background:var(--accent)}.page-item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed [data-tooltip]{position:relative}.sidebar.collapsed [data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--text);color:#fff;font-size:11px;font-weight:500;padding:4px 9px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:200;box-shadow:var(--shadow-sm)}.sidebar.collapsed [data-tooltip]:hover:after{opacity:1}.sidebar-bottom{flex-shrink:0;padding:12px 14px;border-top:1px solid var(--border);overflow:hidden}.sidebar-helpdesk-btn{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;text-align:left;font-size:13.5px;font-weight:500;color:var(--text-muted);padding:7px 8px 10px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;transition:background .13s,color .13s}.sidebar-helpdesk-btn:hover{background:var(--bg);color:var(--text)}.sidebar-helpdesk-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-helpdesk-icon svg{width:16px;height:16px}.sidebar-helpdesk-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-version{font-size:10px;color:var(--text-subtle);font-weight:500;white-space:nowrap;letter-spacing:.02em;transition:opacity .15s}.sidebar.collapsed .sidebar-version{opacity:0}.sidebar.collapsed .sidebar-helpdesk-btn{justify-content:center;padding:7px 0 10px}.sidebar.collapsed .sidebar-helpdesk-text{display:none}.login-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:40px 36px 36px;width:100%;max-width:440px;position:relative;border:1px solid var(--border)}.login-card-top-bar{height:4px;background:linear-gradient(90deg,var(--accent),#60a5fa);position:absolute;top:0;left:0;right:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.login-logo{display:flex;align-items:center;gap:13px;margin-bottom:20px}.login-logo-img{height:52px;width:auto;object-fit:contain;flex-shrink:0}.login-logo-name{font-size:22px;font-weight:800;color:var(--accent);letter-spacing:-.02em;line-height:1.1}.login-logo-full{font-size:10px;color:var(--text-muted);line-height:1.5;margin-top:2px}.login-divider{height:1px;background:var(--border);margin-bottom:22px}.login-title{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:6px}.login-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:22px;line-height:1.5}.login-error{display:flex;align-items:flex-start;gap:8px;background:var(--red-faint);border:1px solid #fca5a5;border-radius:var(--radius-sm);padding:10px 12px;font-size:12.5px;color:#991b1b;margin-bottom:16px;line-height:1.45}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-muted);margin-bottom:6px;letter-spacing:.01em}.form-input{width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;color:var(--text);background:var(--surface);font-family:inherit;transition:border-color .15s,box-shadow .15s;outline:none}.form-input::placeholder{color:var(--text-subtle)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.login-btn{width:100%;height:40px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,box-shadow .15s;margin-top:4px;letter-spacing:.01em}.login-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 2px 8px #2563eb40}.login-btn:disabled{opacity:.65;cursor:not-allowed}.grievance-note{display:flex;align-items:flex-start;gap:8px;background:var(--purple-faint);border:1px solid #ddd6fe;border-radius:var(--radius-sm);padding:10px 12px;font-size:12px;color:#5b21b6;margin-top:16px;line-height:1.5}.demo-users{margin-top:22px;border-top:1px solid var(--border);padding-top:18px}.demo-users-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-subtle);margin-bottom:10px}.demo-user-card{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);transition:border-color .15s,box-shadow .15s,background .15s;margin-bottom:6px;background:var(--surface)}.demo-user-card:last-child{margin-bottom:0}.demo-user-card:hover{border-color:var(--accent-faint2);background:var(--accent-faint);box-shadow:var(--shadow-xs)}.demo-avatar{width:36px;height:36px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.03em}.demo-info{flex:1;min-width:0}.demo-name{font-size:12.5px;font-weight:600;color:var(--text)}.demo-role{font-size:11px;color:var(--text-muted);margin-top:1px}.demo-hint{font-size:10.5px;color:var(--text-subtle);margin-top:1px;font-family:"ui-monospace",Cascadia Code,monospace}.demo-access-count{font-size:10px;font-weight:600;color:var(--text-subtle);white-space:nowrap;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:2px 8px;flex-shrink:0}.dashboard{width:100%;max-width:none}.dashboard-header{margin-bottom:24px}.dashboard-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.dashboard-greeting{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:4px}.dashboard-title{font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2}.dashboard-subtitle{font-size:13.5px;color:var(--text-muted);margin-top:4px}.dashboard-meta-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-pill{display:flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:4px 11px;font-size:11.5px;font-weight:500;color:var(--text-muted);white-space:nowrap}.meta-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}@media (max-width: 900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .15s,transform .15s;box-shadow:var(--shadow-xs)}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.stat-card-top{height:3px}.stat-card-body{padding:16px 18px}.stat-icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:15px;margin-bottom:10px}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);margin-bottom:4px}.stat-value{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--text)}.stat-sub{font-size:11px;color:var(--text-subtle);margin-top:3px}.section-title{font-size:13px;font-weight:700;color:var(--text);letter-spacing:-.01em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.sys-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s;box-shadow:var(--shadow-xs);display:flex;flex-direction:column}.sys-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--border-strong)}.sys-card-stripe{height:3px;flex-shrink:0}.sys-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.sys-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sys-card-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.sys-card-name-wrap{min-width:0;flex:1}.sys-card-title{font-size:13.5px;font-weight:700;color:var(--text);letter-spacing:-.01em;line-height:1.3}.sys-card-desc{font-size:12px;color:var(--text-muted);line-height:1.5;flex:1;margin-bottom:12px}.sys-card-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sys-card-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;letter-spacing:.02em;white-space:nowrap}.sys-card-go{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-subtle);transition:color .15s}.sys-card:hover .sys-card-go{color:var(--accent)}.systems-grid.compact{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.systems-grid.compact .sys-card-body{padding:14px 10px 12px;align-items:center;text-align:center}.systems-grid.compact .sys-card-header{flex-direction:column;gap:8px;margin-bottom:6px}.systems-grid.compact .sys-card-icon{width:44px;height:44px;font-size:22px;margin:0 auto}.systems-grid.compact .sys-card-title{font-size:11px;text-align:center;line-height:1.3}.systems-grid.compact .sys-card-desc,.systems-grid.compact .sys-card-footer{display:none}.section-title-bar{display:flex;align-items:center;margin-bottom:12px}.section-title-bar .section-title{flex:1;margin-bottom:0}.compact-toggle{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text-subtle);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;transition:background .13s,color .13s,border-color .13s;flex-shrink:0}.compact-toggle:hover{background:var(--bg);color:var(--text-muted)}.compact-toggle.active{background:var(--accent-faint);color:var(--accent);border-color:var(--accent)}.hortinet-hub{max-width:1200px}.horti-card-stats{display:flex;gap:12px;margin-bottom:12px;padding:10px 12px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border)}.horti-card-stat{flex:1}.horti-stat-value{font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.horti-stat-label{font-size:10px;color:var(--text-subtle);font-weight:500;margin-top:2px}.sys-dashboard{width:100%;max-width:none}.sys-dash-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow-xs)}.sys-dash-hero-top{display:flex;align-items:flex-start;gap:14px;padding:20px 22px 18px;position:relative}.sys-dash-hero-top:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--hero-accent, var(--accent))}.sys-dash-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sys-dash-title{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2}.sys-dash-desc{font-size:13px;color:var(--text-muted);margin-top:3px;line-height:1.5}.sys-dash-meta{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.sys-dash-badge{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}.sys-dash-badge.role{background:var(--accent-faint);color:var(--accent);border-color:var(--accent-faint2)}.sys-dash-badge.module{background:var(--bg);color:var(--text-muted);border-color:var(--border)}.sys-dash-badge.active{background:var(--green-faint);color:var(--green);border-color:#bbf7d0}.sys-dash-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}.sys-dash-hero-stats.five-stats{grid-template-columns:repeat(5,1fr)}@media (max-width: 1200px){.sys-dash-hero-stats.five-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.sys-dash-hero-stats.five-stats{grid-template-columns:repeat(2,1fr)}}.sys-dash-hero-stat{padding:14px 18px;border-right:1px solid var(--border)}.sys-dash-hero-stat:last-child{border-right:none}.hero-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);margin-bottom:4px}.hero-stat-value{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.hero-stat-sub{font-size:11px;color:var(--text-subtle);margin-top:2px}.hero-stat-inline-main{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:2px}.hero-stat-inline-main .hero-stat-value{margin:0}.hero-stat-qty-side{text-align:right;min-width:0}.hero-stat-qty-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);margin-bottom:3px;line-height:1}.hero-stat-qty-value{display:block;font-size:15px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.sys-dash-section-title{font-size:13px;font-weight:700;color:var(--text);letter-spacing:-.01em;margin-bottom:12px;margin-top:24px;display:flex;align-items:center;gap:8px}.sys-dash-section-title:after{content:"";flex:1;height:1px;background:var(--border)}.section-collapsible-card{margin-top:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.section-collapsible-toggle{width:100%;border:none;background:var(--surface);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;font-family:inherit}.section-collapsible-toggle:hover{background:var(--bg)}.section-collapsible-chevron{font-size:14px;color:var(--text-subtle);transition:transform .18s}.section-collapsible-chevron.open{transform:rotate(180deg)}.summary-body{padding:10px 12px 12px;border-top:1px solid var(--border)}.summary-view-switch{display:inline-flex;gap:6px;margin-bottom:10px}.summary-view-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer}.summary-view-btn.active{border-color:var(--accent);background:var(--accent-faint);color:var(--accent)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.module-card{background:var(--surface);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);padding:13px 14px;cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s;position:relative;box-shadow:var(--shadow-xs)}.module-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);border-color:var(--border-strong)}.module-card-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;margin-bottom:4px}.module-card-count{font-size:11px;color:var(--text-subtle)}.module-card-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-subtle);font-size:14px;transition:transform .15s,color .15s}.module-card:hover .module-card-arrow{transform:translateY(-50%) translate(3px);color:var(--accent)}.activity-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.activity-table.embedded{border:none;border-radius:0;box-shadow:none}.summary-chart-wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.summary-bars{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.summary-bar-row{display:grid;grid-template-columns:170px 1fr 36px;align-items:center;gap:8px;margin-bottom:7px}.summary-bar-row:last-child{margin-bottom:0}.summary-bar-label{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-bar-track{height:8px;border-radius:20px;background:#e5e7eb;overflow:hidden}.summary-bar-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:20px}.summary-bar-value{font-size:11px;font-weight:600;color:var(--text);text-align:right}.summary-pie-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.summary-pie{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center}.summary-donut-hole{width:62px;height:62px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text)}.summary-pie-legend{display:flex;flex-direction:column;gap:5px;width:100%}.summary-pie-legend span{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.summary-pie-legend i{width:9px;height:9px;border-radius:2px;display:inline-block;flex-shrink:0}.activity-table table{width:100%;border-collapse:collapse}.activity-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap}.activity-table td{padding:11px 16px;font-size:12.5px;color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle}.activity-table tr:last-child td{border-bottom:none}.activity-table tr:hover td{background:var(--bg)}.ref-id{font-family:"ui-monospace",Cascadia Code,Fira Mono,monospace;font-size:11.5px;font-weight:600;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 7px;color:var(--text-muted)}.status-badge{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.02em;white-space:nowrap;display:inline-block;border:1px solid transparent}.status-badge.green{background:var(--green-faint);color:var(--green);border-color:#bbf7d0}.status-badge.blue{background:var(--accent-faint);color:var(--accent);border-color:var(--accent-faint2)}.status-badge.yellow{background:var(--amber-faint);color:var(--amber);border-color:#fde68a}.status-badge.red{background:var(--red-faint);color:var(--red);border-color:#fca5a5}.coming-soon{display:flex;align-items:center;justify-content:center;flex:1;padding:40px 24px;min-height:380px}.coming-soon-inner{text-align:center;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 36px;box-shadow:var(--shadow-sm)}.coming-soon-graphic{font-size:44px;margin-bottom:16px;line-height:1}.coming-soon-kicker{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:6px}.coming-soon-title{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:6px}.coming-soon-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:16px}.breadcrumb-trail{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:8px 14px;background:var(--bg);border-radius:var(--radius-sm);font-size:11.5px}.trail-crumb{display:flex;align-items:center;gap:4px}.trail-sep{color:var(--text-subtle)}.trail-current{font-weight:600;color:var(--text)}.coming-soon-desc{font-size:12.5px;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s}.back-btn:hover{background:var(--accent-faint);border-color:var(--accent-faint2);color:var(--accent)}button{cursor:pointer}a{color:inherit;text-decoration:none}.demo-trigger-wrap{margin-top:20px}.demo-trigger-btn{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.demo-trigger-btn:hover{background:#eef2f6;border-color:var(--border-strong)}.demo-trigger-icon{font-size:15px}.demo-trigger-label{flex:1;text-align:left}.demo-trigger-count{font-size:11px;font-weight:600;padding:2px 8px;background:var(--accent-faint2);color:var(--accent);border-radius:20px}.demo-trigger-chevron{width:14px;height:14px;color:var(--text-subtle);transition:transform .2s;flex-shrink:0}.demo-trigger-chevron.open{transform:rotate(180deg)}.demo-panel{margin-top:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:380px;overflow-y:auto;box-shadow:0 4px 16px #00000012;animation:dp-in .15s ease}@keyframes dp-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.demo-panel::-webkit-scrollbar{width:5px}.demo-panel::-webkit-scrollbar-track{background:transparent}.demo-panel::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.dp-group-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:7px;padding:7px 12px 6px;background:var(--bg);border-bottom:1px solid var(--border);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.dp-group-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dp-user-row{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .12s}.dp-user-row:last-child{border-bottom:none}.dp-user-row:hover{background:var(--accent-faint)}.dp-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.02em}.dp-user-body{flex:1;min-width:0}.dp-user-name{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-user-role{display:inline-block;font-size:10px;font-weight:700;padding:1px 7px;border-radius:20px;border:1px solid;margin:2px 0 3px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dp-user-email{font-size:11px;color:var(--text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-user-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.dp-sys-count{font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px;background:var(--accent-faint2);color:var(--accent);white-space:nowrap}.dp-fill-hint{font-size:10px;color:var(--text-subtle);opacity:0;transition:opacity .12s}.dp-user-row:hover .dp-fill-hint{opacity:1}