:root{--primary-green:#004d00;--primary-green-glass:#004d00b8;--accent-red:red;--gold-accent:#fc0;--glass-white:#ffffffeb;--text-dark:#1a1a1a;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-premium:all .45s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);font-family:Poppins,sans-serif;line-height:1.6}body.mobile-nav-open{touch-action:none;overflow:hidden}h1,h2,h3,.org-name span{text-transform:uppercase;font-family:Montserrat,sans-serif}.navbar{z-index:2000;background:var(--glass-white);-webkit-backdrop-filter:blur(12px);width:100%;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:15px 6%;display:flex;position:fixed;top:0;box-shadow:0 4px 20px #0000000a}.navbar.scrolled{background:#fffffffa;padding:10px 6%;box-shadow:0 10px 30px #00000014}.logo-title{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-title img{width:42px;transition:var(--transition-smooth)}.navbar.scrolled .logo-title img{width:38px}.org-name{flex-direction:column;line-height:1.1;display:flex}.org-name span{color:var(--primary-green);letter-spacing:.3px;font-size:10px;font-weight:800}.org-name .Last_Child{color:var(--accent-red)!important}.icon-nav{align-items:center;gap:28px;display:flex}.nav-link{color:var(--primary-green);transition:var(--transition-smooth);align-items:center;gap:7px;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-link i{color:var(--primary-green);font-size:15px}.nav-link:after{content:"";background:var(--accent-red);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:-4px;left:0}.nav-link:hover{color:var(--accent-red)}.nav-link:hover:after{width:100%}.nav-dropdown{position:relative}.dropdown-content{visibility:hidden;opacity:0;min-width:230px;transition:var(--transition-smooth);background:#fff;border:1px solid #0000000d;border-radius:10px;padding:8px 0;position:absolute;top:130%;right:0;overflow:hidden;transform:translateY(10px);box-shadow:0 15px 40px #0000001a}.nav-dropdown:hover .dropdown-content{visibility:visible;opacity:1;transform:translateY(0)}.dropdown-content a{color:#444;padding:12px 20px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.dropdown-content a:hover{color:var(--primary-green);background:#f4fcf4;padding-left:25px}.menu-btn{-webkit-backdrop-filter:blur(12px);width:46px;height:46px;color:var(--primary-green);cursor:pointer;transition:var(--transition-premium);background:#ffffff8c;border:1px solid #002b0514;border-radius:14px;justify-content:center;align-items:center;font-size:22px;display:none;box-shadow:0 10px 25px #0000000f}.menu-btn:hover,.menu-btn.active{background:#ffffffd9;transform:translateY(-1px);box-shadow:0 16px 30px #002b0524}@media (width<=1024px){.menu-btn{z-index:2001;display:inline-flex}.icon-nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform-origin:100% 0;opacity:0;pointer-events:none;background:#fff;border:1px solid #002b0514;border-radius:22px;flex-direction:column;width:min(340px,88vw);max-height:0;padding:10px;transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .3s,transform .45s cubic-bezier(.22,1,.36,1),padding .3s;display:flex;position:absolute;top:calc(100% + 12px);left:auto;right:6%;overflow:hidden;transform:translateY(-12px)scale(.98);box-shadow:0 24px 45px #091f1029}.icon-nav.active{opacity:1;pointer-events:auto;max-height:calc(100vh - 110px);padding:14px 10px;overflow-y:auto;transform:translateY(0)scale(1)}.nav-link{border-bottom:1px solid #002b0514;border-radius:14px;justify-content:flex-start;width:100%;padding:14px 16px;font-size:14px}.nav-link:after{display:none}.nav-link:hover{color:var(--primary-green);background:#f4fcf4}.nav-dropdown{width:100%}.dropdown-content{visibility:visible;opacity:1;background:#f8fcf8;border:1px solid #002b050a;border-radius:16px;min-width:100%;max-height:0;margin:6px 0 0;display:none;position:static;transform:none;box-shadow:inset 0 0 0 1px #002b050f}.nav-dropdown.active .dropdown-content{max-height:300px;display:block}.nav-dropdown.active .chevron{transform:rotate(180deg)}.dropdown-content a{padding:12px 16px;font-size:13px}.dropdown-content a:hover{color:var(--primary-green);background:#fff;padding-left:20px}}@media (width<=640px){.navbar{padding:12px 4.5%}.navbar.scrolled{padding:9px 4.5%}.icon-nav{width:min(320px,91vw);right:4.5%}}.slideshow-container{z-index:-2;width:100%;height:100vh;position:fixed;top:0;left:0}.slide{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity 2s ease-in-out,transform 8s linear;position:absolute;top:0;left:0;transform:scale(1.1)}.slide.active{opacity:1;transform:scale(1)}.overlay{z-index:1;background:linear-gradient(#002b0580 0%,#001402bf 50%,#002b05d9 100%);flex-direction:column;min-height:100vh;display:flex;position:relative}.hero-container{text-align:center;flex:1;justify-content:center;align-items:center;padding:120px 8% 60px;display:flex}.hero-content{z-index:10;max-width:1100px}.hero-org-subtitle{color:var(--gold-accent);letter-spacing:5px;text-transform:uppercase;border-bottom:2px solid var(--gold-accent);margin-bottom:25px;padding-bottom:5px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;display:inline-block}.main-title{text-transform:uppercase;text-shadow:0 2px 4px #0000004d,0 10px 20px #0006;letter-spacing:-1px;margin-bottom:25px;font-family:Montserrat,sans-serif;font-size:clamp(2rem,5vw,3.8rem);font-weight:800;line-height:1.1;color:#fff!important}.hero-tagline{color:#f0f0f0;letter-spacing:.5px;margin-bottom:45px;font-size:clamp(1rem,2vw,1.4rem);font-style:italic;font-weight:300}.cta-cluster{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.cta-btn{letter-spacing:1px;transition:var(--transition-premium);text-transform:uppercase;border-radius:50px;align-items:center;gap:12px;padding:18px 40px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;text-decoration:none;display:flex}.btn-primary{background:var(--primary-green);color:#fff;border:2px solid var(--primary-green);box-shadow:0 10px 20px #0003}.btn-primary:hover{background:#006400;transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}.btn-outline{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:0 0;border:2px solid #fff}.btn-outline:hover{color:var(--primary-green);background:#fff;transform:translateY(-5px)}.portal-strip{background:var(--primary-green-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;border-top:1px solid #ffffff1a;padding:20px 0}.strip-container p{color:#e0e0e0;letter-spacing:.5px;font-size:14px}.strip-container a{color:var(--gold-accent);border-bottom:1px solid #0000;margin:0 5px;font-weight:700;text-decoration:none;transition:all .3s}.strip-container a:hover{border-bottom:1px solid var(--gold-accent)}.animate-up{animation:1.2s ease-out forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:2s ease-in forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.hero-container{padding:100px 5% 40px}.cta-btn{justify-content:center;width:100%}.main-title{font-size:1.8rem}}.home-tracker{color:#0f1f16;z-index:2;background:0 0;width:min(1200px,100%);margin:-28px auto 0;padding:0 6% 34px;position:relative}.tracker-inner{grid-template-columns:1fr;align-items:stretch;gap:0;display:grid}.tracker-map-card{min-height:280px;box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.tracker-map{width:100%;max-width:860px;min-height:280px;margin:0 auto}.tracker-map-svg{width:100%;height:auto}.tracker-country-outline{fill:#daecdbe6;stroke:#143a1e80;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 12px 28px #0c1e111f)}.tracker-map-svg{max-width:820px}.tracker-stats{grid-template-columns:repeat(4,minmax(160px,1fr));gap:20px;margin-top:28px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #004d0014;border-radius:24px;padding:24px;box-shadow:0 16px 32px #0000000a}.stat-card p{color:#556a53;text-transform:uppercase;letter-spacing:.7px;margin-bottom:14px;font-size:.95rem}.stat-card h3{color:#0e2415;margin:0;font-size:2rem}@media (width<=1040px){.tracker-stats{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=720px){.home-tracker{margin-top:-14px;padding:0 4.5% 24px}.tracker-map-card{min-height:240px;padding:0}.tracker-stats{grid-template-columns:1fr}}.footer{color:var(--text-dark);z-index:10;background:#fff;border-top:1px solid #eee;padding:80px 0 30px;position:relative}.footer-container{width:90%;max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:60px;margin-bottom:50px;display:grid}.footer-logo-name span{color:var(--primary-green);font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;line-height:1.3;display:block}.footer-logo-name .Last_Child{color:var(--accent-red)!important}.footer-motto{color:#666;margin:20px 0;font-size:13px;font-style:italic}.contact-details p{color:var(--primary-green);align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.contact-details i{color:var(--accent-red)}.footer h4{color:var(--primary-green);margin-bottom:25px;font-size:16px;position:relative}.footer h4:after{content:"";background:var(--accent-red);width:30px;height:2px;position:absolute;bottom:-8px;left:0}.footer-links ul{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#555;transition:var(--transition-smooth);align-items:center;gap:10px;font-size:13px;text-decoration:none;display:flex}.footer-links a:hover{color:var(--primary-green);transform:translate(5px)}.social-text{color:#666;margin-bottom:20px;font-size:13px}.social-icons{gap:15px;display:flex}.social-icons a{width:40px;height:40px;color:var(--primary-green);background:#f8f8f8;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;transition:transform .75s cubic-bezier(.22,1,.36,1),background-color .6s,color .6s,box-shadow .75s cubic-bezier(.22,1,.36,1),border-color .6s;display:flex;box-shadow:0 8px 18px #0000}.social-icons a:hover{background:var(--primary-green);color:#fff;border-color:var(--primary-green);transform:translateY(-10px)scale(1.12);box-shadow:0 18px 30px #002b0547}.footer-bottom{text-align:center;color:#999;border-top:1px solid #eee;padding-top:30px;font-size:11px}.whatsapp-float{color:#fff;z-index:2000;transition:var(--transition-premium);background:#25d366;border-radius:50px;align-items:center;gap:12px;padding:14px 24px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 10px 25px #25d3664d}.whatsapp-float:hover{transform:scale(1.08)translateY(-5px);box-shadow:0 15px 30px #25d36666}@media (width<=900px){.footer-grid{text-align:center;grid-template-columns:1fr;gap:40px}.footer h4:after{left:50%;transform:translate(-50%)}.footer-links a,.social-icons,.contact-details p{justify-content:center}.whatsapp-float span{display:none}.whatsapp-float{border-radius:50%;padding:18px}}.news-widget{border-left:5px solid var(--accent-red);z-index:1900;background:#fff;border-radius:15px;width:320px;padding:20px;position:fixed;bottom:110px;right:30px;box-shadow:0 15px 40px #00000026}.news-widget h4{color:var(--primary-green);margin:8px 0;font-size:14px;line-height:1.4}.news-widget small{color:var(--accent-red);letter-spacing:1px;font-size:10px;font-weight:800}.news-widget a{color:#555;font-size:12px;font-weight:700;text-decoration:underline}.close-widget{cursor:pointer;color:#ccc;background:0 0;border:none;font-size:18px;position:absolute;top:10px;right:15px}.dashboard-page{color:#123018;background:radial-gradient(circle at 0 0,#4caf502e,#0000 28%),radial-gradient(circle at 100% 0,#cc00001f,#0000 24%),linear-gradient(#f2f6f2 0%,#e7efe7 100%);min-height:100vh;margin:0;font-family:Poppins,sans-serif;overflow-x:hidden}.dashboard-layout{min-height:100vh;display:flex}.sidebar{color:#fff;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:30;scrollbar-width:thin;scrollbar-color:#ffffff42 transparent;background:linear-gradient(145deg,#ffffff14,#0000 28%),linear-gradient(#031f07 0%,#073d0e 48%,#07180b 100%);flex-direction:column;gap:16px;width:280px;height:100vh;padding:22px 16px;transition:transform .35s;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:20px 0 50px #041b0838}body.dashboard-sidebar-open{overflow:hidden}body.dashboard-sidebar-open .main-content{touch-action:none;overflow:hidden}body.dashboard-sidebar-open .sidebar{touch-action:pan-y}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:999px}.sidebar-backdrop{display:none}.sidebar-header,.user-profile-brief,.side-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff17;border:1px solid #ffffff1f;border-radius:18px}.sidebar-header{align-items:center;gap:12px;padding:14px 15px;display:flex;box-shadow:inset 0 1px #ffffff1a}.sidebar-header h3{letter-spacing:.08em;color:#fff;margin:0;font-size:.92rem}.user-profile-brief{text-align:center;padding:20px 16px;position:relative;overflow:hidden}.user-profile-brief:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:130px;animation:6s ease-in-out infinite sidebar-sheen;position:absolute;inset:-40% -20% auto;transform:rotate(-10deg)translate(-45%)}.avatar-frame{z-index:1;background:#ffffff1a;border:3px solid #ffffff57;border-radius:50%;width:82px;height:82px;margin:0 auto 12px;position:relative;overflow:hidden;box-shadow:0 0 0 8px #ffffff0f,0 16px 28px #0000003d}.avatar-frame img{object-fit:cover;width:100%;height:100%}.user-profile-brief h4,.user-profile-brief small{color:#fff;margin:0}.user-profile-brief h4{z-index:1;margin-bottom:6px;font-size:.98rem;position:relative}.user-profile-brief small{color:#ffffffc7;z-index:1;position:relative}.side-nav{flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex}.nav-item,.logout-btn{color:#fff;text-align:left;width:100%;font:inherit;cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;min-height:46px;padding:12px 14px;font-size:.92rem;text-decoration:none;transition:transform .25s,background-color .25s,box-shadow .25s,color .25s;display:flex;position:relative;overflow:hidden}.nav-item i,.logout-btn i{text-align:center;color:#9ee0a8;width:18px}.nav-item:hover,.nav-item.active,.logout-btn:hover{background:#ffffff26;transform:translate(4px);box-shadow:0 12px 28px #0000001f}.nav-item.active:before{content:"";background:#ecfdf0;border-radius:999px;width:4px;position:absolute;top:10px;bottom:10px;left:0;box-shadow:0 0 18px #9ee0a8b3}.disabled-link{opacity:.6;pointer-events:none}.logout-btn{background:#c00;justify-content:center;margin-top:auto;font-weight:700;box-shadow:0 12px 24px #cc000038}.logout-btn i{color:#fff}.logout-btn:hover{background:#a90000}.main-content{scroll-behavior:smooth;flex:1;min-width:0;height:100vh;padding:24px;overflow-y:auto}.top-bar{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2f6f2d1;border-bottom:1px solid #002b0512;align-items:center;gap:16px;margin:-24px -24px 22px;padding:18px 24px;display:flex;position:sticky;top:0}.menu-toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#002b05,#0d7a28);border:0;border-radius:13px;width:48px;height:48px;font-size:1.1rem;display:none;box-shadow:0 14px 26px #002b053d}.welcome-text h1,.welcome-text p{margin:0}.welcome-text h1{color:#002b05;letter-spacing:0;font-size:clamp(1.35rem,2.5vw,2.15rem)}.welcome-text p{color:#5d6f61;margin-top:6px}.content-wrap{gap:18px;animation:.55s both content-rise;display:grid}.profile-data-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.data-card,.full-details-section,.lms-header-card,.course-card,.modal-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #002b0514;box-shadow:0 18px 36px #0d2a1214}.data-card{border-radius:20px;padding:20px;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;overflow:hidden}.data-card:after{content:"";opacity:.76;background:linear-gradient(90deg,#0d7a28,#c00,#f2c94c);border-radius:999px 999px 0 0;height:4px;position:absolute;inset:auto 18px 0}.data-card:hover,.course-card:hover,.earned-badge:hover{border-color:#002b0529;transform:translateY(-4px);box-shadow:0 24px 42px #0d2a1221}.data-card label{color:#55735b;align-items:center;gap:10px;margin-bottom:14px;font-size:.84rem;display:flex}.data-card h3,.data-card p{margin:0}.data-card h3{color:#002b05;overflow-wrap:anywhere;margin-bottom:6px;font-size:1.04rem}.data-card p{color:#5f6d61}.full-details-section,.lms-header-card{border-radius:22px;padding:22px}.section-title{color:#002b05;margin:0 0 18px;font-size:1.15rem}.section-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-title-row .section-title{margin:0}.profile-edit-btn{color:#fff;font:inherit;cursor:pointer;background:#002b05;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.details-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-item{background:linear-gradient(#fff,#f8fbf8);border:1px solid #002b050f;border-radius:16px;flex-direction:column;gap:8px;padding:16px 18px;transition:transform .24s,border-color .24s;display:flex}.detail-item:hover{border-color:#002b0524;transform:translateY(-2px)}.detail-item .label{text-transform:uppercase;letter-spacing:.08em;color:#68826d;font-size:.82rem}.detail-item .value{color:#16331c;font-weight:600;line-height:1.6}.header-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.stat{background:linear-gradient(135deg,#f7fbf7,#edf5ee);border:1px solid #002b050f;border-radius:16px;padding:16px}.stat small{color:#607562;margin-bottom:8px;display:block}.stat h4{color:#002b05;margin:0;font-size:1.1rem}.achievements-container label{color:#002b05;margin-bottom:14px;font-weight:600;display:block}.badge-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.earned-badge{background:linear-gradient(#fff,#f5faf5);border:1px solid #002b0514;border-radius:18px;align-items:center;gap:14px;padding:16px;transition:transform .28s,box-shadow .28s,border-color .28s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 28px #0d2a1214}.earned-badge:after{content:"";transform-origin:0;border-radius:999px;height:4px;animation:3s ease-in-out infinite alternate badge-line;position:absolute;bottom:0;left:16px;right:16px}.badge-accent-green:after{background:linear-gradient(90deg,#0d7a28,#8fd694)}.badge-accent-red:after{background:linear-gradient(90deg,#c61f1f,#f28585)}.badge-copy{gap:4px;display:grid}.badge-copy strong{color:#13331a;font-size:.96rem}.badge-copy span{color:#6a7b6c;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.badge-icon{background:#fff;border:1px solid #002b0514;border-radius:18px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.badge-icon img,.badge-preview img{object-fit:cover;width:100%;height:100%}.catalog-title-row{justify-content:space-between;align-items:end;gap:14px;margin:22px 0 16px;display:flex}.catalog-title-row h3,.catalog-title-row p{margin:0}.catalog-title-row h3{color:#002b05}.catalog-title-row p,.empty-msg,.panel-placeholder{color:#5d6f61}.course-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.course-card{border-radius:20px;padding:20px;transition:transform .28s,box-shadow .28s,border-color .28s}.course-card.locked{opacity:.72}.badge-preview{background:#eff5ef;border:1px solid #002b0514;border-radius:18px;width:68px;height:68px;margin-bottom:16px;overflow:hidden}.course-card h4,.course-card p{margin:0}.course-card h4{color:#002b05;margin-bottom:12px}.course-card p{color:#5f6d61;min-height:64px;line-height:1.65}@keyframes sidebar-sheen{0%,44%{transform:rotate(-10deg)translate(-55%)}72%,to{transform:rotate(-10deg)translate(85%)}}@keyframes content-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes badge-line{0%{opacity:.7;transform:scaleX(.22)}to{opacity:1;transform:scaleX(1)}}.course-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.rank-tag{color:#0e4315;background:#edf5ed;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:600}.course-btn{color:#335038;font:inherit;background:#d8dfd8;border:0;border-radius:12px;padding:10px 16px;font-weight:600}.btn-register{color:#fff;background:#002b05}.btn-completed{color:#fff;background:#0d7a28}.btn-pending{color:#4d3d00;background:#f2c94c}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#04180885;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-card{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#002b053d transparent;border-radius:24px;width:min(100%,460px);max-height:calc(100dvh - 40px);padding:26px;overflow-y:auto}.modal-card::-webkit-scrollbar{width:7px}.modal-card::-webkit-scrollbar-thumb{background:#002b053d;border-radius:999px}.modal-card h3,.modal-card p{margin:0}.modal-card h3{color:#002b05}.modal-card .subtitle{color:#5e7060;margin-top:8px;margin-bottom:18px}.close-modal{cursor:pointer;color:#47634b;background:0 0;border:0;margin-left:auto;font-size:1.8rem;line-height:1;display:block}.input-group-modal{gap:12px;display:grid}.profile-form{gap:14px;display:grid}.profile-form-section{background:linear-gradient(#fff,#f8fbf8);border:1px solid #002b0514;border-radius:18px;gap:12px;padding:16px;display:grid}.profile-form-section h4{color:#002b05;margin:0;font-size:.98rem}.input-group-modal label{color:#55735b;font-size:.84rem;font-weight:600}.input-group-modal input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #002b051f;border-radius:14px;padding:14px 16px}.passport-preview,.signature-preview{color:#6a7d6d;background:#f8fbf8eb;border:1px dashed #002b052e;border-radius:14px;justify-content:center;align-items:center;min-height:58px;padding:10px;font-size:.86rem;display:flex}.passport-preview{min-height:118px}.passport-preview img{object-fit:contain;object-position:center;background:#f5f5f5;border:3px solid #002b0529;border-radius:50%;width:96px;height:96px;display:block}.signature-preview img{object-fit:contain;max-width:100%;max-height:76px}.cmd-btn{color:#fff;font:inherit;cursor:pointer;background:#002b05;border:0;border-radius:14px;margin-top:16px;padding:14px 18px;font-weight:600}.status-box{color:#184320;background:#eef7ef;border-radius:14px;margin-top:14px;padding:12px 14px}@media (width<=1024px){.sidebar-backdrop{opacity:0;pointer-events:none;touch-action:none;z-index:70;background:#04180880;border:0;padding:0;transition:opacity .25s;display:block;position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.profile-data-grid,.details-list{grid-template-columns:1fr}.sidebar{z-index:90;width:min(310px,86vw);height:100dvh;max-height:100dvh;padding-bottom:18px;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-content{width:100%;height:auto;min-height:100vh;padding:18px}.top-bar{margin:-18px -18px 18px;padding:14px 18px}.menu-toggle-btn{justify-content:center;align-items:center;display:inline-flex}.side-nav{flex:none;min-height:auto}.logout-btn{flex-shrink:0;margin-top:8px}}@media (width<=768px){.top-bar,.catalog-title-row,.section-title-row,.course-meta{flex-direction:column;align-items:flex-start}.profile-edit-btn{justify-content:center;width:100%}.header-stats{grid-template-columns:1fr}.full-details-section,.lms-header-card,.data-card,.course-card,.modal-card{padding:16px}.badge-row{grid-template-columns:1fr}.profile-data-grid,.course-grid{gap:14px}.welcome-text p{overflow-wrap:anywhere;font-size:.86rem}.modal-overlay{align-items:flex-start;padding:12px;overflow-y:auto}.modal-card{width:100%;max-height:calc(100dvh - 24px)}}@media (width<=480px){.menu-toggle-btn{flex:0 0 44px;width:44px;height:44px}.top-bar{align-items:flex-start}.details-list,.header-stats{gap:12px}.detail-item{padding:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
