:root{--primary:#087a45;--primary-2:#0ca45f;--primary-dark:#075a37;--navy:#10233f;--text:#172033;--muted:#667085;--line:#e5ece8;--soft:#f4f8f6;--blue:#2878ff;--orange:#ff9f2f;--shadow:0 18px 50px rgba(16,35,63,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,sans-serif;color:var(--text);background:#fff}.topbar{background:#0d2c3c;color:#d9e8e1;font-size:12px;padding:7px 0}.main-nav{box-shadow:0 4px 22px rgba(16,35,63,.06);min-height:76px}.navbar-brand strong{font-size:17px;letter-spacing:.2px}.navbar-brand small{font-size:10px;color:var(--muted)}.brand-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,var(--primary),#12b76a);display:grid;place-items:center;color:#fff;box-shadow:0 9px 22px rgba(8,122,69,.25)}.brand-mark.small{width:42px;height:42px}.nav-link{font-weight:600;color:#263238!important;margin:0 .35rem}.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:var(--primary-dark);--bs-btn-hover-border-color:var(--primary-dark);border-radius:10px;font-weight:700}.btn-outline-primary{--bs-btn-color:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:var(--primary);--bs-btn-hover-border-color:var(--primary)}.hero-pro{position:relative;overflow:hidden;background:linear-gradient(120deg,#073e2c 0%,#087a45 58%,#0f9b69 100%);color:#fff}.hero-pro:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 80% 30%,rgba(255,255,255,.17),transparent 30%),linear-gradient(110deg,transparent 60%,rgba(255,255,255,.05) 60%)}.hero-row{min-height:610px;position:relative;z-index:2}.hero-shape{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.hero-shape.one{width:420px;height:420px;right:-120px;top:-160px}.hero-shape.two{width:620px;height:620px;right:100px;bottom:-500px}.eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--primary);display:block;margin-bottom:12px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#d8fff0;background:rgba(255,255,255,.11);padding:9px 14px;border-radius:999px}.section-kicker.light{color:#c7ffe2}.hero-pro h1{font-size:clamp(2.8rem,5.2vw,5rem);font-weight:800;line-height:1.04;max-width:830px;margin:22px 0}.hero-pro h1 span{color:#aaf4cc}.hero-pro p{font-size:1.13rem;color:#dbf1e7;max-width:680px}.hero-search{margin-top:30px;background:#fff;border-radius:15px;padding:7px;display:flex;align-items:center;gap:7px;max-width:760px;box-shadow:0 20px 55px rgba(0,0,0,.18)}.hero-search>i{color:#7d8b86;font-size:20px;margin-left:12px}.hero-search input{border:0;outline:0;flex:1;padding:12px;color:#24302c;min-width:0}.hero-search button{border:0;background:var(--primary);color:#fff;padding:13px 22px;border-radius:10px;font-weight:700}.hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:13px}.hero-links span{color:#bde5d2}.hero-links a{color:#fff;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.6)}.hero-panel{position:relative}.mini-window{background:rgba(255,255,255,.98);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.25);padding:17px;color:var(--text);transform:rotate(1deg)}.mini-top{display:flex;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--line)}.mini-top span{width:9px;height:9px;border-radius:50%;background:#d8e1dd}.mini-title{font-size:13px;color:var(--muted);font-weight:700;padding:15px 7px 6px}.mini-body>a{display:flex;align-items:center;gap:12px;padding:13px;border-radius:14px;text-decoration:none;color:var(--text);transition:.2s}.mini-body>a:hover{background:#eff9f4}.mini-body>a>i:first-child{width:40px;height:40px;border-radius:12px;background:#e5f8ee;color:var(--primary);display:grid;place-items:center;font-size:19px}.mini-body>a div{flex:1}.mini-body>a b,.mini-body>a small{display:block}.mini-body>a small{color:var(--muted);font-size:11px}.floating-badge{position:absolute;left:-45px;bottom:-35px;background:#fff;color:var(--text);display:flex;gap:11px;align-items:center;padding:15px 18px;border-radius:16px;box-shadow:var(--shadow)}.floating-badge>i{color:var(--primary);font-size:27px}.floating-badge b,.floating-badge small{display:block}.floating-badge small{color:var(--muted);font-size:11px}.quick-stats{position:relative;margin-top:-42px;z-index:3}.metric-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 30px rgba(16,35,63,.08);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),#6ad9a0)}.metric-icon{width:49px;height:49px;border-radius:14px;background:#e9f8f0;color:var(--primary);display:grid;place-items:center;font-size:23px}.metric-card strong{font-size:25px;display:block;line-height:1}.metric-card span{font-size:12px;color:var(--muted)}.metric-card>small{margin-left:auto;color:var(--primary);font-size:10px;font-weight:700}.section{padding:82px 0}.section-soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head h2{font-size:clamp(1.8rem,3vw,2.55rem);font-weight:800;margin:0 0 7px}.section-head p{color:var(--muted);margin:0}.text-link{color:var(--primary);text-decoration:none;font-weight:700;white-space:nowrap}.life-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.life-card-pro{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);transition:.25s;min-height:100px}.life-card-pro:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b9deca}.life-icon{width:48px;height:48px;border-radius:14px;background:#e9f8f0;color:var(--primary);display:grid;place-items:center;font-size:22px;flex:none}.life-card-pro div{flex:1}.life-card-pro b,.life-card-pro small{display:block}.life-card-pro small{font-size:11px;color:var(--muted);margin-top:4px}.life-card-pro>i{color:#a0aaa6}.service-card-pro{height:100%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;display:flex;flex-direction:column;transition:.25s;box-shadow:0 4px 18px rgba(16,35,63,.035)}.service-card-pro:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.service-icon{width:51px;height:51px;border-radius:15px;background:linear-gradient(145deg,#e8f8ef,#f2fbf6);color:var(--primary);display:grid;place-items:center;font-size:23px;flex:none}.service-icon.large{width:70px;height:70px;font-size:31px;border-radius:20px}.service-icon.sm{width:42px;height:42px;font-size:18px;border-radius:12px}.pill,.status-badge{display:inline-flex;align-items:center;background:#e8f7ef;color:var(--primary);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.service-card-pro>small{color:var(--primary);font-size:11px;font-weight:700}.service-card-pro h5{font-weight:800;margin:7px 0 9px}.service-card-pro p{color:var(--muted);font-size:13px;line-height:1.65;flex:1}.service-meta{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:13px;margin-top:5px;font-size:11px;color:var(--muted)}.service-meta i{color:var(--primary)}.service-card-pro>a{color:var(--primary);text-decoration:none;font-weight:700;margin-top:16px}.workflow-panel{border-radius:28px;background:linear-gradient(135deg,#075b3c,#0a8d55);padding:45px;color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;box-shadow:0 24px 60px rgba(8,122,69,.2)}.workflow-copy h2{font-weight:800;font-size:2.25rem}.workflow-copy p{color:#d3ede0}.workflow-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.workflow-step{position:relative;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:17px;display:flex;gap:12px;align-items:center}.workflow-step>span{position:absolute;right:11px;top:9px;color:rgba(255,255,255,.22);font-size:27px;font-weight:800}.workflow-step>i{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--primary);display:grid;place-items:center;font-size:19px}.workflow-step b,.workflow-step small{display:block}.workflow-step small{font-size:10px;color:#d9eee4;margin-top:3px}.news-card-pro{height:100%;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s}.news-card-pro:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.news-visual{height:150px;background:linear-gradient(135deg,#dff6ea,#e8f2ff);display:grid;place-items:center;position:relative}.news-visual>i{font-size:52px;color:var(--primary)}.news-visual>span{position:absolute;left:15px;top:15px;background:#fff;color:var(--primary);font-size:10px;font-weight:800;padding:6px 9px;border-radius:999px}.news-body{padding:20px}.news-body small{color:var(--muted);font-size:11px}.news-body h5{font-weight:800;margin:8px 0}.news-body p{color:var(--muted);font-size:13px;line-height:1.55}.news-body a{color:var(--primary);font-weight:700;text-decoration:none;font-size:13px}.help-card{display:flex;gap:12px;align-items:center;padding:17px;background:#eaf8f1;border-radius:16px}.help-card>i{font-size:25px;color:var(--primary)}.help-card div{flex:1}.help-card b,.help-card small{display:block}.help-card small{color:var(--muted)}.help-card a{color:var(--primary);font-weight:700;text-decoration:none}.faq-accordion .accordion-item{border:1px solid var(--line);border-radius:14px!important;margin-bottom:12px;overflow:hidden}.faq-accordion .accordion-button{font-weight:700;padding:20px}.faq-accordion .accordion-button:not(.collapsed){background:#edf9f3;color:var(--primary);box-shadow:none}.footer{background:#0b2632;color:#d7e7e0;margin-top:0}.footer h6{color:#fff}.footer a{display:block;color:#c6d9d1;text-decoration:none;margin:9px 0;font-size:13px}.footer-copy{max-width:500px;color:#b9d0c7}.socials{display:flex;gap:8px}.socials span{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center}.copyright{background:#061b24;padding:17px;font-size:12px;color:#9fb7ae}.page-hero,.detail-hero{background:linear-gradient(135deg,#eaf8f1,#eef7ff);padding:70px 0}.page-hero.compact{padding:45px 0}.page-hero h1,.detail-hero h1{font-weight:800;font-size:clamp(2rem,4vw,3.4rem)}.page-hero p{max-width:700px;color:var(--muted);font-size:1.05rem}.directory-search{max-width:750px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(16,35,63,.08);border-radius:14px;padding:6px;display:flex;align-items:center;margin-top:24px}.directory-search i{margin-left:13px;color:var(--muted)}.directory-search input{border:0;outline:0;flex:1;padding:13px}.directory-search button{border:0;background:var(--primary);color:#fff;border-radius:9px;padding:12px 25px;font-weight:700}.filter-chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filter-chips a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;color:var(--text);font-size:12px;text-decoration:none}.filter-chips a.active,.filter-chips a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.result-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.result-bar b,.result-bar span{display:block}.result-bar span{color:var(--muted);font-size:12px}.empty-state{text-align:center;padding:70px 20px;color:var(--muted);width:100%}.empty-state>i{font-size:50px;color:#b7c5bf}.empty-state.compact{padding:35px}.timeline-pro{display:grid;gap:16px;max-width:950px;margin:auto;position:relative}.timeline-pro:before{content:"";position:absolute;left:28px;top:30px;bottom:30px;width:2px;background:linear-gradient(var(--primary),#bfe5d0)}.timeline-card{position:relative;display:flex;align-items:center;gap:18px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px 23px 20px 75px;text-decoration:none;color:var(--text);transition:.2s}.timeline-card:hover{transform:translateX(5px);box-shadow:var(--shadow)}.timeline-number{position:absolute;left:10px;width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;z-index:2}.timeline-card div{flex:1}.timeline-card h4{font-weight:800;margin:0}.timeline-card p{color:var(--muted);margin:5px 0}.timeline-card small{color:var(--primary);font-weight:700}.breadcrumb-pro{display:flex;gap:7px;align-items:center;font-size:12px;margin-bottom:35px}.breadcrumb-pro a{color:var(--primary);text-decoration:none}.detail-title{display:flex;gap:20px;align-items:center}.detail-title h1{margin:7px 0}.detail-title p{margin:0;color:var(--muted)}.provider-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.provider-box small,.provider-box b,.provider-box span{display:block}.provider-box small,.provider-box span{color:var(--muted);font-size:11px}.provider-box b{margin:5px 0}.content-card-pro,.action-card,.side-related{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 8px 28px rgba(16,35,63,.045)}.content-card-pro h3{font-weight:800;font-size:1.35rem;margin:25px 0 15px}.detail-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin:-5px -5px 20px;padding:0 5px}.detail-tabs button{border:0;background:transparent;padding:13px;color:var(--muted);font-weight:700}.detail-tabs button.active{color:var(--primary);border-bottom:2px solid var(--primary)}.info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.info-cards div{background:var(--soft);border-radius:14px;padding:15px}.info-cards i{color:var(--primary);font-size:20px}.info-cards small,.info-cards b{display:block}.info-cards small{font-size:10px;color:var(--muted);margin:8px 0 3px}.check-list{display:grid;gap:11px}.check-list div{display:flex;gap:10px}.check-list i{color:var(--primary)}.procedure-list{display:grid;gap:12px}.procedure-list div{display:flex;gap:13px;align-items:center}.procedure-list span{width:31px;height:31px;border-radius:50%;background:#e8f7ef;color:var(--primary);display:grid;place-items:center;font-weight:800}.procedure-list p{margin:0}.action-card{top:100px}.action-card h4{font-weight:800}.action-card p{color:var(--muted);font-size:13px}.secure{display:flex;gap:9px;align-items:center;background:#eaf8f1;color:var(--primary);padding:11px;border-radius:12px;font-size:12px;font-weight:700;margin-bottom:18px}.contact-row{display:flex;gap:12px;align-items:center}.contact-row i{font-size:24px;color:var(--primary)}.contact-row small,.contact-row b{display:block}.side-related{margin-top:18px}.side-related h5{font-weight:800}.side-related>a{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.side-related>a>span{flex:1}.side-related small,.side-related b{display:block}.side-related small{color:var(--muted)}.login-section{min-height:calc(100vh - 110px);background:var(--soft);display:grid;place-items:center;padding:55px 20px}.login-shell{width:min(1000px,100%);display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.login-visual{background:linear-gradient(140deg,#074b33,#0b945a);color:#fff;padding:55px;display:flex;align-items:end;min-height:610px;position:relative}.login-visual:before{content:"";position:absolute;width:370px;height:370px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-130px;top:-100px}.login-visual h2{font-size:2.5rem;font-weight:800}.login-visual p{color:#d4ebdf}.login-benefits{display:grid;gap:11px;margin-top:25px}.login-form{padding:55px}.login-form h3{text-align:center;font-weight:800}.login-form>p{text-align:center;color:var(--muted)}.login-form label,.form-section label,.form-pro label{font-weight:700;font-size:12px;margin-bottom:7px}.input-icon{position:relative}.input-icon i{position:absolute;left:14px;top:13px;color:var(--muted)}.input-icon input{padding-left:42px;height:48px}.login-form a{color:var(--primary);text-decoration:none;font-size:12px}.demo-box{background:var(--soft);border-radius:12px;padding:13px;margin-top:18px;font-size:11px}.demo-box b,.demo-box span{display:block}.user-dashboard{background:var(--soft);padding-bottom:80px}.dashboard-welcome{background:linear-gradient(135deg,#075d3d,#0ca460);color:#fff;padding:42px;border-radius:0 0 28px 28px;display:flex;justify-content:space-between;align-items:center}.dashboard-welcome h1{font-weight:800}.dashboard-welcome p{margin:0;color:#d8eee3}.dashboard-body{margin-top:28px}.user-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px}.user-menu a{display:flex;gap:12px;padding:13px;border-radius:11px;color:var(--muted);text-decoration:none;font-weight:600}.user-menu a.active{background:#eaf8f1;color:var(--primary)}.dashboard-metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:grid;grid-template-columns:auto 1fr;column-gap:10px}.dashboard-metric i{grid-row:span 2;width:42px;height:42px;border-radius:12px;background:#eaf8f1;color:var(--primary);display:grid;place-items:center}.dashboard-metric strong{font-size:22px}.dashboard-metric span{font-size:10px;color:var(--muted)}.application-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.application-row>div{flex:1}.application-row b,.application-row small,.application-row span{display:block}.application-row small,.application-row span{font-size:10px;color:var(--muted)}.tracking-header{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.tracking-header h3{margin:3px 0}.tracking-line{display:grid;grid-template-columns:repeat(4,1fr);margin:42px 0}.tracking-line>div{text-align:center;position:relative;color:#9ca8a3}.tracking-line>div:before{content:"";height:3px;background:#e5e9e7;position:absolute;top:19px;left:-50%;right:50%}.tracking-line>div:first-child:before{display:none}.tracking-line>div>span{width:40px;height:40px;border-radius:50%;background:#e5e9e7;display:grid;place-items:center;margin:auto auto 10px;position:relative;z-index:2}.tracking-line b,.tracking-line small{display:block}.tracking-line small{font-size:10px}.tracking-line .done{color:var(--primary)}.tracking-line .done>span,.tracking-line .done:before{background:var(--primary);color:#fff}.update-note{display:flex;gap:13px;background:var(--soft);padding:17px;border-radius:14px}.update-note>i{font-size:22px;color:var(--primary)}.update-note p{margin:3px 0}.detail-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0}.detail-list dt{font-weight:500;color:var(--muted)}.detail-list dd{font-weight:700;text-align:right}.form-pro .form-control,.form-pro .form-select,.form-section .form-control,.form-section .form-select{min-height:46px;border-color:#dfe7e3;border-radius:10px}.complaint-step{display:flex;gap:13px;margin:17px 0}.complaint-step>span{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.complaint-step b,.complaint-step small{display:block}.complaint-step small{color:var(--muted)}.error-page{text-align:center;padding:110px 20px}.error-page>i{font-size:65px;color:var(--primary)}.error-page h1{font-size:5rem;font-weight:800}.admin-body{background:#f4f7f6}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:#0d2936;color:#fff;padding:20px 16px;overflow:auto;z-index:1000;transition:.25s}.admin-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 7px 18px}.admin-brand b,.admin-brand small{display:block}.admin-brand small{font-size:9px;color:#8eaea2;letter-spacing:1px}.sidebar nav{padding-bottom:85px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#d3e2dc;text-decoration:none;padding:12px 13px;border-radius:10px;margin:3px 0;font-size:13px}.sidebar nav a:hover{background:#0d7d4d;color:#fff}.nav-label{font-size:9px;color:#708f84;letter-spacing:1.2px;margin:23px 13px 8px}.sidebar-footer{position:fixed;left:16px;bottom:15px;width:238px;background:rgba(255,255,255,.07);border-radius:13px;padding:11px;display:flex;align-items:center;gap:9px}.sidebar-footer>div:nth-child(2){flex:1}.sidebar-footer b,.sidebar-footer small{display:block}.sidebar-footer b{font-size:11px}.sidebar-footer small{font-size:9px;color:#91afa3}.sidebar-footer>a{color:#c9ddd5}.avatar{width:38px;height:38px;border-radius:11px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.avatar.soft{background:#e8f7ef;color:var(--primary)}.admin-main{margin-left:270px;min-height:100vh}.admin-header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:900}.icon-btn{width:39px;height:39px;border:1px solid var(--line);background:#fff;border-radius:10px;position:relative}.icon-btn .dot{position:absolute;width:7px;height:7px;background:#f04438;border-radius:50%;right:8px;top:7px}.admin-search{height:41px;background:#f5f7f6;border:1px solid #edf1ef;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 12px;width:340px}.admin-search.wide{width:330px}.admin-search input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.header-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.admin-content{padding:28px}.admin-page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.admin-page-head>div>span{font-size:9px;color:var(--primary);letter-spacing:1.2px;font-weight:800}.admin-page-head h1{font-size:28px;font-weight:800;margin:4px 0}.admin-page-head p{color:var(--muted);margin:0;font-size:12px}.date-chip{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:12px}.admin-kpi,.admin-card-pro{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(16,35,63,.035)}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-icon{width:44px;height:44px;border-radius:13px;background:#e9f8f0;color:var(--primary);display:grid;place-items:center;font-size:21px}.trend{font-size:10px;color:var(--primary);background:#e9f8f0;padding:5px 8px;border-radius:999px}.admin-kpi strong{font-size:27px;display:block;margin-top:18px}.admin-kpi>span{color:var(--muted);font-size:11px}.kpi-progress{height:3px;background:#eef2f0;border-radius:99px;margin-top:15px}.kpi-progress i{display:block;height:100%;background:var(--primary);border-radius:99px}.card-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.card-head h4{font-size:15px;font-weight:800;margin:0}.card-head p{font-size:10px;color:var(--muted);margin:4px 0}.card-head>a{font-size:11px;color:var(--primary);text-decoration:none;font-weight:700}.legend-row{display:flex;justify-content:center;gap:18px;font-size:10px}.legend-row i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.legend-row .green{background:var(--primary)}.legend-row .blue{background:var(--blue)}.legend-row .orange{background:var(--orange)}.admin-table{font-size:12px}.admin-table thead th{font-size:10px;color:#84918c;text-transform:uppercase;letter-spacing:.5px;border-bottom-color:var(--line);padding:12px}.admin-table td{padding:13px 12px;border-bottom-color:#edf1ef}.admin-table b,.admin-table small{display:block}.admin-table small{color:var(--muted);font-size:9px;margin-top:3px}.rank-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.rank-row>span{width:29px;height:29px;background:#e9f8f0;color:var(--primary);border-radius:9px;display:grid;place-items:center;font-weight:800}.rank-row>div:nth-child(2){width:130px}.rank-row b,.rank-row small{display:block}.rank-row small{font-size:9px;color:var(--muted)}.rank-meter{flex:1;height:5px;background:#eef2f0;border-radius:99px}.rank-meter i{display:block;height:100%;background:var(--primary);border-radius:99px}.rank-row>strong{font-size:11px}.complaint-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.complaint-row>div:nth-child(2){flex:1}.complaint-row b,.complaint-row small{display:block}.complaint-row b{font-size:11px}.complaint-row small{font-size:9px;color:var(--muted)}.online{color:var(--primary);font-size:10px;font-weight:700}.online i{display:inline-block;width:7px;height:7px;background:var(--primary);border-radius:50%}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.system-grid>div{border:1px solid var(--line);border-radius:12px;padding:13px}.system-grid>div>span{width:35px;height:35px;border-radius:10px;background:#e9f8f0;color:var(--primary);display:grid;place-items:center}.system-grid b,.system-grid small{display:block}.system-grid b{font-size:11px;margin-top:8px}.system-grid small{font-size:9px;color:var(--primary)}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-service,.user-cell{display:flex;gap:10px;align-items:center}.pro-modal{border:0;border-radius:18px}.pro-modal .modal-header{padding:20px 24px}.pro-modal .modal-body{background:#f7f9f8;padding:22px}.form-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.form-section h6,.form-section h5{font-weight:800;margin-bottom:18px}.form-section label small{font-weight:400;color:var(--muted)}.life-admin-card{display:flex;gap:14px;align-items:start}.life-admin-card>div{flex:1}.life-admin-card h5{font-weight:800}.life-admin-card p{font-size:11px;color:var(--muted)}.life-admin-card small{color:var(--primary);font-size:10px}.setting-status{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.setting-status b{color:var(--primary)}.danger-zone{border-color:#f3d1d1}
@media(max-width:1199px){.life-grid{grid-template-columns:repeat(3,1fr)}.metric-card>small{display:none}.workflow-panel{grid-template-columns:1fr}.sidebar{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.admin-main{margin-left:0}.system-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.hero-row{min-height:540px}.hero-pro h1{font-size:3rem}.quick-stats{margin-top:-25px}.life-grid{grid-template-columns:repeat(2,1fr)}.workflow-steps{grid-template-columns:1fr}.info-cards{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.tracking-line{grid-template-columns:1fr;gap:13px}.tracking-line>div{display:flex;align-items:center;gap:12px;text-align:left}.tracking-line>div:before{display:none}.tracking-line>div>span{margin:0}.admin-search{display:none}}@media(max-width:767px){.topbar{display:none}.main-nav{min-height:68px}.navbar-brand small{display:none!important}.hero-row{min-height:570px}.hero-pro h1{font-size:2.55rem}.hero-search{display:grid;grid-template-columns:auto 1fr}.hero-search button{grid-column:1/3}.hero-links{display:none}.section{padding:58px 0}.section-head{align-items:start;flex-direction:column}.life-grid{grid-template-columns:1fr}.metric-card{padding:15px}.metric-card strong{font-size:20px}.workflow-panel{padding:28px}.result-bar{align-items:start;gap:10px}.result-bar select{display:none}.detail-title{align-items:start}.info-cards{grid-template-columns:1fr 1fr}.login-form{padding:35px 25px}.dashboard-welcome{padding:30px 22px;align-items:start;gap:15px;flex-direction:column}.admin-content{padding:18px}.admin-page-head{align-items:start;gap:15px;flex-direction:column}.table-toolbar{align-items:start;gap:10px;flex-direction:column}.admin-search.wide{display:flex;width:100%}.system-grid{grid-template-columns:1fr}.header-actions .btn{display:none}}
/* Professional v3 refresh */
.hero-modern{position:relative;overflow:hidden;background:linear-gradient(125deg,#052e24 0%,#07653f 48%,#0b9a62 100%);color:#fff;padding:106px 0 126px;isolation:isolate}.hero-modern:before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;right:-220px;top:-380px;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 68%);z-index:-1}.hero-modern:after{content:"";position:absolute;inset:auto -4% -190px 42%;height:360px;border-radius:50% 50% 0 0;background:rgba(255,255,255,.055);transform:rotate(-7deg);z-index:-1}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000 65%,transparent);opacity:.55}.hero-content{max-width:940px}.hero-modern h1{font-size:clamp(3rem,6vw,5.25rem);line-height:1.02;font-weight:800;letter-spacing:-.045em;max-width:930px;margin:24px 0}.hero-modern h1 span{display:block;color:#b8f6d7}.hero-modern p{max-width:760px;font-size:1.15rem;line-height:1.8;color:#d9efe5}.hero-search.modern{max-width:840px;margin-top:32px;border-radius:18px;padding:8px 8px 8px 20px}.hero-search.modern button{border-radius:12px;padding:15px 22px;display:flex;align-items:center;gap:10px}.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#d6eee3;font-size:13px;font-weight:600}.trust-row span{display:flex;align-items:center;gap:8px}.trust-row i{font-size:17px;color:#9cf0c6}.modern-stats{margin-top:-48px;position:relative;z-index:4}.metric-card.premium{position:relative;min-height:118px;border:1px solid rgba(12,122,69,.09);box-shadow:0 18px 50px rgba(16,35,63,.11);overflow:hidden}.metric-card.premium:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-45px;bottom:-50px;background:#effaf4}.metric-arrow{margin-left:auto;color:#8aa39a;position:relative;z-index:2}.premium-card{border-top:3px solid transparent;transition:.25s}.premium-card:hover{border-top-color:var(--primary);transform:translateY(-7px);box-shadow:0 24px 55px rgba(16,35,63,.12)}.workflow-panel.refined{background:linear-gradient(120deg,#062f27,#087a45 58%,#10a26b);box-shadow:0 28px 70px rgba(6,68,45,.2)}.admin-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--line);margin-top:6px}.page-summary{font-size:11px;color:var(--muted)}.pagination .page-link{border:0;color:#61736c;border-radius:8px!important;margin:0 2px;min-width:34px;text-align:center}.pagination .active .page-link{background:var(--primary);color:#fff}.action-stack{display:flex;gap:5px}.action-stack form{margin:0}.admin-table tbody tr{transition:.18s}.admin-table tbody tr:hover{background:#f8fbf9}.admin-card-pro{box-shadow:0 12px 34px rgba(16,35,63,.055)}.admin-page-head h1{letter-spacing:-.02em}.table-toolbar{background:#f8faf9;border:1px solid #edf2ef;border-radius:12px;padding:10px}.pro-modal .modal-header{border-bottom:1px solid var(--line)}.pro-modal .modal-footer{border-top:1px solid var(--line)}
@media(max-width:767px){.hero-modern{padding:74px 0 102px}.hero-modern h1{font-size:2.55rem}.trust-row{gap:13px 18px}.modern-stats{margin-top:-36px}.admin-pagination{align-items:flex-start;gap:12px;flex-direction:column}.page-summary{order:2}}
/* v4 professional enhancements */
.main-nav{min-height:74px}.navbar-brand strong{letter-spacing:.02em}.hero-carousel-wrap{position:relative;background:#062f25}.hero-slide{min-height:590px;background-size:cover;background-position:center;display:flex;align-items:center}.hero-slide-content{max-width:720px;color:#fff;padding:95px 0 130px}.hero-slide-content h1{font-size:clamp(2.7rem,5vw,5rem);font-weight:800;line-height:1.02;letter-spacing:-.045em;margin:22px 0}.hero-slide-content p{font-size:1.18rem;max-width:650px;color:rgba(255,255,255,.86);line-height:1.75}.hero-carousel-wrap .carousel-control-prev,.hero-carousel-wrap .carousel-control-next{width:7%}.hero-carousel-wrap .carousel-indicators{bottom:80px}.hero-search-floating{position:absolute;left:50%;transform:translateX(-50%);bottom:-35px;z-index:5}.hero-search-floating form{background:#fff;border-radius:18px;box-shadow:0 20px 55px rgba(0,34,23,.2);padding:10px 10px 10px 22px;display:flex;align-items:center;gap:14px;max-width:900px;margin:auto}.hero-search-floating input{border:0;outline:0;flex:1;font-size:1.05rem}.hero-search-floating button{border:0;background:#087a45;color:#fff;padding:15px 25px;border-radius:12px;font-weight:700}.modern-stats{margin-top:70px}.news-image{height:200px;background:linear-gradient(135deg,#d8f5e7,#a8d9c5);background-size:cover;background-position:center;border-radius:18px 18px 0 0;position:relative}.news-image span{position:absolute;left:16px;top:16px;background:#fff;padding:7px 12px;border-radius:999px;font-size:.75rem;font-weight:700}.section-dark{background:#062f25;color:#fff}.video-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden}.video-card>div:last-child{padding:20px}.video-card iframe{border:0}.video-card.light{background:#fff;color:#13261e;border:1px solid #e4ece8;box-shadow:0 12px 30px rgba(8,56,39,.07)}.workflow-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.workflow-horizontal>div{position:relative;border:1px solid #dce9e2;border-radius:18px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:12px}.workflow-horizontal span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#087a45;color:#fff;font-weight:800}.workflow-horizontal i{font-size:1.8rem;color:#087a45}.document-widget{background:#f4faf7;padding:28px;border-radius:24px}.document-widget>a{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #dce8e2;color:#183c2f;text-decoration:none}.document-widget>a div{flex:1}.document-widget>a small{display:block;color:#72877e}.doc-type,.file-icon{display:inline-grid;place-items:center;min-width:45px;height:45px;padding:0 8px;border-radius:12px;background:#e3f6ec;color:#087a45;font-size:.72rem;font-weight:800}.file-icon.large{min-width:62px;height:62px}.document-card{height:100%;display:flex;gap:18px;padding:24px;border:1px solid #e2ebe6;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(5,52,35,.05)}.document-card a{font-weight:700;color:#087a45}.page-hero.compact{padding:75px 0;background:linear-gradient(135deg,#063b2a,#0d8a53);color:#fff}.thumb-sm{width:64px;height:48px;border-radius:10px;background:#e8f3ed center/cover}.form-side-card{padding:18px;border:1px solid #e2e9e5;border-radius:16px;margin-bottom:16px;background:#fbfdfc}.form-side-card h6{font-weight:800;margin-bottom:15px}.cover-preview{width:100%;height:160px;object-fit:cover;border-radius:12px;margin-bottom:12px}.file-icon{flex:0 0 auto}.video-admin-card,.banner-admin-card{padding:0;overflow:hidden}.banner-preview{height:240px;background:linear-gradient(135deg,#076b43,#28ae77);background-size:cover;background-position:center}.ck-editor__editable{min-height:320px}.admin-card-pro iframe{border:0}.footer{margin-top:0}
@media(max-width:991px){.hero-slide{min-height:540px}.hero-slide-content{padding:75px 0 120px}.workflow-horizontal{grid-template-columns:1fr 1fr}.hero-search-floating{width:92%}}
@media(max-width:575px){.hero-slide{min-height:520px}.hero-slide-content h1{font-size:2.45rem}.hero-slide-content p{font-size:1rem}.hero-search-floating form{padding:8px 8px 8px 15px}.hero-search-floating button{padding:13px}.workflow-horizontal{grid-template-columns:1fr}.modern-stats{margin-top:55px}}

/* v5 workflow & document center refinement */
.workflow-section{padding-top:76px;padding-bottom:76px}.workflow-panel.refined{display:grid;grid-template-columns:.85fr 1.5fr;gap:42px;align-items:center;padding:46px;border-radius:28px;position:relative;overflow:hidden}.workflow-panel.refined:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-120px;background:rgba(255,255,255,.08)}.workflow-copy{position:relative;z-index:2}.workflow-copy h2{font-size:clamp(2rem,3.3vw,3rem);font-weight:800;letter-spacing:-.035em;margin:12px 0 16px}.workflow-copy p{color:rgba(255,255,255,.8);line-height:1.75;margin-bottom:24px}.workflow-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2}.workflow-step{display:grid;grid-template-columns:42px 46px 1fr;align-items:center;gap:13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:18px;color:#fff;backdrop-filter:blur(8px);transition:.22s}.workflow-step:hover{background:#fff;color:#123b2d;transform:translateY(-3px)}.workflow-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#087a45;font-weight:800}.workflow-step>i{font-size:1.65rem}.workflow-step b{display:block;font-size:1rem}.workflow-step small{display:block;color:rgba(255,255,255,.68);margin-top:3px}.workflow-step:hover small{color:#718178}.document-center-section{background:linear-gradient(180deg,#f6faf8 0%,#fff 100%)}.doc-center-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 28px}.doc-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfeae4;border-radius:14px;padding:14px 18px;color:#84958d;min-width:360px;box-shadow:0 8px 24px rgba(8,56,39,.04)}.doc-filter-pills{display:flex;gap:8px;flex-wrap:wrap}.doc-filter-pills span{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #dfeae4;font-size:.8rem;font-weight:700;color:#5e7168}.doc-filter-pills span.active{background:#087a45;color:#fff;border-color:#087a45}.document-card-pro{height:100%;background:#fff;border:1px solid #e0ebe5;border-radius:22px;padding:24px;box-shadow:0 12px 35px rgba(7,69,45,.055);transition:.24s}.document-card-pro:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(7,69,45,.1);border-color:#b9ddca}.document-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.document-file-icon{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#e5f8ee,#f4fbf7);display:grid;place-items:center;color:#087a45;font-size:1.7rem}.document-badge{font-size:.7rem;font-weight:800;padding:6px 10px;background:#eef8f3;color:#087a45;border-radius:999px}.document-card-pro>small{color:#7b8b84;font-size:.75rem}.document-card-pro h5{font-weight:800;margin:8px 0 10px;line-height:1.35}.document-card-pro p{color:#6c7d75;font-size:.87rem;line-height:1.65;min-height:56px}.document-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf2ef;padding-top:16px;margin-top:18px;font-size:.76rem;color:#7d8d86}.document-card-footer a{font-weight:800;color:#087a45;text-decoration:none}.document-more-card{height:100%;min-height:280px;border-radius:22px;padding:28px;background:linear-gradient(145deg,#076b43,#0aa263);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;text-decoration:none;position:relative;overflow:hidden}.document-more-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-75px;bottom:-80px;background:rgba(255,255,255,.1)}.document-more-card>i:first-child{font-size:2.6rem}.document-more-card div{display:flex;flex-direction:column;gap:6px}.document-more-card b{font-size:1.25rem}.document-more-card span{color:rgba(255,255,255,.75)}.document-more-card>i:last-child{position:absolute;right:24px;top:24px;font-size:1.25rem}
@media(max-width:991px){.workflow-panel.refined{grid-template-columns:1fr}.doc-center-toolbar{align-items:flex-start;flex-direction:column}.doc-search{min-width:0;width:100%}}@media(max-width:575px){.workflow-panel.refined{padding:28px 22px}.workflow-steps{grid-template-columns:1fr}.doc-filter-pills{display:none}}


/* v6 login security refinement */
.captcha-panel{margin-top:8px;padding:16px;border:1px solid #dce9e2;border-radius:14px;background:#f6faf8}.captcha-question{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#53675e}.captcha-question i{width:34px;height:34px;border-radius:10px;background:#e3f6ec;color:#087a45;display:grid;place-items:center;font-size:1.05rem}.captcha-question span{font-size:.82rem}.captcha-question strong{margin-left:auto;color:#10233f;font-size:1.08rem}.captcha-note{display:block;margin-top:9px;color:#718178}.login-form>label{font-weight:700;font-size:.83rem;margin-bottom:7px}.login-form .input-icon{margin-bottom:14px}

/* v7 navigation and integrated process redesign */
.main-nav .container{max-width:1320px}.main-nav .nav-link{display:flex;align-items:center;gap:7px;padding:12px 14px!important;border-radius:12px;color:#667085!important}.main-nav .nav-link:hover,.main-nav .nav-link:focus{background:#f1f3ff;color:#5147e5!important}.main-nav .nav-pill-link{background:#f0efff;color:#5147e5!important}.login-nav-btn{border-radius:999px;padding:11px 22px;box-shadow:0 10px 24px rgba(81,71,229,.22)}.portal-dropdown{width:330px;padding:12px;border:1px solid #e6e7f2;border-radius:18px;box-shadow:0 20px 50px rgba(26,31,61,.16)}.portal-dropdown .dropdown-item{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:12px;white-space:normal}.portal-dropdown .dropdown-item:hover{background:#f1f0ff;color:#5147e5}.portal-dropdown .dropdown-item>i{width:38px;height:38px;border-radius:10px;background:#efefff;color:#5147e5;display:grid;place-items:center;font-size:1.1rem}.portal-dropdown .dropdown-item span{display:flex;flex-direction:column}.portal-dropdown .dropdown-item b{font-size:.9rem}.portal-dropdown .dropdown-item small{font-size:.72rem;color:#858b9b;margin-top:2px}
.workflow-section{background:linear-gradient(180deg,#f7f8ff 0%,#fff 100%)}.workflow-showcase{border:1px solid #e7e9f5;border-radius:32px;padding:54px 42px;background:#fff;box-shadow:0 24px 70px rgba(34,45,94,.08);position:relative;overflow:hidden}.workflow-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(81,71,229,.08),transparent 28%),radial-gradient(circle at 90% 100%,rgba(0,166,118,.08),transparent 25%);pointer-events:none}.workflow-heading{position:relative;z-index:2;max-width:760px;margin:0 auto 42px}.workflow-heading h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:800;letter-spacing:-.035em}.workflow-heading p{color:#737b8c;font-size:1rem;line-height:1.7}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:2}.process-card{position:relative;min-height:265px;padding:26px 22px;border-radius:24px;border:1px solid #e7e9f2;background:#fff;transition:.25s;overflow:visible}.process-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(39,48,91,.12)}.process-number{position:absolute;right:18px;top:14px;font-size:2.6rem;line-height:1;font-weight:800;opacity:.10}.process-icon{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;font-size:1.7rem;margin-bottom:24px}.process-content small{font-size:.68rem;letter-spacing:1.3px;font-weight:800}.process-content h5{font-size:1.08rem;font-weight:800;margin:8px 0 11px}.process-content p{font-size:.84rem;color:#727b8d;line-height:1.65;margin:0}.process-blue .process-icon{background:#e8f0ff;color:#2563eb}.process-blue .process-content small{color:#2563eb}.process-purple .process-icon{background:#efebff;color:#6d4aff}.process-purple .process-content small{color:#6d4aff}.process-orange .process-icon{background:#fff0df;color:#ec7a13}.process-orange .process-content small{color:#ec7a13}.process-green .process-icon{background:#e2f8ef;color:#008f65}.process-green .process-content small{color:#008f65}.process-arrow{position:absolute;right:-29px;top:104px;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e2e5ef;display:grid;place-items:center;color:#9aa1b1;z-index:5;box-shadow:0 8px 20px rgba(33,43,86,.10)}.workflow-action{position:relative;z-index:2;margin-top:35px}.workflow-action .btn{border-radius:999px;padding:14px 28px}.about-portal-section{padding-top:30px}.about-portal-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:34px;border:1px solid #e1e9e5;border-radius:26px;background:linear-gradient(135deg,#f7fbf9,#f4f5ff)}.about-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(145deg,#087a45,#5147e5);color:#fff;display:grid;place-items:center;font-size:1.8rem}.about-portal-card h2{font-weight:800;margin:0 0 8px}.about-portal-card p{margin:0;color:#69756f;line-height:1.7}
@media(max-width:1199px){.process-track{grid-template-columns:repeat(2,1fr)}.process-arrow{display:none}}@media(max-width:991px){.main-nav .nav-link{margin:3px 0}.portal-dropdown{width:100%}.about-portal-card{grid-template-columns:auto 1fr}.about-portal-card .btn{grid-column:1/-1;width:max-content}}@media(max-width:575px){.workflow-showcase{padding:38px 20px}.process-track{grid-template-columns:1fr}.process-card{min-height:auto}.about-portal-card{grid-template-columns:1fr}.about-icon{width:58px;height:58px}.about-portal-card .btn{width:100%}}
/* Dashboard publik */
.dash-hero{background:linear-gradient(120deg,#2445af,#2478ed);color:#fff;padding:54px 0 48px}.dash-hero h1{font-size:clamp(2rem,4vw,3.3rem);font-weight:800;margin:10px 0}.dash-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.88)}.dash-kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em;color:#dbeafe}.date-filter{display:flex;gap:10px;align-items:end;background:rgba(255,255,255,.14);padding:12px;border:1px solid rgba(255,255,255,.3);border-radius:14px}.date-filter label{font-size:.67rem;font-weight:700}.date-filter input{display:block;border:0;border-radius:8px;padding:9px;margin-top:4px}.date-filter button{border:0;background:#fff;color:#2457c5;border-radius:8px;padding:10px 14px;font-weight:700}.dashboard-canvas{background:#f2f5ff;padding:28px 0 65px;min-height:650px}.metric-card,.rank-panel,.trend-panel,.sla-shell,.infra-shell{background:#fff;border:1px solid #d8e1ff;border-radius:14px;box-shadow:0 8px 28px rgba(42,67,145,.06)}.metric-card{padding:18px;display:grid;grid-template-columns:auto 1fr;column-gap:12px}.metric-card .metric-icon{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.metric-icon.purple{background:#efedff;color:#6252df}.metric-icon.blue{background:#e6f6ff;color:#1ea7d8}.metric-icon.green{background:#e9fff6;color:#14b87a}.metric-card small{font-weight:700;color:#475569}.metric-card strong{font-size:1.5rem;color:#101c4d}.rank-panel{height:100%;overflow:hidden}.rank-head,.trend-head{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #dfe6fb}.rank-head span{font-size:.7rem;color:#4f46e5;font-weight:700}.rank-list{padding:12px}.rank-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #d9e1ff;border-radius:10px;margin-bottom:9px;background:#fafbff}.rank-no{width:25px;height:25px;border-radius:8px;background:#edeaff;color:#5b52df;display:grid;place-items:center;font-size:.75rem;font-weight:800}.rank-item div{flex:1}.rank-item b{font-size:.78rem;display:block}.rank-item small{font-size:.65rem;color:#64748b}.rank-item strong{color:#4f46e5;font-size:.8rem}.see-all{display:block;margin:0 12px 12px;text-align:center;padding:9px;background:#f0eeff;border-radius:8px;font-size:.74rem;font-weight:700;color:#5046e5;text-decoration:none}.trend-panel{overflow:hidden}.trend-head small{display:block;color:#64748b;font-size:.7rem;margin-top:3px}.trend-head>span{font-size:.7rem}.trend-total{padding:14px 16px 0}.trend-total small{display:block}.trend-total strong{font-size:1.3rem}.chart-wrap{height:300px;padding:10px 16px 18px}.sla-shell{padding:20px}.sla-title{display:flex;justify-content:space-between;align-items:start}.sla-title h3{margin:0 0 6px;font-weight:800}.year-chip,.domain-chip{display:inline-block;padding:3px 7px;border-radius:4px;font-size:.75rem;font-weight:800}.year-chip{background:#0f172a;color:#fff}.domain-chip{background:#dc3545;color:#fff}.system-dot{font-size:.75rem;color:#475569}.system-dot i,.status-light{display:inline-block;width:9px;height:9px;background:#16a34a;border-radius:50%;box-shadow:0 0 0 3px #dcfce7}.update-card{display:inline-flex;flex-direction:column;margin:25px 0 18px;border-radius:10px;overflow:hidden;box-shadow:0 8px 20px rgba(15,23,42,.12)}.update-card small{background:#e73349;color:#fff;padding:7px 12px}.update-card strong{padding:13px 16px;font-size:1.05rem}.sla-group h4{background:#a6202d;color:#fff;padding:8px 12px;border-radius:6px;font-size:.9rem;margin:0 0 10px}.sla-group{margin-bottom:18px}.sla-card{border-radius:9px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.12);overflow:hidden;min-height:118px}.sla-card span{display:block;background:#e73349;color:#fff;padding:7px 10px;font-size:.67rem}.sla-card strong{display:block;padding:14px 16px 0;font-size:2rem;font-weight:400;white-space:nowrap}.sla-card small{padding-left:17px;color:#64748b}.infra-shell{overflow:hidden}.infra-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid #cad7f7;overflow:auto}.infra-tabs a{padding:18px 15px;border-right:1px solid #e4e9f6;white-space:nowrap;font-size:.78rem;font-weight:700}.infra-tabs a.active{color:#1268ed;border-bottom:3px solid #1268ed}.infra-tabs span{margin-left:auto;padding:0 16px;white-space:nowrap;font-size:.67rem}.infra-content{padding:28px}.infra-content h2{font-weight:800;margin-bottom:18px}.info-alert{display:flex;gap:12px;align-items:start;background:#f3f8ff;border:1px solid #8fc1ff;border-radius:8px;padding:14px;color:#164c93}.info-alert p{margin:0;flex:1;font-size:.76rem}.info-alert button{border:0;background:none;color:#164c93}.summary-grid>div>div{display:flex;gap:12px;align-items:center;border:1px solid #cfdcf8;border-radius:8px;padding:14px}.summary-grid i{font-size:1.5rem;color:#1172f3}.summary-grid span small,.summary-grid span strong{display:block}.summary-grid small{font-size:.7rem;font-weight:700}.infra-card{height:100%;border:1px solid #cad9f6;border-radius:9px;padding:14px;display:flex;flex-direction:column}.infra-card-title{display:flex;gap:10px}.infra-card-title>span{width:40px;height:40px;border-radius:9px;background:#edf5ff;color:#1773ed;display:grid;place-items:center;font-size:1.25rem}.infra-card h4{font-size:.86rem;font-weight:800;margin:0 0 6px}.infra-card p{font-size:.72rem;color:#475569;margin:0;min-height:42px}.monitor-url{font-size:.68rem;color:#0b66e4;margin:14px 0;word-break:break-all}.infra-card>a{margin-top:auto;background:#1473ef;color:#fff;text-align:center;text-decoration:none;padding:10px;border-radius:5px;font-size:.75rem;font-weight:800}.portal-dropdown{min-width:335px}@media(max-width:767px){.date-filter{width:100%;flex-wrap:wrap}.date-filter label{flex:1}.date-filter input{width:100%}.sla-card strong{font-size:1.4rem}.infra-content{padding:18px}.infra-tabs span{display:none}.portal-dropdown{min-width:100%}}
/* Footer enterprise */
.portal-footer{position:relative;background:#0c1b3b;color:#aebddd;padding-top:62px}.footer-top{padding-bottom:42px}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand .brand-mark{background:#fff;color:#1976ed;width:55px;height:55px;border-radius:16px}.footer-brand h3{font-size:1.25rem;font-weight:800;color:#fff;margin:0}.footer-brand p{font-size:.77rem;margin:3px 0 0;color:#8194bc}.footer-divider{height:1px;background:rgba(255,255,255,.1);margin:24px 0}.footer-contact h6{color:#fff;font-size:.86rem;font-weight:800;margin:0 0 9px}.footer-contact p{font-size:.78rem;line-height:1.8;margin:0 0 16px}.footer-title{font-size:.68rem;letter-spacing:.11em;color:#5f729d;font-weight:800;margin-bottom:20px}.footer-menu{display:flex;flex-direction:column;gap:12px}.footer-menu a{color:#b7c4df;text-decoration:none;font-size:.82rem;display:flex;gap:9px;align-items:center}.footer-menu a:hover{color:#fff;transform:translateX(3px)}.footer-menu i{width:16px}.footer-social{display:flex;gap:10px}.footer-social a{width:39px;height:39px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:#c4d0e6;background:rgba(255,255,255,.05)}.footer-social a:hover{background:#176cff;color:#fff}.developer-badge{display:block;width:max-content;max-width:100%;padding:11px 17px;border-radius:12px;border:1px solid #3d50bb;background:#17235c;color:#c9d1ff;font-size:.76rem;font-weight:700;text-decoration:underline}.survey-card{margin-top:16px;max-width:305px;display:flex;align-items:center;gap:12px;padding:13px;border-radius:14px;border:1px solid #1477a8;background:linear-gradient(135deg,#0b315a,#083f68);color:#fff;text-decoration:none}.survey-card>span{width:42px;height:42px;border-radius:12px;background:#13bdf2;display:grid;place-items:center}.survey-card div{display:flex;flex:1;flex-direction:column}.survey-card small{font-size:.64rem;color:#9fbfe0}.survey-card b{font-size:.78rem}.visitor-panel{margin-top:46px;border:1px solid rgba(92,119,184,.42);background:linear-gradient(90deg,#17275e,#0d3155);border-radius:17px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:22px}.visitor-label{display:flex;align-items:center;gap:14px}.visitor-label>span{width:45px;height:45px;border-radius:13px;background:#2b378a;display:grid;place-items:center;color:#a9a8ff}.visitor-label b,.visitor-label small{display:block}.visitor-label b{font-size:.82rem;color:#fff}.visitor-label small{font-size:.68rem;color:#8398bf;margin-top:4px}.visitor-metrics{display:flex;gap:12px}.visitor-metrics>div{min-width:175px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:13px;padding:12px 16px;display:flex;align-items:center;gap:12px}.visitor-metrics i{color:#56c9ff}.visitor-metrics small,.visitor-metrics b{display:block}.visitor-metrics small{font-size:.64rem;color:#8298be}.visitor-metrics b{font-size:1rem;color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;font-size:.69rem;color:#576b92}.floating-access,.floating-wa{position:fixed;z-index:1050;bottom:20px;border-radius:999px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;padding:9px 16px;box-shadow:0 10px 24px rgba(0,0,0,.18);font-size:.63rem;line-height:1.1}.floating-access{right:170px;background:#2257ef;border:2px solid #6d8cff}.floating-wa{right:22px;background:#19b84c;border:2px solid #62de88}.floating-access>i,.floating-wa>i{font-size:1.35rem}.floating-access b,.floating-wa b{font-size:.7rem}.db-tool-head{display:flex;gap:15px;align-items:center;margin-bottom:24px}.db-tool-head h4{margin:0 0 5px;font-weight:800}.db-tool-head p{margin:0;color:#718096;font-size:.82rem}.db-tool-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:1.4rem}.db-tool-icon.blue{background:#e8f1ff;color:#176ef2}.db-tool-icon.orange{background:#fff1df;color:#e77910}.db-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.db-meta>div{padding:14px;border:1px solid #e4e9f4;border-radius:12px;background:#fafbfe}.db-meta small,.db-meta strong{display:block}.db-meta small{font-size:.7rem;color:#7b879b}.db-meta strong{margin-top:5px;font-size:.84rem}.upload-drop{border:2px dashed #cbd5e1;border-radius:14px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;background:#fafcff}.upload-drop i{font-size:2rem;color:#5b6b82}.upload-drop b{margin-top:7px}.upload-drop small{color:#7c8799}.upload-drop input{margin-top:12px;max-width:100%}
@media(max-width:991px){.visitor-panel{align-items:stretch;flex-direction:column}.visitor-metrics{width:100%}.visitor-metrics>div{flex:1}.floating-access{right:155px}}@media(max-width:575px){.portal-footer{padding-top:42px}.visitor-metrics{flex-direction:column}.visitor-metrics>div{width:100%}.floating-access,.floating-wa{bottom:12px;padding:8px 11px}.floating-access{right:130px}.floating-wa{right:10px}.floating-access span,.floating-wa span{display:none}.db-meta{grid-template-columns:1fr}}

/* V10 — identitas hijau Malut Pedia */
:root{--mp-green:#087a45;--mp-green-dark:#064b30;--mp-green-deep:#063824;--mp-mint:#eaf8f1;--mp-lime:#43c77b}
.btn-primary,.login-nav-btn{background:var(--mp-green)!important;border-color:var(--mp-green)!important}.btn-primary:hover,.login-nav-btn:hover{background:var(--mp-green-dark)!important;border-color:var(--mp-green-dark)!important}.btn-outline-primary{color:var(--mp-green)!important;border-color:var(--mp-green)!important}.btn-outline-primary:hover{background:var(--mp-green)!important;color:#fff!important}.text-primary{color:var(--mp-green)!important}.main-nav .nav-link:hover,.main-nav .nav-link:focus,.main-nav .dropdown-item:hover{color:var(--mp-green)!important}.portal-dropdown .dropdown-item i{color:var(--mp-green)!important}.dash-hero{background:linear-gradient(118deg,#064b30,#0b8a4f 58%,#18a765)!important}.dashboard-canvas{background:#f0f8f4!important}.date-filter{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important}.metric-icon.blue,.metric-icon.purple,.metric-icon.green{background:#e7f7ef!important;color:var(--mp-green)!important}.rank-no{background:#e7f7ef!important;color:var(--mp-green)!important}.rank-item strong,.see-all{color:var(--mp-green)!important}.see-all{background:#eaf8f1!important}.infra-tabs a.active{color:var(--mp-green)!important;border-bottom-color:var(--mp-green)!important}.summary-grid i,.infra-card-title>span{color:var(--mp-green)!important}.infra-card>a{background:var(--mp-green)!important}.info-alert{background:#effaf4!important;border-color:#8dd8b2!important;color:#075a37!important}.info-alert button{color:#075a37!important}.portal-footer{background:#062c20!important}.footer-brand .brand-mark{color:var(--mp-green)!important}.footer-social a:hover{background:var(--mp-green)!important}.developer-badge{border-color:#27885a!important;background:#0b4b35!important;color:#d9f8e8!important}.survey-card{border-color:#32a86d!important;background:linear-gradient(135deg,#075338,#087a45)!important}.survey-card>span{background:#32bc76!important}.visitor-panel{border-color:rgba(73,185,125,.42)!important;background:linear-gradient(90deg,#0b4a35,#073b2c)!important}.visitor-label>span{background:#116542!important;color:#a7f3d0!important}.visitor-metrics i{color:#6ee7a7!important}.floating-access{background:var(--mp-green)!important;border-color:#5ed295!important}.floating-wa{background:#159447!important}.sidebar{background:#063824!important}.sidebar nav a:hover,.sidebar nav a.active{background:#0c6845!important;color:#fff!important}.admin-brand .brand-mark{background:#0e8153!important}.admin-header .dot{background:#26b36d!important}

/* Panel aksesibilitas */
.floating-access{border-style:solid;cursor:pointer;font-family:inherit}.accessibility-panel{position:fixed;right:170px;bottom:82px;z-index:1060;width:270px;background:#fff;border:1px solid #cde7da;border-radius:18px;box-shadow:0 18px 50px rgba(4,64,39,.24);padding:10px;opacity:0;visibility:hidden;transform:translateY(12px) scale(.97);transition:.2s ease}.accessibility-panel.show{opacity:1;visibility:visible;transform:none}.accessibility-head{display:flex;align-items:center;justify-content:space-between;padding:9px 10px 12px;color:#064b30;border-bottom:1px solid #e4f2eb}.accessibility-head button{border:0;background:#edf8f2;width:30px;height:30px;border-radius:9px;font-size:1.2rem;color:#064b30}.accessibility-panel>button:not(.accessibility-head button){width:100%;border:0;background:transparent;border-radius:10px;padding:10px 11px;text-align:left;color:#244337;display:flex;gap:10px;align-items:center}.accessibility-panel>button:hover{background:#eaf8f1;color:#087a45}.access-high-contrast{filter:contrast(1.35)}.access-high-contrast .portal-footer,.access-high-contrast .dash-hero{background:#000!important}.access-grayscale{filter:grayscale(1)}.access-link-underline a{text-decoration:underline!important;text-underline-offset:3px}
@media(max-width:575px){.accessibility-panel{right:12px;bottom:68px;width:calc(100vw - 24px)}}

/* V11 - SLA modal cleanup */
.sla-admin-modal .modal-dialog{max-width:1080px}.sla-admin-modal .modal-content{overflow:hidden;box-shadow:0 28px 90px rgba(11,38,50,.25)}.sla-admin-modal .modal-header{border-bottom:1px solid var(--line);background:#fff}.sla-admin-modal .modal-footer{border-top:1px solid var(--line);background:#fff;padding:16px 24px}.sla-admin-modal .modal-body{padding:24px;background:#f4f8f6}.modal-kicker{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--primary)}.sla-form-layout{display:grid;gap:18px}.sla-form-section{background:#fff;border:1px solid #dfe9e4;border-radius:18px;padding:22px}.sla-form-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sla-form-title>i{width:42px;height:42px;border-radius:12px;background:#e7f7ef;color:var(--primary);display:grid;place-items:center;font-size:18px}.sla-form-title b,.sla-form-title small{display:block}.sla-form-title small{color:var(--muted);font-size:11px;margin-top:2px}.sla-admin-modal .form-label{font-size:12px;font-weight:700;color:#3c4a44}.sla-admin-modal .form-control,.sla-admin-modal .input-group-text{min-height:46px;border-color:#d7e3dd}.sla-admin-modal .form-control:focus{border-color:#5fbd8e;box-shadow:0 0 0 .2rem rgba(8,122,69,.12)}.sla-semester-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sla-semester-card{border:1px solid #dfe9e4;border-radius:16px;padding:18px;background:linear-gradient(180deg,#fbfefc,#f6faf8)}.semester-label{display:flex;gap:11px;align-items:center;margin-bottom:17px}.semester-label>span{width:38px;height:38px;border-radius:11px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.semester-label b,.semester-label small{display:block}.semester-label small{font-size:10px;color:var(--muted)}.sla-status-box{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#e9f8f0;border:1px solid #cce9da;border-radius:16px;padding:18px 20px}.sla-status-box b,.sla-status-box small{display:block}.sla-status-box small{font-size:11px;color:#557064;margin-top:3px}.sla-status-box .form-switch{display:flex;align-items:center;gap:9px}.sla-status-box .form-check-input{width:48px;height:25px;margin:0}.sla-status-box .form-check-label{font-size:12px;font-weight:700}

/* V11 - horizontal animated life-cycle */
.life-cycle-section{background:linear-gradient(180deg,#f4faf7 0%,#fff 100%);overflow:hidden}.life-cycle-shell{position:relative;padding:24px 8px 12px}.life-cycle-line{position:absolute;left:7%;right:7%;top:67px;height:3px;background:linear-gradient(90deg,#d8ece2,#0ca45f,#d8ece2);border-radius:99px;overflow:hidden}.life-cycle-line:after{content:"";position:absolute;top:0;left:-30%;width:28%;height:100%;background:linear-gradient(90deg,transparent,#fff,transparent);animation:lifeFlow 3.2s linear infinite}.life-cycle-track{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:18px;position:relative;z-index:2}.life-cycle-item{text-decoration:none;color:var(--text);text-align:center;display:flex;flex-direction:column;align-items:center;padding:0 12px 22px;border-radius:22px;transition:.3s;animation:lifeEnter .7s ease both;animation-delay:var(--delay)}.life-cycle-item:hover{transform:translateY(-7px);background:#fff;box-shadow:0 20px 45px rgba(8,122,69,.10)}.life-cycle-dot{width:86px;height:86px;border-radius:50%;background:#fff;border:3px solid #bfe4d0;color:var(--primary);display:grid;place-items:center;font-size:29px;box-shadow:0 12px 30px rgba(8,122,69,.13);position:relative;transition:.3s}.life-cycle-dot:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(8,122,69,.18);border-radius:50%;animation:lifePulse 2.4s ease-out infinite}.life-cycle-item:hover .life-cycle-dot{background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;border-color:#fff;transform:rotate(-4deg) scale(1.05)}.life-cycle-step{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--primary);margin:17px 0 7px}.life-cycle-item>b{font-size:15px;line-height:1.35}.life-cycle-item>small{font-size:11px;color:var(--muted);margin-top:6px}.life-cycle-action{font-size:11px;font-weight:700;color:var(--primary);margin-top:13px;opacity:0;transform:translateY(5px);transition:.25s}.life-cycle-item:hover .life-cycle-action{opacity:1;transform:translateY(0)}@keyframes lifeFlow{to{left:105%}}@keyframes lifePulse{0%{transform:scale(.88);opacity:.75}75%,100%{transform:scale(1.22);opacity:0}}@keyframes lifeEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1199px){.life-cycle-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 4px 18px;scrollbar-width:thin}.life-cycle-item{min-width:220px;scroll-snap-align:start}.life-cycle-line{left:45px;right:45px}}
@media(max-width:767px){.sla-semester-grid{grid-template-columns:1fr}.sla-admin-modal .modal-body{padding:15px}.sla-form-section{padding:17px}.sla-status-box{align-items:flex-start;flex-direction:column}.life-cycle-shell{padding-left:0;padding-right:0}.life-cycle-item{min-width:190px}.life-cycle-dot{width:76px;height:76px}.life-cycle-line{top:62px}}


/* V13 - Siklus hidup grid horizontal maksimal 5 kartu per baris */
.life-horizontal-section{padding:58px 0 76px;overflow:visible;background:linear-gradient(180deg,#fff 0%,#f5fbf8 100%)}
.life-horizontal-wrap{position:relative;padding:18px 0 8px}
.life-horizontal-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px;padding:18px 0 12px;overflow:visible}
.life-stage-card{position:relative;min-height:285px;padding:34px 24px 24px;border:1px solid #dcebe3;border-radius:24px;background:rgba(255,255,255,.98);color:var(--text);text-decoration:none;box-shadow:0 12px 36px rgba(8,122,69,.08);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;animation:lifeStageIn .65s both;animation-delay:calc(var(--stage-index) * .07s)}
.life-stage-card:after{content:"";position:absolute;top:82px;right:-21px;width:21px;height:3px;background:linear-gradient(90deg,var(--primary),#72d6a3);z-index:4}
.life-stage-card:nth-child(5n):after,.life-stage-card:last-child:after{display:none}
.life-stage-card:hover{transform:translateY(-10px);box-shadow:0 24px 55px rgba(8,122,69,.18);border-color:#7bcda3}
.life-stage-number{position:absolute;top:-17px;left:22px;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 9px 22px rgba(8,122,69,.28)}
.life-stage-icon{width:70px;height:70px;border-radius:22px;background:linear-gradient(145deg,#e7f8ef,#f6fcf9);color:var(--primary);display:grid;place-items:center;font-size:31px;position:relative;margin-bottom:22px;transition:.35s}
.life-stage-icon:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(8,122,69,.22);border-radius:27px;animation:lifePulse 2.4s infinite}
.life-stage-card:hover .life-stage-icon{background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;transform:rotate(-4deg) scale(1.06)}
.life-stage-content h4{font-size:1.28rem;font-weight:800;margin-bottom:9px}.life-stage-content p{color:var(--muted);font-size:.92rem;line-height:1.6;min-height:70px}.life-stage-content small{display:inline-flex;gap:7px;align-items:center;color:var(--primary);font-weight:800;font-size:.78rem}
.life-stage-arrow{position:absolute;right:20px;bottom:20px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#edf8f2;color:var(--primary);transition:.3s}.life-stage-card:hover .life-stage-arrow{background:var(--primary);color:#fff;transform:translateX(4px)}
.life-scroll-hint{display:none}
@keyframes lifeStageIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes lifePulse{0%,100%{opacity:.2;transform:scale(.92)}50%{opacity:.75;transform:scale(1.08)}}
@media(max-width:1399px){.life-horizontal-track{grid-template-columns:repeat(4,minmax(0,1fr))}.life-stage-card:nth-child(5n):after{display:block}.life-stage-card:nth-child(4n):after{display:none}}
@media(max-width:1099px){.life-horizontal-track{grid-template-columns:repeat(3,minmax(0,1fr))}.life-stage-card:nth-child(4n):after{display:block}.life-stage-card:nth-child(3n):after{display:none}}
@media(max-width:767px){.life-horizontal-section{padding-top:35px}.life-horizontal-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.life-stage-card{min-height:260px;padding:30px 18px 20px}.life-stage-card:after{display:none!important}.life-page-hero h1{font-size:2.35rem}}
@media(max-width:520px){.life-horizontal-track{grid-template-columns:1fr}.life-stage-card{min-height:245px}}

/* Pagination consistency for every admin data list */
.admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.admin-pagination .page-summary{font-size:11px;color:var(--muted)}
.admin-pagination .page-link{color:var(--primary);border-color:#dce9e2;min-width:34px;text-align:center;border-radius:8px!important;margin:0 2px;font-weight:700}
.admin-pagination .page-item.active .page-link{background:var(--primary);border-color:var(--primary);color:#fff}
@media(max-width:575px){.admin-pagination{flex-direction:column;align-items:stretch}.admin-pagination .pagination{justify-content:center}}

.page-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-indicator{display:inline-flex;padding:4px 9px;border-radius:999px;background:#edf8f2;color:var(--primary);font-weight:800}.admin-pagination .page-item.disabled .page-link{opacity:.45;pointer-events:none}
/* V14 — refined administration and dynamic branding */
.brand-logo-img,.footer-logo-img,.admin-logo-img{display:grid;place-items:center;flex:0 0 auto;overflow:hidden}
.brand-logo-img{width:48px;height:48px;border-radius:14px;background:#f0fbf5;border:1px solid #d9f1e4;box-shadow:0 8px 24px rgba(6,120,67,.12)}
.brand-logo-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.footer-logo-img{width:58px;height:58px;border-radius:15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}
.footer-logo-img img{width:100%;height:100%;object-fit:contain;padding:5px}
.admin-logo-img{width:42px;height:42px;border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.admin-logo-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.admin-body{background:linear-gradient(145deg,#f7fbf9 0%,#f4f7fb 100%)}
.admin-content{padding:30px 34px 50px}
.admin-header{background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #e6eee9}
.refined-head{padding:22px 24px;background:linear-gradient(135deg,#ffffff,#f0fbf5);border:1px solid #dcebe3;border-radius:20px;margin-bottom:24px;box-shadow:0 12px 35px rgba(15,62,42,.06)}
.refined-head h1{margin-bottom:4px}.save-settings{border-radius:13px;padding:13px 22px;box-shadow:0 9px 22px rgba(5,137,72,.2)}
.settings-card{padding:25px;border-radius:20px;border:1px solid #e0ebe5;box-shadow:0 12px 34px rgba(21,57,42,.055)}
.settings-card-head{display:flex;align-items:center;gap:13px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #edf2ef}
.settings-card-head h5{margin:0;font-weight:800;color:#17271f}.settings-card-head p{margin:3px 0 0;color:#75827b;font-size:.9rem}
.settings-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eaf8f0;color:#07894c;font-size:1.2rem}.settings-icon.whatsapp{background:#e7faef;color:#10a85b}
.settings-form .form-label{font-weight:700;color:#34483e;margin-bottom:7px}.settings-form .form-control,.settings-form .form-select,.settings-form .input-group-text{border-color:#dce7e1;border-radius:11px}.settings-form .input-group>.form-control{border-radius:0 11px 11px 0}.settings-form .input-group-text{background:#f3f8f5;color:#087b47}
.logo-upload-box{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;padding:16px;border:1px dashed #b9d8c7;border-radius:16px;background:#f8fcfa}.logo-upload-box.dark-preview{background:#14243c;border-color:#37506b;color:#fff}.logo-preview{height:78px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#079253;font-size:2rem;box-shadow:0 6px 18px rgba(24,65,46,.08)}.logo-preview img{width:100%;height:100%;object-fit:contain;padding:7px}.logo-upload-box small{display:block;margin-top:8px;color:#7a8981}.dark-preview small{color:#b9c7d5}
.settings-summary{padding:24px;border-radius:20px}.portal-mini-preview{border-radius:17px;padding:17px;background:linear-gradient(145deg,#092d21,#0c6f43);color:#fff;margin-bottom:20px}.mini-brand{display:flex;align-items:center;gap:12px}.mini-brand>span,.mini-brand>img{width:46px;height:46px;border-radius:12px;background:#fff;color:#0a9757;display:grid;place-items:center;object-fit:contain;padding:5px}.mini-brand b,.mini-brand small{display:block}.mini-brand small{opacity:.72;font-size:.75rem}.mini-wa{display:flex;align-items:center;gap:11px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}.mini-wa i{font-size:1.5rem}.mini-wa span,.mini-wa small{display:block}.mini-wa small{opacity:.75}
.setting-status{padding:13px 0}.setting-status span{color:#52645b}.setting-status b{color:#087b47;font-size:.82rem;background:#eaf8f0;padding:5px 9px;border-radius:999px}
.sidebar nav a{border-radius:11px;margin:2px 10px;padding:10px 12px}.sidebar nav a:hover{transform:translateX(3px)}
@media(max-width:767px){.admin-content{padding:20px 16px 40px}.refined-head{padding:18px}.refined-head .save-settings{width:100%;margin-top:14px}.logo-upload-box{grid-template-columns:1fr}.logo-preview{width:90px}.settings-card{padding:19px}}

/* V15 — stronger lifecycle motion and professional admin UI */
.life-cycle-section{position:relative;overflow:hidden}
.life-cycle-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 30%,rgba(12,164,95,.10),transparent 26%),radial-gradient(circle at 78% 72%,rgba(8,122,69,.08),transparent 28%);animation:lifeAmbient 9s ease-in-out infinite alternate}
.life-cycle-shell{position:relative;z-index:1}
.life-cycle-line{overflow:hidden;background:rgba(8,122,69,.20)!important}
.life-cycle-line:before{content:"";position:absolute;top:0;bottom:0;width:26%;left:-30%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.95),transparent);filter:drop-shadow(0 0 7px rgba(16,185,129,.65));animation:lifeFlowStrong 3.1s linear infinite}
.life-cycle-item{opacity:0;transform:translateY(38px) scale(.94);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.85,.25,1),filter .4s ease;will-change:transform,opacity}
.life-cycle-item.is-visible{opacity:1;transform:translateY(0) scale(1);transition-delay:var(--delay)}
.life-cycle-item:nth-child(odd).is-visible .life-cycle-dot{animation:lifeFloatA 3.3s ease-in-out infinite}
.life-cycle-item:nth-child(even).is-visible .life-cycle-dot{animation:lifeFloatB 3.7s ease-in-out infinite}
.life-cycle-dot{box-shadow:0 0 0 7px rgba(8,122,69,.08),0 15px 35px rgba(8,122,69,.15)!important}
.life-cycle-dot:before{content:"";position:absolute;inset:-11px;border:2px solid rgba(12,164,95,.28);border-radius:50%;animation:lifeRing 2.5s ease-out infinite}
.life-cycle-dot:after{animation:lifePulseStrong 2.5s ease-out infinite!important}
.life-cycle-item:hover{transform:translateY(-11px) scale(1.025)!important;filter:drop-shadow(0 18px 20px rgba(8,122,69,.15))}
.life-cycle-item:hover .life-cycle-dot{animation:lifeSpinPop .65s cubic-bezier(.2,.8,.2,1) both!important}
.life-cycle-item:hover .life-cycle-action{opacity:1;transform:translateY(0) scale(1.02)}
@keyframes lifeFlowStrong{0%{left:-30%}100%{left:108%}}
@keyframes lifeFloatA{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes lifeFloatB{0%,100%{transform:translateY(-3px) rotate(0)}50%{transform:translateY(8px) rotate(-2deg)}}
@keyframes lifePulseStrong{0%{transform:scale(.82);opacity:.75}80%,100%{transform:scale(1.42);opacity:0}}
@keyframes lifeRing{0%{transform:scale(.88);opacity:.75}75%,100%{transform:scale(1.25);opacity:0}}
@keyframes lifeSpinPop{0%{transform:scale(1) rotate(0)}45%{transform:scale(1.16) rotate(-8deg)}75%{transform:scale(1.08) rotate(5deg)}100%{transform:scale(1.1) rotate(0)}}
@keyframes lifeAmbient{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.04)}}
@media (prefers-reduced-motion:reduce){.life-cycle-section:before,.life-cycle-line:before,.life-cycle-dot,.life-cycle-dot:before,.life-cycle-dot:after{animation:none!important}.life-cycle-item{opacity:1;transform:none;transition:none}}

/* Admin shell */
.admin-body{background:#f3f7f5;color:#1d2923}
.sidebar{background:linear-gradient(180deg,#073f2c 0%,#075f3b 55%,#06452f 100%);box-shadow:14px 0 38px rgba(5,54,36,.16);border-right:1px solid rgba(255,255,255,.08)}
.admin-brand{padding:24px 18px 20px;border-bottom:1px solid rgba(255,255,255,.11);margin-bottom:9px}
.admin-brand b{letter-spacing:.3px}.admin-brand small{letter-spacing:1.7px;color:rgba(255,255,255,.62)}
.sidebar nav{padding:8px 7px 20px}
.sidebar .nav-label{font-size:9px;letter-spacing:1.55px;color:rgba(222,255,238,.54);padding:17px 18px 6px;font-weight:800}
.sidebar nav a{position:relative;color:rgba(241,255,247,.78)!important;border:1px solid transparent;transition:.25s ease}
.sidebar nav a i{font-size:1rem;width:22px;color:#a8e8c5}
.sidebar nav a:hover{color:#fff!important;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.08);transform:translateX(4px)}
.sidebar nav a.active{color:#073f2c!important;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.18);font-weight:800}
.sidebar nav a.active i{color:#078b4d}.sidebar nav a.active:before{content:"";position:absolute;left:-7px;top:10px;bottom:10px;width:4px;border-radius:4px;background:#45d38d}
.sidebar-footer{margin:12px;padding:13px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10)}
.admin-main{background:linear-gradient(135deg,#f7faf8,#eef5f2)}
.admin-header{height:74px;padding:0 30px;box-shadow:0 8px 28px rgba(31,64,49,.055);position:sticky;top:0;z-index:1020}
.admin-header .icon-btn{border-radius:12px;background:#f0f7f3;border:1px solid #dce9e2;color:#087b47}
.admin-search{background:#f4f8f6;border:1px solid #dde9e3;border-radius:13px;height:43px;transition:.2s}
.admin-search:focus-within{background:#fff;border-color:#7bcda3;box-shadow:0 0 0 4px rgba(8,122,69,.08)}
.admin-content{max-width:1680px;width:100%;margin:0 auto;padding:32px 36px 55px}
.admin-page-head{padding:24px 26px;margin-bottom:24px;border-radius:22px;background:linear-gradient(135deg,#fff 5%,#edf9f3 100%);border:1px solid #dcebe3;box-shadow:0 14px 38px rgba(28,73,51,.07);position:relative;overflow:hidden}
.admin-page-head:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-65px;top:-90px;background:radial-gradient(circle,rgba(12,164,95,.16),transparent 68%)}
.admin-page-head>div,.admin-page-head>button,.admin-page-head>a{position:relative;z-index:1}
.admin-page-head span{font-size:10px;letter-spacing:1.6px;color:#07894c;font-weight:800}.admin-page-head h1{font-size:1.95rem;font-weight:800;margin:5px 0}.admin-page-head p{color:#6b7c73;margin:0}
.admin-card-pro{border:1px solid #dfeae4;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 12px 35px rgba(30,71,51,.06);padding:22px;transition:box-shadow .25s,transform .25s}
.admin-card-pro:hover{box-shadow:0 18px 44px rgba(30,71,51,.09)}
.admin-kpi{border:1px solid #dfeae4;border-radius:20px;background:#fff;box-shadow:0 11px 30px rgba(29,69,49,.06);padding:20px;overflow:hidden;position:relative;transition:.25s}
.admin-kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#087a45,#45d38d)}
.admin-kpi:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(8,122,69,.12)}
.admin-kpi .kpi-icon{background:linear-gradient(145deg,#e7f8ef,#f6fcf9);box-shadow:inset 0 0 0 1px #d6eee1}
.card-head{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #edf2ef}.card-head h4{font-size:1.05rem;font-weight:800}.card-head p{color:#7b8b83}
.table-toolbar{padding:5px 2px 19px;margin-bottom:0;border-bottom:1px solid #edf2ef}
.admin-table{margin-bottom:0}.admin-table thead th{background:#f4f8f6!important;color:#506158;font-size:10px;letter-spacing:.65px;text-transform:uppercase;padding:13px 14px;border-bottom:1px solid #dfe8e3}.admin-table tbody td{padding:14px;border-color:#edf2ef;vertical-align:middle}.admin-table tbody tr{transition:.18s}.admin-table tbody tr:hover{background:#f6fbf8}
.admin-table .btn-light{background:#f4f8f6;border:1px solid #dfe9e4;border-radius:9px}.admin-table .btn-light:hover{background:#e9f7ef;color:#087b47;border-color:#b9ddca}
.form-control,.form-select{border-color:#d9e5df;border-radius:11px;min-height:43px}.form-control:focus,.form-select:focus{border-color:#65c794;box-shadow:0 0 0 .22rem rgba(8,122,69,.10)}
.form-section{border:1px solid #e0ebe5!important;border-radius:17px!important;background:#fbfdfc!important;padding:21px!important;margin-bottom:18px}.form-section h6{font-weight:800;color:#173326;margin-bottom:17px;padding-bottom:12px;border-bottom:1px solid #e8efeb}
.pro-modal .modal-content,.modal-content.pro-modal{border:0;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(18,48,34,.26)}
.pro-modal .modal-header{padding:20px 24px;background:linear-gradient(135deg,#f7fcf9,#eaf8f0);border-bottom:1px solid #dce9e2}.pro-modal .modal-footer{padding:16px 24px;background:#f8fbf9;border-top:1px solid #e1ebe6}
.btn{border-radius:11px;font-weight:700}.btn-primary{box-shadow:0 8px 18px rgba(8,122,69,.18)}.btn-primary:hover{transform:translateY(-1px)}
.admin-pagination{background:#f8fbf9;border:1px solid #e1ebe6;border-radius:15px;padding:13px 15px!important;margin-top:18px!important}
.date-chip,.online{border-radius:999px!important;background:#eaf8f0!important;color:#087b47!important;border:1px solid #d4ecdf!important}
@media(max-width:991px){.admin-content{padding:24px 20px 45px}.admin-header{padding:0 18px}.admin-page-head{padding:20px}}

/* V16 — corrected admin sidebar + continuous lifecycle flow */
.admin-body{overflow-x:hidden}
.sidebar{
  width:280px!important;
  height:100dvh!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.admin-brand{
  flex:0 0 auto;
  min-height:94px;
  padding:20px 20px 17px!important;
  margin:0!important;
  display:flex;
  align-items:center;
  gap:14px;
}
.admin-brand>div{min-width:0}
.admin-brand b{display:block;font-size:16px;line-height:1.15;white-space:normal}
.admin-brand small{display:block;margin-top:6px;font-size:9px}
.sidebar nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:8px 10px 14px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(153,231,188,.55) transparent;
}
.sidebar nav::-webkit-scrollbar{width:5px}
.sidebar nav::-webkit-scrollbar-thumb{background:rgba(153,231,188,.5);border-radius:10px}
.sidebar .nav-label{padding:15px 13px 6px!important;font-size:9px!important}
.sidebar nav a{
  min-height:42px;
  margin:2px 0!important;
  padding:9px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  white-space:normal!important;
  line-height:1.25;
  font-size:14px;
}
.sidebar nav a i{flex:0 0 23px;width:23px!important;text-align:center;font-size:17px!important}
.sidebar nav a span{min-width:0;overflow-wrap:anywhere}
.sidebar-footer{
  position:static!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  flex:0 0 auto!important;
  margin:10px 12px 14px!important;
  padding:11px 12px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 34px;
  align-items:center;
  gap:10px;
  backdrop-filter:blur(10px);
}
.sidebar-footer .avatar{width:40px;height:40px;border-radius:12px}
.sidebar-footer>div:nth-child(2){min-width:0}
.sidebar-footer b,.sidebar-footer small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-footer b{font-size:12px}.sidebar-footer small{font-size:9px;color:rgba(255,255,255,.58)}
.sidebar-footer>a{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#d8f8e7}
.sidebar-footer>a:hover{background:rgba(255,255,255,.12);color:#fff}
.admin-main{margin-left:280px!important;min-width:0}
@media(max-width:991px){
  .sidebar{transform:translateX(-102%);box-shadow:18px 0 50px rgba(0,0,0,.25)}
  .sidebar.show{transform:translateX(0)}
  .admin-main{margin-left:0!important}
}

.life-cycle-shell{position:relative;padding:20px 8px 8px!important}
.life-cycle-flow{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.life-flow-base{fill:none;stroke:url(#lifeGradient);stroke-width:3;opacity:.58;vector-effect:non-scaling-stroke}
.life-flow-runner{fill:none;stroke:#14b86a;stroke-width:5;stroke-linecap:round;stroke-dasharray:12 34;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(20,184,106,.8));animation:lifeSnakeFlow 1.35s linear infinite}
.life-flow-orb{fill:#0ca45f;stroke:#fff;stroke-width:3}
.life-cycle-line{display:none!important}
.life-cycle-track{position:relative;z-index:2;row-gap:56px!important}
.life-cycle-item{background:transparent}
.life-cycle-dot{background:rgba(255,255,255,.98)}
@keyframes lifeSnakeFlow{to{stroke-dashoffset:-46}}
@media(max-width:1199px){
  .life-cycle-track{grid-template-columns:repeat(5,minmax(140px,1fr));gap:14px;row-gap:48px!important}
}
@media(max-width:991px){
  .life-cycle-flow{display:none}
  .life-cycle-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px!important}
  .life-cycle-shell:before{
    content:"";position:absolute;left:50%;top:42px;bottom:36px;width:3px;transform:translateX(-50%);
    background:linear-gradient(180deg,#ccebd9,#0ca45f,#ccebd9);border-radius:99px;opacity:.55
  }
  .life-cycle-shell:after{
    content:"";position:absolute;left:calc(50% - 3px);top:42px;width:9px;height:65px;border-radius:99px;
    background:linear-gradient(180deg,transparent,#15ba6c,transparent);filter:drop-shadow(0 0 7px rgba(21,186,108,.8));
    animation:lifeVerticalFlow 3s linear infinite
  }
  .life-cycle-item{background:rgba(255,255,255,.82);padding-top:12px}
}
@media(max-width:575px){
  .life-cycle-track{grid-template-columns:1fr!important;gap:18px!important}
  .life-cycle-shell:before{left:42px;top:55px;bottom:55px}
  .life-cycle-shell:after{left:38px;top:55px}
  .life-cycle-item{display:grid!important;grid-template-columns:78px 1fr;grid-template-rows:auto auto auto;column-gap:15px;text-align:left!important;align-items:center!important;padding:14px 14px!important}
  .life-cycle-dot{grid-row:1/4;width:70px;height:70px}
  .life-cycle-step{margin:0 0 4px!important}
  .life-cycle-item>b,.life-cycle-item>small,.life-cycle-action{justify-self:start}
  .life-cycle-action{display:none}
}
@keyframes lifeVerticalFlow{from{transform:translateY(-70px)}to{transform:translateY(calc(100vh + 250px))}}
@media(prefers-reduced-motion:reduce){.life-flow-runner,.life-flow-orb,.life-cycle-shell:after{animation:none!important}}

/* V16.1 — lifecycle connector kept clear of labels */
@media (min-width:992px){
  .life-cycle-shell{padding-bottom:34px!important}
  .life-cycle-track{row-gap:72px!important}
  .life-cycle-item{isolation:isolate}
  .life-cycle-step,.life-cycle-item>b,.life-cycle-item>small,.life-cycle-action{
    position:relative;
    z-index:4;
  }
  .life-cycle-step,.life-cycle-item>b,.life-cycle-item>small{
    background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.88));
    border-radius:8px;
    padding-left:6px;
    padding-right:6px;
  }
}

/* ===== Malut Pedia Admin Dashboard V17 ===== */
.dashboard-hero-v17{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 36px;margin-bottom:24px;border-radius:26px;color:#fff;background:linear-gradient(125deg,#063c2b 0%,#087a45 58%,#14a369 100%);box-shadow:0 22px 55px rgba(7,91,55,.18)}
.dashboard-hero-v17:before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-90px;top:-180px;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}
.dashboard-hero-v17:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.14),transparent 27%);pointer-events:none}.hero-copy-v17,.hero-actions-v17{position:relative;z-index:1}.hero-kicker-v17{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);font-size:10px;font-weight:800;letter-spacing:1.2px}.dashboard-hero-v17 h1{font-size:2.15rem;font-weight:800;letter-spacing:-.04em;margin:14px 0 7px}.dashboard-hero-v17 p{max-width:690px;margin:0;color:#d9f0e5}.hero-meta-v17{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;font-size:11px;color:#d7ede2}.hero-meta-v17 span{display:flex;align-items:center;gap:7px}.live-pill-v17{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.11)}.live-pill-v17 i,.all-normal-v17 i{width:7px;height:7px;border-radius:50%;background:#7dffb5;box-shadow:0 0 0 5px rgba(125,255,181,.12)}.hero-actions-v17{display:flex;gap:10px;flex:none}.hero-actions-v17 .btn{border-radius:12px;padding:11px 16px;font-weight:700}.btn-ghost-v17{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.08)}.btn-ghost-v17:hover{background:#fff;color:#087a45}.kpi-grid-v17{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpi-card-v17{position:relative;overflow:hidden;padding:20px 20px 17px;border:1px solid #dfeae4;border-radius:21px;background:#fff;box-shadow:0 12px 34px rgba(26,73,50,.06);transition:.25s}.kpi-card-v17:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(8,122,69,.11)}.kpi-card-v17:before{content:"";position:absolute;width:105px;height:105px;border-radius:50%;right:-50px;top:-52px;background:#f0faf5}.kpi-head-v17{display:flex;align-items:center;justify-content:space-between;position:relative}.kpi-icon-v17{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e8f8f0;color:#087a45;font-size:19px}.kpi-trend-v17{font-size:10px;font-weight:800;color:#07894c;background:#edf9f3;border-radius:999px;padding:5px 8px}.kpi-card-v17>strong{display:block;font-size:2rem;line-height:1;margin:18px 0 7px;letter-spacing:-.04em}.kpi-card-v17 h3{font-size:13px;font-weight:800;margin:0}.kpi-card-v17 p{font-size:10px;color:#89968f;margin:4px 0 15px}.kpi-line-v17{height:4px;border-radius:10px;background:#edf4f0;overflow:hidden}.kpi-line-v17 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#087a45,#3ed188)}.quick-command-v17{display:flex;align-items:center;gap:24px;padding:15px 18px;margin-bottom:18px;border:1px solid #dfeae4;border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(27,70,50,.045)}.command-title-v17{display:flex;align-items:center;gap:11px;min-width:220px}.command-title-v17>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#087a45;color:#fff}.command-title-v17 b,.command-title-v17 small{display:block}.command-title-v17 small{font-size:9px;color:#829087;margin-top:2px}.command-links-v17{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;flex:1}.command-links-v17 a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px;border-radius:11px;background:#f5faf7;color:#365347;text-decoration:none;font-size:10px;font-weight:700;transition:.2s}.command-links-v17 a i{color:#087a45;font-size:15px}.command-links-v17 a:hover{background:#087a45;color:#fff;transform:translateY(-2px)}.command-links-v17 a:hover i{color:#fff}.dashboard-grid-v17{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.9fr);gap:18px}.dashboard-panel-v17{min-width:0;padding:22px;border:1px solid #dfeae4;border-radius:21px;background:#fff;box-shadow:0 12px 35px rgba(28,72,51,.055)}.panel-head-v17{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e8efeb}.panel-head-v17 span{font-size:9px;color:#07894c;font-weight:800;letter-spacing:1.1px}.panel-head-v17 h4{font-size:15px;font-weight:800;margin:4px 0 3px}.panel-head-v17 p{font-size:10px;color:#87938c;margin:0}.panel-head-v17>a:not(.panel-link-v17){width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f0f8f4;color:#087a45}.panel-link-v17{color:#087a45;text-decoration:none;font-size:10px;font-weight:800;margin-top:6px}.period-tabs-v17{display:flex;padding:3px;border-radius:10px;background:#f0f5f2}.period-tabs-v17 button{border:0;background:transparent;padding:6px 9px;border-radius:8px;font-size:9px;font-weight:800;color:#718078}.period-tabs-v17 button.active{background:#fff;color:#087a45;box-shadow:0 3px 10px rgba(26,67,48,.08)}.chart-summary-v17{display:flex;gap:38px;margin:17px 0 8px}.chart-summary-v17 span,.chart-summary-v17 strong,.chart-summary-v17 small{display:block}.chart-summary-v17 span{font-size:9px;color:#8b9790}.chart-summary-v17 strong{font-size:20px;margin:3px 0}.chart-summary-v17 small{font-size:9px;color:#07894c}.chart-box-v17{height:265px}.donut-wrap-v17{height:210px;position:relative;margin:20px auto 10px;max-width:230px}.donut-center-v17{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-center-v17 strong{font-size:26px;line-height:1}.donut-center-v17 span{font-size:9px;color:#8a9790;margin-top:5px}.status-list-v17{display:grid;gap:9px}.status-list-v17>div{display:flex;justify-content:space-between;padding:9px 11px;border-radius:10px;background:#f8fbf9;font-size:10px}.status-list-v17 span{display:flex;align-items:center;gap:7px}.status-list-v17 i{width:8px;height:8px;border-radius:50%}.status-list-v17 .done{background:#0b8b50}.status-list-v17 .process{background:#3196e5}.status-list-v17 .new{background:#ff9f43}.table-v17{margin:10px 0 0}.table-v17 th{border:0;background:#f5f9f7;color:#74827a;font-size:8px;text-transform:uppercase;letter-spacing:.6px;padding:10px}.table-v17 td{border-color:#edf2ef;padding:12px 10px;vertical-align:middle;font-size:10px}.table-v17 td>b,.table-v17 td>small{display:block}.table-v17 td>small{font-size:8px;color:#8d9992;margin-top:3px}.service-cell-v17{display:flex;align-items:center;gap:9px}.service-cell-v17>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#eaf8f1;color:#087a45}.status-badge-v17{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e8f8f0;color:#087a45;font-size:8px;font-weight:800}.empty-state-v17{text-align:center;padding:32px;display:grid;justify-items:center;gap:5px;color:#8b9790}.empty-state-v17 i{font-size:25px;color:#84c9a5}.empty-state-v17 b{color:#53665c}.empty-state-v17 span{font-size:9px}.empty-state-v17.compact{padding:22px}.popular-list-v17{padding-top:10px}.popular-row-v17{display:grid;grid-template-columns:26px minmax(110px,1.15fr) minmax(90px,1fr) 42px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf2ef}.popular-row-v17:last-child{border:0}.rank-v17{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#e8f8f0;color:#087a45;font-size:9px;font-weight:800}.popular-name-v17 b,.popular-name-v17 small{display:block}.popular-name-v17 b{font-size:10px}.popular-name-v17 small{font-size:8px;color:#8d9992;margin-top:2px}.popular-meter-v17{height:5px;border-radius:10px;background:#edf3f0;overflow:hidden}.popular-meter-v17 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#087a45,#38c981)}.popular-row-v17>strong{font-size:9px;text-align:right}.icon-more-v17{border:0;background:#f1f7f4;width:32px;height:32px;border-radius:9px;color:#697a71}.complaint-item-v17{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf2ef}.avatar-v17{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#087a45;color:#fff;font-weight:800}.complaint-item-v17>div{flex:1}.complaint-item-v17 b,.complaint-item-v17 small{display:block}.complaint-item-v17 b{font-size:10px}.complaint-item-v17 small{font-size:8px;color:#89968f;margin-top:3px}.all-normal-v17{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:999px;background:#eaf8f1!important;color:#087a45!important;letter-spacing:0!important}.all-normal-v17 i{background:#19b56b;box-shadow:none}.system-grid-v17{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-top:15px}.system-item-v17{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #e4ede8;border-radius:13px;background:#fbfdfc}.system-icon-v17{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e8f8f0;color:#087a45;font-size:15px}.system-item-v17>div{flex:1}.system-item-v17 b,.system-item-v17 small{display:block}.system-item-v17 b{font-size:9px}.system-item-v17 small{font-size:7px;color:#829087;margin-top:3px}.system-item-v17 small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#19b56b;margin-right:4px}.system-item-v17>strong{font-size:8px;color:#738179}.applications-panel-v17,.complaint-panel-v17{grid-column:1}.popular-panel-v17,.system-panel-v17{grid-column:2}.system-panel-v17{grid-row:auto}.complaint-panel-v17{align-self:start}
@media(max-width:1200px){.kpi-grid-v17{grid-template-columns:repeat(2,1fr)}.command-links-v17{grid-template-columns:repeat(3,1fr)}.dashboard-grid-v17{grid-template-columns:1fr}.applications-panel-v17,.complaint-panel-v17,.popular-panel-v17,.system-panel-v17{grid-column:auto}.system-grid-v17{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.dashboard-hero-v17{padding:25px 22px;align-items:flex-start;flex-direction:column}.dashboard-hero-v17 h1{font-size:1.7rem}.hero-actions-v17{width:100%}.hero-actions-v17 .btn{flex:1}.kpi-grid-v17{grid-template-columns:1fr}.quick-command-v17{align-items:flex-start;flex-direction:column}.command-links-v17{grid-template-columns:repeat(2,1fr);width:100%}.dashboard-panel-v17{padding:17px}.chart-summary-v17{gap:20px}.chart-box-v17{height:230px}.system-grid-v17{grid-template-columns:1fr}.popular-row-v17{grid-template-columns:26px 1fr 65px 35px}.hero-meta-v17{gap:10px}.panel-head-v17{align-items:flex-start}.table-v17{min-width:650px}}

/* SLA Dashboard V18 */
.sla-hero-v18{background:linear-gradient(125deg,#063f2c 0%,#087a45 58%,#0e9b59 100%);color:#fff;padding:56px 0 50px;position:relative;overflow:hidden}.sla-hero-v18:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 20%,rgba(255,255,255,.16),transparent 30%),linear-gradient(90deg,transparent,rgba(255,255,255,.03));pointer-events:none}.sla-hero-inner-v18{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:32px}.sla-kicker-v18{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);font-size:10px;font-weight:800;letter-spacing:1.2px}.sla-hero-v18 h1{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;letter-spacing:-.045em;margin:14px 0 9px}.sla-hero-v18 p{max-width:680px;color:#d7eee2;margin:0}.sla-hero-meta-v18{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;font-size:11px;color:#d9efe4}.sla-hero-meta-v18 span{display:flex;align-items:center;gap:7px}.sla-health-v18{display:flex;align-items:center;gap:12px;min-width:240px;padding:16px 18px;border:1px solid rgba(255,255,255,.22);border-radius:17px;background:rgba(255,255,255,.11);backdrop-filter:blur(10px)}.sla-health-v18>i{width:12px;height:12px;border-radius:50%;background:#72ffae;box-shadow:0 0 0 7px rgba(114,255,174,.13)}.sla-health-v18 small,.sla-health-v18 strong{display:block}.sla-health-v18 small{font-size:8px;letter-spacing:1px;color:#cde8da}.sla-health-v18 strong{font-size:12px;margin-top:3px}.sla-canvas-v18{padding:26px 0 72px;background:#f3f8f5;min-height:700px}.sla-kpi-grid-v18{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-52px;position:relative;z-index:3;margin-bottom:18px}.sla-kpi-v18{display:flex;align-items:center;gap:14px;padding:19px;border:1px solid #dce9e1;border-radius:19px;background:#fff;box-shadow:0 15px 36px rgba(20,70,45,.08)}.sla-kpi-icon-v18{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:15px;background:#e8f8f0;color:#087a45;font-size:20px}.sla-kpi-v18 small,.sla-kpi-v18 strong,.sla-kpi-v18 p{display:block}.sla-kpi-v18 small{font-size:8px;font-weight:800;letter-spacing:.8px;color:#7b8b82}.sla-kpi-v18 strong{font-size:1.65rem;line-height:1.1;margin:6px 0 3px;color:#10251a;letter-spacing:-.035em}.sla-kpi-v18 p{font-size:9px;color:#89978f;margin:0}.up-v18{color:#07894c}.down-v18{color:#dc4c4c}.sla-chart-grid-v18{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(310px,.75fr);gap:18px;margin-bottom:18px}.sla-panel-v18{padding:22px;border:1px solid #dce9e1;border-radius:21px;background:#fff;box-shadow:0 12px 34px rgba(20,70,45,.055)}.sla-panel-v18>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e6eee9}.sla-panel-v18 header span{font-size:9px;font-weight:800;letter-spacing:1.1px;color:#07894c}.sla-panel-v18 header h3{font-size:16px;font-weight:800;margin:4px 0}.sla-panel-v18 header p{font-size:10px;color:#87958d;margin:0}.sla-legend-v18{display:flex;gap:12px!important;align-items:center}.sla-legend-v18 b{display:flex;align-items:center;gap:6px;font-size:9px;color:#65766d}.sla-legend-v18 i{width:9px;height:9px;border-radius:3px}.sla-legend-v18 .s1{background:rgba(14,139,79,.3);border:1px solid #0e8b4f}.sla-legend-v18 .s2{background:#12a760}.sla-chart-box-v18{height:310px;padding-top:18px}.sla-donut-v18{height:210px;position:relative;margin:22px auto 12px}.sla-donut-v18>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.sla-donut-v18 strong{font-size:2rem;line-height:1;color:#10251a}.sla-donut-v18 span{font-size:9px;color:#87958d;margin-top:5px}.sla-target-note-v18{display:flex;align-items:center;gap:11px;padding:13px;border-radius:13px;background:#eff9f4}.sla-target-note-v18>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#dff5e9;color:#087a45;font-size:18px}.sla-target-note-v18 b,.sla-target-note-v18 small{display:block}.sla-target-note-v18 b{font-size:10px}.sla-target-note-v18 small{font-size:8px;color:#829087;margin-top:3px;line-height:1.5}.sla-detail-panel-v18{padding-bottom:12px}.sla-app-grid-v18{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;padding-top:16px}.sla-app-card-v18{padding:17px;border:1px solid #e1ebe5;border-radius:16px;background:#fbfdfc;transition:.22s}.sla-app-card-v18:hover{transform:translateY(-3px);border-color:#b9dec9;box-shadow:0 12px 28px rgba(20,70,45,.07)}.sla-app-head-v18{display:flex;align-items:center;gap:11px}.sla-app-logo-v18{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e5f7ed;color:#087a45;font-size:17px}.sla-app-head-v18>div{flex:1;min-width:0}.sla-app-head-v18 h4{font-size:12px;font-weight:800;margin:0}.sla-app-head-v18 small{font-size:8px;color:#85938b}.sla-status-v18{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:7px!important;letter-spacing:0!important}.sla-status-v18 i{width:6px;height:6px;border-radius:50%}.sla-status-v18.ok{background:#e6f8ee;color:#087a45}.sla-status-v18.ok i{background:#14aa61}.sla-status-v18.warn{background:#fff5df;color:#9a6500}.sla-status-v18.warn i{background:#e7a11b}.sla-score-row-v18{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0 12px}.sla-score-row-v18>div{padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #e7eee9}.sla-score-row-v18 small,.sla-score-row-v18 strong{display:block}.sla-score-row-v18 small{font-size:7px;color:#849189}.sla-score-row-v18 strong{font-size:13px;margin-top:4px}.sla-progress-v18{height:6px;border-radius:99px;background:#e7efea;overflow:hidden}.sla-progress-v18 span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#087a45,#35ca80)}.sla-app-card-v18 footer{display:flex;align-items:center;justify-content:space-between;margin-top:11px;font-size:8px;color:#829087}.sla-app-card-v18 footer span{display:flex;gap:5px;align-items:center}.sla-app-card-v18 footer b{color:#087a45}.sla-empty-v18{grid-column:1/-1;display:grid;justify-items:center;padding:42px;color:#839188}.sla-empty-v18 i{font-size:30px;color:#78bd98}.sla-empty-v18 b{margin:8px 0;color:#53655b}.sla-empty-v18 span{font-size:10px}
@media(max-width:991px){.sla-hero-inner-v18{align-items:flex-start;flex-direction:column}.sla-health-v18{min-width:0}.sla-kpi-grid-v18{grid-template-columns:repeat(2,1fr);margin-top:-35px}.sla-chart-grid-v18{grid-template-columns:1fr}.sla-app-grid-v18{grid-template-columns:1fr}}
@media(max-width:575px){.sla-hero-v18{padding:40px 0 60px}.sla-hero-meta-v18{gap:10px;flex-direction:column}.sla-health-v18{width:100%}.sla-kpi-grid-v18{grid-template-columns:1fr}.sla-panel-v18{padding:17px}.sla-panel-v18>header{flex-direction:column}.sla-chart-box-v18{height:285px}.sla-score-row-v18{grid-template-columns:1fr 1fr}.sla-score-row-v18>div:last-child{grid-column:1/-1}.sla-app-head-v18{align-items:flex-start}.sla-status-v18{margin-left:auto}.sla-app-card-v18 footer{align-items:flex-start;flex-direction:column;gap:5px}}

/* V19: tab filter dokumen interaktif */
.doc-filter-pills button{appearance:none;padding:10px 18px;border-radius:999px;background:#fff;border:1px solid #dfeae4;font-size:.82rem;font-weight:800;color:#5e7168;cursor:pointer;transition:.2s ease;box-shadow:0 5px 16px rgba(8,56,39,.035)}
.doc-filter-pills button:hover{border-color:#9fd3b8;color:#087a45;transform:translateY(-1px)}
.doc-filter-pills button.active{background:#087a45;color:#fff;border-color:#087a45;box-shadow:0 10px 22px rgba(8,122,69,.2)}
.document-filter-empty{margin-top:16px;padding:38px 24px;border:1px dashed #bdd9ca;border-radius:20px;background:#f7fbf9;text-align:center;color:#6f8278;display:flex;flex-direction:column;align-items:center;gap:7px}
.document-filter-empty i{font-size:2rem;color:#0b8c52}.document-filter-empty b{font-size:1rem;color:#173c2d}.document-filter-empty span{font-size:.85rem}
@media(max-width:575px){.doc-filter-pills{display:flex;overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:5px}.doc-filter-pills button{white-space:nowrap;flex:0 0 auto}}

/* V20 clickable news and professional detail */
.news-card-link{display:block;height:100%;color:inherit;text-decoration:none;border-radius:26px;outline:none}
.news-card-link .news-card-pro{height:100%;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;cursor:pointer}
.news-card-link:hover .news-card-pro,.news-card-link:focus-visible .news-card-pro{transform:translateY(-7px);box-shadow:0 24px 55px rgba(7,74,47,.13);border-color:rgba(8,138,77,.24)}
.news-card-link:focus-visible{box-shadow:0 0 0 4px rgba(13,168,95,.18)}
.read-more{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:#087a45;font-weight:800}
.news-card-link:hover .read-more i{transform:translateX(4px)}
.read-more i{transition:transform .2s ease}
.news-detail-hero{padding:72px 0 42px;background:radial-gradient(circle at 85% 10%,rgba(33,190,123,.13),transparent 34%),linear-gradient(180deg,#f5fbf8 0%,#fff 100%)}
.news-detail-wrap{max-width:980px}
.news-back{display:inline-flex;align-items:center;gap:8px;color:#087a45;font-weight:750;text-decoration:none;margin-bottom:28px}
.news-detail-meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:#65758a;font-size:.92rem;margin-bottom:18px}
.news-detail-meta span:first-child{color:#087a45;background:#eaf8f1;border-radius:999px;padding:6px 12px;font-weight:800}
.news-detail-hero h1{max-width:900px;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.05;letter-spacing:-.045em;color:#111c32;margin:0 0 20px;font-weight:850}
.news-detail-lead{max-width:820px;font-size:1.2rem;line-height:1.75;color:#5c6c83}
.news-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.news-detail-card,.side-card{background:#fff;border:1px solid #dfe9e4;border-radius:26px;box-shadow:0 18px 50px rgba(7,74,47,.08)}
.news-detail-card{overflow:hidden}
.news-detail-image{display:block;width:100%;max-height:560px;object-fit:cover}
.news-detail-placeholder{height:360px;display:grid;place-items:center;background:linear-gradient(135deg,#d8f5e8,#b9e5d1);color:#087a45;font-size:5rem}
.news-detail-content{padding:36px 40px;font-size:1.05rem;line-height:1.9;color:#334155}
.news-tags{display:flex;flex-wrap:wrap;gap:10px;padding:0 40px 36px}
.news-tags span{background:#eff8f3;color:#087a45;border-radius:999px;padding:8px 12px;font-weight:700;font-size:.88rem}
.news-detail-side{position:sticky;top:100px}
.side-card{padding:24px}
.side-card h4{margin:8px 0 18px}
.share-actions{display:grid;gap:10px}
.share-actions button,.share-actions a{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dce8e2;background:#fff;color:#163126;border-radius:13px;padding:12px;text-decoration:none;font-weight:750}
.share-actions button:hover,.share-actions a:hover{background:#087a45;color:#fff;border-color:#087a45}
.related-news{background:#f7fbf9}
@media(max-width:991.98px){.news-detail-grid{grid-template-columns:1fr}.news-detail-side{position:static}.news-detail-content{padding:28px}.news-tags{padding:0 28px 28px}}

/* V21 — refined article reader and discreet internal access */
.article-hero{padding:54px 0 34px;background:radial-gradient(circle at 85% 10%,rgba(22,163,92,.10),transparent 32%),linear-gradient(180deg,#f6fbf8 0%,#fff 100%);border-bottom:1px solid #edf2ef}
.article-container{max-width:1080px}
.article-back{display:inline-flex;align-items:center;gap:8px;color:#087a45;text-decoration:none;font-size:.88rem;font-weight:700;margin-bottom:24px}
.article-back:hover{gap:11px}
.article-meta-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;color:#6b778c;font-size:.84rem;margin-bottom:18px}
.article-meta-top span{display:inline-flex;align-items:center;gap:6px}
.article-category{background:#e8f7ef;color:#087a45!important;border-radius:999px;padding:7px 12px;font-weight:800}
.article-hero h1{max-width:900px;font-size:clamp(2rem,4vw,3.45rem);line-height:1.12;letter-spacing:-.035em;color:#111c32;margin:0 0 16px;font-weight:800}
.article-lead{max-width:820px;font-size:1.08rem;line-height:1.7;color:#617086;margin:0}
.article-section{padding:44px 0 72px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start;max-width:1180px}
.article-card{background:#fff;border:1px solid #e1e9e5;border-radius:24px;overflow:hidden;box-shadow:0 18px 48px rgba(7,74,47,.07)}
.article-media{background:#daf2e6;min-height:320px}
.article-media img{width:100%;display:block;max-height:520px;object-fit:cover}
.article-placeholder{height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,#def5e9,#bfe8d4);color:#087a45}
.article-placeholder i{font-size:4rem}.article-placeholder span{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.article-body{padding:32px 38px 40px}
.article-byline{display:flex;align-items:center;gap:12px;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid #edf1ef}
.article-avatar{width:42px;height:42px;border-radius:13px;background:#e8f7ef;color:#087a45;display:grid;place-items:center;font-size:1.1rem}
.article-byline b,.article-byline small{display:block}.article-byline b{font-size:.9rem}.article-byline small{font-size:.74rem;color:#7c8797;margin-top:3px}
.article-content{font-size:1rem;line-height:1.9;color:#344054}.article-content p{margin-bottom:1.25rem}.article-content h2,.article-content h3{color:#14213a;line-height:1.3;margin:1.7em 0 .65em;font-weight:800}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #edf1ef;margin-top:30px;padding-top:22px}.article-tags span{background:#f1f7f4;color:#087a45;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:700}
.article-sidebar{position:sticky;top:98px;display:grid;gap:14px}
.article-side-card{background:#fff;border:1px solid #dfe8e3;border-radius:20px;padding:24px;box-shadow:0 14px 38px rgba(16,35,63,.07)}
.article-side-card h4{font-size:1.2rem;font-weight:800;margin:0 0 8px}.article-side-card p{font-size:.82rem;line-height:1.55;color:#6d7888;margin-bottom:18px}
.article-share{display:grid;gap:10px}.article-share button,.article-share a{border:1px solid #dce6e1;background:#fff;color:#183529;border-radius:12px;padding:12px 14px;font-size:.82rem;font-weight:750;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.article-share button:hover,.article-share a:hover{border-color:#087a45;background:#eff9f4;color:#087a45}
.article-side-note{display:flex;gap:11px;align-items:flex-start;background:#edf9f3;border:1px solid #d3ecdf;border-radius:16px;padding:15px;color:#075a37}.article-side-note>i{font-size:1.2rem}.article-side-note b,.article-side-note span{display:block}.article-side-note b{font-size:.8rem}.article-side-note span{font-size:.7rem;line-height:1.45;margin-top:3px;color:#47705d}
.article-related{background:#f7faf8;border-top:1px solid #edf2ef}
.login-benefits span{align-items:center}.login-benefits span i{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:.78rem}
@media(max-width:991.98px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:1fr 1fr}.article-hero{padding-top:38px}}
@media(max-width:767.98px){.article-hero h1{font-size:2rem}.article-lead{font-size:.98rem}.article-section{padding-top:24px}.article-body{padding:24px 22px 30px}.article-sidebar{grid-template-columns:1fr}.article-placeholder{height:260px}.article-meta-top{font-size:.78rem}.article-layout{gap:18px}}

/* V22 — Professional administration login */
.login-v22{min-height:calc(100vh - 112px);padding:42px 24px;background:radial-gradient(circle at 8% 15%,rgba(12,164,95,.12),transparent 26%),radial-gradient(circle at 92% 88%,rgba(8,122,69,.08),transparent 30%),#f4f8f6;display:grid;place-items:center}
.login-shell-v22{width:min(1120px,100%);min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;background:#fff;border:1px solid #dfe9e4;border-radius:30px;overflow:hidden;box-shadow:0 32px 90px rgba(8,61,42,.14)}
.login-brand-panel{position:relative;padding:48px;color:#fff;background:linear-gradient(145deg,#063b2a 0%,#087a45 60%,#0ca45f 100%);display:flex;flex-direction:column;overflow:hidden}
.login-brand-panel:before,.login-brand-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.login-brand-panel:before{width:430px;height:430px;right:-210px;top:-170px}.login-brand-panel:after{width:290px;height:290px;left:-165px;bottom:-170px}
.login-brand-top,.login-brand-copy,.login-module-grid,.login-brand-foot{position:relative;z-index:1}.login-brand-top{display:flex;align-items:center;gap:14px}.login-brand-symbol{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;font-size:1.25rem}.login-brand-top strong,.login-brand-top small{display:block}.login-brand-top strong{font-size:1.02rem;letter-spacing:.04em}.login-brand-top small{font-size:.65rem;letter-spacing:.22em;color:#bfe8d2;margin-top:3px}.login-brand-copy{margin:auto 0 34px;max-width:520px}.login-secure-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.11);font-size:.72rem;font-weight:700;color:#d7f7e6}.login-brand-copy h1{font-size:clamp(2rem,3.3vw,3.25rem);line-height:1.08;letter-spacing:-.04em;font-weight:800;margin:22px 0 18px}.login-brand-copy p{color:#d4eee1;line-height:1.7;max-width:500px;margin:0}.login-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.login-module-grid>div{padding:14px 12px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);border-radius:15px}.login-module-grid i{font-size:1.05rem}.login-module-grid span,.login-module-grid b,.login-module-grid small{display:block}.login-module-grid b{font-size:.77rem;margin-top:10px}.login-module-grid small{font-size:.62rem;color:#c7e6d6;margin-top:3px;line-height:1.35}.login-brand-foot{margin-top:26px;color:#b8ddcb;font-size:.69rem}
.login-form-panel{padding:54px 58px;display:flex;align-items:center;background:linear-gradient(180deg,#fff,#fbfdfc)}.login-form-v22{width:100%;max-width:430px;margin:auto}.login-form-heading{display:flex;align-items:center;gap:14px}.login-lock-icon{width:52px;height:52px;border-radius:16px;background:#e8f8ef;color:var(--primary);display:grid;place-items:center;font-size:1.25rem}.login-form-heading span span{display:block}.login-form-heading>div>span{font-size:.68rem;font-weight:800;letter-spacing:.15em;color:var(--primary)}.login-form-heading h2{font-size:1.75rem;letter-spacing:-.025em;font-weight:800;margin:3px 0 0}.login-form-intro{color:var(--muted);font-size:.91rem;margin:18px 0 30px}.login-field{margin-bottom:18px}.login-field label{font-size:.78rem;font-weight:750;margin-bottom:8px;color:#24362e}.login-field small{font-size:.68rem;color:#8a9891}.input-icon-v22{position:relative}.input-icon-v22>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#7a8d84;z-index:2}.input-icon-v22 .form-control{height:52px;padding-left:46px;padding-right:48px;border-radius:13px;border-color:#d9e5df;background:#f9fbfa;box-shadow:none}.input-icon-v22 .form-control:focus,.login-verification-v22 .form-control:focus{border-color:#43b681;box-shadow:0 0 0 4px rgba(12,164,95,.09);background:#fff}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:#718179;border-radius:8px}.password-toggle:hover{background:#edf6f1;color:var(--primary)}.login-verification-v22{padding:16px;border:1px solid #dbe8e1;border-radius:16px;background:#f4f9f6;margin:7px 0 22px}.verification-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.verification-title span{font-size:.76rem;font-weight:700;color:#53665d}.verification-title span i{color:var(--primary);margin-right:6px}.verification-title strong{font-size:1.08rem;color:#0f2b20}.login-verification-v22 .form-control{height:46px;border-radius:11px;border-color:#d7e4dd;background:#fff}.login-submit-v22{width:100%;height:54px;border-radius:13px;background:linear-gradient(100deg,#087a45,#0ca45f);color:#fff!important;font-weight:800;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 14px 28px rgba(8,122,69,.22);border:0}.login-submit-v22:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(8,122,69,.28);background:linear-gradient(100deg,#076b3e,#099657)}.login-security-note{display:flex;gap:8px;align-items:flex-start;margin-top:18px;color:#75857d;font-size:.7rem;line-height:1.5}.login-security-note i{color:var(--primary);margin-top:1px}
/* Ensure home statistics always reflect database records managed in admin */
.modern-stats .metric-card.premium{min-height:106px}.modern-stats .metric-card.premium strong{font-variant-numeric:tabular-nums}
@media(max-width:991.98px){.login-shell-v22{grid-template-columns:1fr;max-width:680px}.login-brand-panel{min-height:410px}.login-brand-copy{margin:55px 0 28px}.login-form-panel{padding:48px}.login-v22{padding:26px 18px}}
@media(max-width:575.98px){.login-v22{padding:14px;background:#f4f8f6}.login-shell-v22{border-radius:22px}.login-brand-panel{padding:28px 24px;min-height:auto}.login-brand-copy{margin:40px 0 24px}.login-brand-copy h1{font-size:2rem}.login-module-grid{grid-template-columns:1fr}.login-module-grid>div{display:flex;gap:12px;align-items:center}.login-module-grid b{margin-top:0}.login-brand-foot{display:none}.login-form-panel{padding:34px 24px}.login-form-heading h2{font-size:1.45rem}}

/* V23 — pemisahan akses admin/pengguna dan alur pengajuan */
.auth-page{min-height:calc(100vh - 80px);padding:52px 20px;background:radial-gradient(circle at 85% 10%,rgba(16,185,129,.12),transparent 35%),#f5faf7;display:flex;align-items:center}.auth-shell{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:1.02fr .98fr;background:#fff;border:1px solid #dce9e2;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(15,61,45,.12)}.auth-visual{min-height:650px;padding:44px;background:linear-gradient(145deg,#073f2d,#07834b);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-180px;top:-150px}.auth-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.auth-brand>span{width:48px;height:48px;border-radius:15px;background:#0da867;display:grid;place-items:center;font-size:22px}.auth-brand div{display:flex;flex-direction:column}.auth-brand b{font-size:18px;letter-spacing:.04em}.auth-brand small{font-size:10px;letter-spacing:.22em;opacity:.75}.auth-copy{margin:auto 0;max-width:520px;position:relative;z-index:1}.auth-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;color:#9be7bf}.auth-copy h1{font-size:42px;line-height:1.12;margin:16px 0 18px;font-weight:800}.auth-copy p{font-size:16px;line-height:1.75;color:rgba(255,255,255,.8)}.auth-points{display:grid;gap:12px;position:relative;z-index:1}.auth-points>div{display:flex;gap:12px;align-items:center;padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07)}.auth-points i{font-size:20px;color:#9be7bf}.auth-points span{display:flex;flex-direction:column}.auth-points small{opacity:.65}.auth-footer{margin-top:24px;opacity:.65}.auth-form-wrap{padding:54px;display:flex;align-items:center}.auth-form{width:100%;max-width:430px;margin:auto}.auth-form-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}.auth-icon{width:54px;height:54px;border-radius:16px;background:#e9f8f0;color:#087a45;display:grid;place-items:center;font-size:24px}.auth-form-head small{color:#087a45;font-weight:800;letter-spacing:.12em}.auth-form-head h2{font-size:28px;margin:2px 0 0}.auth-form>p{color:#6c7a75;margin-bottom:28px}.auth-form label,.register-form label,.dynamic-service-form label,.profile-card label{display:block;font-weight:700;font-size:13px;margin:0 0 8px;color:#163229}.auth-input{height:54px;border:1px solid #d8e4de;border-radius:13px;display:flex;align-items:center;padding:0 14px;margin-bottom:19px;background:#fbfdfc;transition:.2s}.auth-input:focus-within{border-color:#0c9b5c;box-shadow:0 0 0 4px rgba(12,155,92,.1)}.auth-input>i{color:#699083}.auth-input input{border:0;outline:0;flex:1;background:transparent;padding:0 12px}.auth-input button{border:0;background:transparent;color:#527267}.auth-captcha{border:1px solid #d8e8df;background:#f3faf6;border-radius:15px;padding:15px;margin:6px 0 20px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.auth-captcha span{font-size:13px;color:#386253}.auth-captcha b{font-size:16px}.auth-captcha input{grid-column:1/-1;height:46px;border:1px solid #d5e4dc;border-radius:10px;padding:0 13px}.auth-submit{width:100%;height:54px;border:0!important;background:linear-gradient(90deg,#07864d,#08a35f)!important;color:#fff!important;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px}.auth-note{font-size:12px;color:#718079;text-align:center;margin-top:16px}.auth-register-link{text-align:center;margin-top:18px;color:#67766f}.auth-register-link a{font-weight:800;color:#087a45}.auth-steps{display:flex;gap:10px;position:relative;z-index:1}.auth-steps span{flex:1;padding:12px 10px;border-radius:12px;background:rgba(255,255,255,.09);font-size:12px}.auth-steps b{display:block;color:#a6efc7;font-size:16px}.register-page{padding:70px 20px;background:#f5faf7;min-height:calc(100vh - 80px)}.register-shell{max-width:760px;margin:auto;background:#fff;border:1px solid #dce9e2;border-radius:24px;padding:38px;box-shadow:0 22px 60px rgba(15,61,45,.1)}.register-head{display:flex;gap:16px;align-items:center;padding-bottom:24px;border-bottom:1px solid #e5eee9;margin-bottom:28px}.register-head>span{width:58px;height:58px;border-radius:18px;background:#e7f7ef;color:#087a45;display:grid;place-items:center;font-size:25px}.register-head small{font-weight:800;letter-spacing:.13em;color:#087a45}.register-head h1{font-size:30px;margin:3px 0}.register-head p{margin:0;color:#667970}.register-form .form-control,.register-form .form-select,.dynamic-service-form .form-control,.dynamic-service-form .form-select,.profile-card .form-control{min-height:50px;border-radius:11px;border-color:#d9e5df}.register-form textarea.form-control,.dynamic-service-form textarea.form-control{min-height:auto}.register-form small,.form-help{color:#7b8b84}.register-consent,.submission-consent{display:flex!important;gap:10px;align-items:flex-start;margin:24px 0!important;padding:14px;border-radius:12px;background:#f3faf6;font-weight:500!important}.register-consent input,.submission-consent input{margin-top:4px}.application-page{padding:34px 0 70px;background:#f7faf8}.application-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}.application-form-card,.side-info-card,.profile-card{background:#fff;border:1px solid #dce8e2;border-radius:20px;padding:28px;box-shadow:0 14px 38px rgba(31,70,56,.07)}.application-heading{display:flex;gap:16px;align-items:center}.application-heading small{font-weight:800;letter-spacing:.12em;color:#087a45}.application-heading h1{font-size:28px;margin:3px 0}.application-heading p{margin:0;color:#6e7f77}.process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0;padding:12px;background:#f4f8f6;border-radius:14px}.process-strip span{display:flex;align-items:center;gap:8px;font-size:12px;color:#718078}.process-strip b{width:27px;height:27px;border-radius:50%;background:#dfe9e4;display:grid;place-items:center}.process-strip .active{color:#087a45;font-weight:700}.process-strip .active b{background:#087a45;color:#fff}.form-section-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #e4ece8;padding-bottom:13px;margin-bottom:20px}.form-section-title h3{font-size:19px;margin:0}.form-section-title p{font-size:12px;margin:0;color:#78877f}.dynamic-service-form label b,.register-form label b{color:#dc3545}.upload-field{position:relative;border:1.5px dashed #a9c9b9;border-radius:14px;padding:22px;display:flex;align-items:center;gap:14px;background:#f6fbf8}.upload-field>i{font-size:28px;color:#08834c}.upload-field div{display:flex;flex-direction:column}.upload-field small{color:#708078}.upload-field input{position:absolute;inset:0;opacity:0;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid #e5ece8}.application-side{display:grid;gap:16px;position:sticky;top:92px}.side-info-card h4,.side-info-card h5{margin-bottom:17px}.side-info-card>div:not(.secure){padding:11px 0;border-bottom:1px solid #e8efeb;display:flex;flex-direction:column}.side-info-card small{color:#7c8c84}.side-info-card p{display:flex;gap:9px;font-size:13px;color:#4c6057}.side-info-card p i{color:#099759}.side-info-card .secure{display:inline-flex;gap:6px;color:#087a45;background:#eaf8f1;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;margin-bottom:16px}.user-profile-mini{display:flex;gap:10px;align-items:center;padding:14px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.user-profile-mini>span{width:42px;height:42px;border-radius:13px;background:#0ca360;color:#fff;display:grid;place-items:center;font-weight:800}.user-profile-mini div{display:flex;flex-direction:column;min-width:0}.user-profile-mini small{opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-guide{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;background:#fff;border:1px solid #dce8e2;border-radius:18px;padding:18px 22px;margin-bottom:22px}.dashboard-guide>div{display:grid;grid-template-columns:36px 1fr;column-gap:10px}.dashboard-guide span{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#e9f8f0;color:#087a45;display:grid;place-items:center;font-weight:800}.dashboard-guide b{font-size:13px}.dashboard-guide small{font-size:11px;color:#75857d}.dashboard-guide>i{color:#9ab1a6}.profile-card{max-width:850px}.admin-card{background:#fff;border:1px solid #e0e9e4;border-radius:16px;padding:22px}.form-check{display:flex!important;gap:8px}
@media(max-width:900px){.auth-shell,.application-layout{grid-template-columns:1fr}.auth-visual{min-height:410px}.auth-form-wrap{padding:36px}.application-side{position:static}.auth-copy h1{font-size:34px}}@media(max-width:600px){.auth-page{padding:16px}.auth-visual{padding:28px;min-height:380px}.auth-copy h1{font-size:29px}.auth-form-wrap{padding:28px 22px}.auth-steps{flex-direction:column}.register-shell{padding:24px}.application-form-card,.side-info-card{padding:20px}.process-strip{grid-template-columns:1fr 1fr}.dashboard-guide{grid-template-columns:1fr;gap:12px}.dashboard-guide>i{transform:rotate(90deg);justify-self:center}}
.submitted-data{margin-top:24px;padding-top:22px;border-top:1px solid #e3ece7}.submitted-data h5{font-size:17px;margin-bottom:14px}.submitted-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submitted-grid>div{padding:13px;border-radius:12px;background:#f6faf8;display:flex;flex-direction:column;gap:4px}.submitted-grid small{color:#718078}.submitted-grid b,.submitted-grid a{font-size:13px;color:#18352b}@media(max-width:600px){.submitted-grid{grid-template-columns:1fr}}

/* V23.1 — tab detail layanan interaktif */
.service-tab-panels{padding-top:1.75rem}.service-tab-panel{animation:serviceTabFade .28s ease}.service-tab-panel[hidden]{display:none!important}.service-tab-panel.active{display:block}.detail-tabs button{position:relative;background:transparent;border:0;cursor:pointer}.detail-tabs button:focus-visible{outline:3px solid rgba(0,137,75,.2);outline-offset:4px;border-radius:8px}.tab-section-heading{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.4rem}.tab-section-heading>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e9f8f1;color:#07824c;font-size:1.25rem;flex:0 0 auto}.tab-section-heading small{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#07824c}.tab-section-heading h3{margin:.15rem 0 .35rem}.tab-section-heading p{margin:0;color:#64748b}.service-tab-panel .check-list,.service-tab-panel .procedure-list{margin-top:.5rem}@keyframes serviceTabFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:575.98px){.detail-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.detail-tabs::-webkit-scrollbar{display:none}.detail-tabs button{padding-left:14px;padding-right:14px}.tab-section-heading>span{width:42px;height:42px}}

/* V24: CAPTCHA registrasi dan konfigurasi API layanan */
.register-captcha{display:grid;grid-template-columns:1fr 220px;gap:22px;align-items:center;padding:20px;border:1px solid #cfe4d9;background:linear-gradient(135deg,#f7fcf9,#eef8f3);border-radius:18px}.captcha-copy{display:flex;gap:14px;align-items:flex-start}.captcha-copy>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#ddf5e8;color:#087a45;font-size:21px}.captcha-copy small{display:block;color:#087a45;font-weight:800;letter-spacing:.12em;font-size:10px}.captcha-copy strong{display:block;color:#10203b;font-size:18px;margin:4px 0}.captcha-copy p{margin:0;color:#667085;font-size:13px}.captcha-answer label{display:block;font-weight:700;margin-bottom:7px}.captcha-answer input{text-align:center;font-weight:800;font-size:18px}.section-title-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.section-title-row small,.api-payload-card>small{font-size:10px;letter-spacing:.14em;font-weight:800;color:#087a45}.api-state{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:12px;font-weight:700}.api-state i{font-size:8px}.api-state.on{background:#e9f8ef;color:#087a45}.api-info-box{display:flex;gap:12px;padding:14px 16px;border:1px solid #d6e9df;border-radius:14px;background:#f5fbf8;color:#40566a;font-size:13px;line-height:1.55}.api-info-box i{color:#087a45;font-size:18px}.api-master-switch{display:flex;align-items:center;gap:12px;margin:20px 0;padding:16px;border-radius:14px;background:#fbfcfd;border:1px solid #e4e7ec}.api-master-switch .form-check-input{width:46px;height:24px;margin:0}.api-master-switch label{display:flex;flex-direction:column}.api-master-switch label small{color:#667085}.form-hint{display:block;margin-top:6px;color:#7b8794;font-size:11px}.api-payload-card pre{margin:14px 0;padding:18px;border-radius:14px;background:#0d2b22;color:#c9f4dd;white-space:pre-wrap;font-size:11px;line-height:1.65;max-height:420px;overflow:auto}.api-security-note{display:flex;gap:12px;padding:14px;border-radius:14px;background:#fff8e8;color:#7a5a11}.api-security-note i{font-size:20px}.api-security-note div{display:flex;flex-direction:column;font-size:12px}.api-security-note span{margin-top:3px;line-height:1.45}@media(max-width:767px){.register-captcha{grid-template-columns:1fr}.captcha-answer input{text-align:left}.section-title-row{align-items:flex-start;flex-direction:column}}
/* V25 editorial article */
.article-hero-editorial{padding:42px 0 38px}.article-hero-editorial .article-container{max-width:1120px}.article-hero-editorial h1{max-width:980px;font-size:clamp(2rem,3.55vw,3.65rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:18px}.article-hero-editorial .article-lead{max-width:850px;font-size:1.06rem;line-height:1.72}.article-layout-editorial{max-width:1190px;grid-template-columns:minmax(0,820px) 300px;gap:34px}.article-card-editorial{border-radius:18px;box-shadow:0 14px 45px rgba(12,44,31,.075)}.article-media-editorial{background:#eef5f1;min-height:0;aspect-ratio:16/9}.article-media-editorial img{height:100%;max-height:none;object-fit:cover}.article-body-editorial{padding:30px 44px 46px}.article-byline-editorial{padding-bottom:20px;margin-bottom:30px}.article-author-copy{flex:1}.article-share-inline{display:flex;gap:8px}.article-share-inline a,.article-share-inline button{width:38px;height:38px;border:1px solid #dce6e1;background:#fff;border-radius:50%;display:grid;place-items:center;color:#0a7144}.article-content-editorial{font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;line-height:1.92;color:#26352e}.article-content-editorial>p:first-child::first-letter{float:left;font-size:3.8rem;line-height:.82;padding:10px 9px 0 0;font-weight:700;color:#087a45}.article-content-editorial h2,.article-content-editorial h3{font-family:Inter,sans-serif}.article-content-editorial img{max-width:100%;height:auto;border-radius:12px}.article-source-link{margin-top:30px;padding:16px 18px;border-radius:14px;background:#f2f8f5;display:flex;gap:12px;align-items:center;color:#087a45}.article-source-link small,.article-source-link a{display:block}.article-source-link small{font-size:.72rem;color:#6f7f76}.article-source-link a{font-weight:750;text-decoration:none;color:#087a45}.article-sidebar-editorial{top:88px}.article-toc-card{padding-bottom:14px}.article-info-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #edf1ef}.article-info-row:last-child{border-bottom:0}.article-info-row>i{width:35px;height:35px;border-radius:10px;background:#edf9f3;color:#087a45;display:grid;place-items:center}.article-info-row small,.article-info-row b{display:block}.article-info-row small{font-size:.68rem;color:#7d8a83}.article-info-row b{font-size:.8rem;margin-top:2px}.api-option{background:#f6faf8;border:1px solid #e0ebe5;border-radius:14px;padding:16px 16px 16px 48px;height:100%}.api-option small{display:block;color:#75827b;margin-top:3px}.sync-status{display:flex;gap:12px;align-items:center;padding:14px;background:#f2f8f5;border-radius:13px}.sync-status i{font-size:1.3rem;color:#087a45}.sync-status small,.sync-status b{display:block}.sync-status small{font-size:.7rem;color:#77837d}.sync-status b{font-size:.84rem}.api-help-list{padding-left:20px;margin:16px 0 0;color:#5f6d66}.api-help-list li{margin-bottom:10px;font-size:.85rem}
@media(max-width:991.98px){.article-layout-editorial{grid-template-columns:1fr}.article-sidebar-editorial{grid-template-columns:1fr 1fr}.article-body-editorial{padding:28px 30px 38px}}@media(max-width:767.98px){.article-hero-editorial{padding-top:28px}.article-hero-editorial h1{font-size:2.15rem}.article-layout-editorial{gap:20px}.article-body-editorial{padding:22px 20px 32px}.article-content-editorial{font-size:1rem;line-height:1.8}.article-sidebar-editorial{grid-template-columns:1fr}.article-share-inline{display:none}}

/* V26 — Modern editorial article */
.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#0b8b50,#41c985);z-index:9999;transition:width .08s linear}
.article-hero-v26{position:relative;padding:34px 0 46px;background:radial-gradient(circle at 88% 5%,rgba(26,171,102,.13),transparent 32%),linear-gradient(180deg,#fbfefd 0%,#f6fbf8 100%);border-bottom:1px solid #e7efeb;overflow:hidden}
.article-hero-v26:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(12,135,77,.09);border-radius:50%;right:-130px;top:-215px}
.article-shell-v26{max-width:1120px;position:relative;z-index:1}.article-breadcrumb{display:flex;align-items:center;gap:9px;font-size:.78rem;color:#7b8981;margin-bottom:26px}.article-breadcrumb a{color:#087a45;text-decoration:none;font-weight:700}.article-breadcrumb>i{font-size:.62rem;color:#a6b1ab}.article-meta-v26{display:flex;align-items:center;gap:9px 18px;flex-wrap:wrap;color:#65766d;font-size:.78rem;margin-bottom:18px}.article-meta-v26 span{display:inline-flex;align-items:center;gap:7px}.article-category-v26{background:#e8f7ef;color:#087a45!important;border-radius:999px;padding:7px 13px;font-weight:800}.article-hero-v26 h1{max-width:1000px;font-size:clamp(2.2rem,4.2vw,4.35rem);line-height:1.04;letter-spacing:-.052em;color:#101d36;margin:0 0 20px;font-weight:850}.article-deck-v26{max-width:820px;font-size:1.12rem;line-height:1.72;color:#5f7068;margin:0 0 24px}.article-author-v26{display:flex;align-items:center;gap:12px}.author-mark{width:42px;height:42px;border-radius:13px;background:#0b8b50;color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(11,139,80,.2)}.article-author-v26 small,.article-author-v26 strong{display:block}.article-author-v26 small{font-size:.68rem;color:#7d8b84}.article-author-v26 strong{font-size:.84rem;color:#1d2b24}.verified-badge{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:6px 10px;border-radius:999px;background:#edf9f3;color:#087a45;font-size:.7rem;font-weight:800}
.article-main-v26{padding:48px 0 72px;background:#fff}.article-grid-v26{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px;align-items:start}.article-column-v26{min-width:0}.article-cover-v26{margin:0 0 22px;border-radius:24px;overflow:hidden;background:#eef7f2;border:1px solid #e0ebe5;box-shadow:0 20px 55px rgba(20,58,40,.09)}.article-cover-v26 img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.article-placeholder-v26{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,#d8f2e5,#bfe8d4);color:#087a45;text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.08em}.article-placeholder-v26 i{font-size:3.7rem}.article-cover-v26 figcaption{padding:11px 17px;background:#fff;color:#78877f;font-size:.7rem;display:flex;align-items:center;gap:7px}.article-copy-card-v26{border:1px solid #e1eae5;border-radius:24px;padding:0 42px 42px;box-shadow:0 18px 50px rgba(20,58,40,.065);background:#fff}.article-tools-v26{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #e9efec;margin-bottom:32px}.article-source-v26{display:flex;align-items:center;gap:12px}.article-source-v26>i{width:40px;height:40px;border-radius:12px;background:#ebf8f1;color:#087a45;display:grid;place-items:center;font-size:1.05rem}.article-source-v26 small,.article-source-v26 strong{display:block}.article-source-v26 small{font-size:.67rem;color:#829088}.article-source-v26 strong{font-size:.8rem;color:#22322a}.article-share-inline-v26{display:flex;gap:8px}.article-share-inline-v26 a,.article-share-inline-v26 button{width:40px;height:40px;border:1px solid #dce7e1;background:#fff;border-radius:12px;display:grid;place-items:center;color:#087a45;text-decoration:none;transition:.2s}.article-share-inline-v26 a:hover,.article-share-inline-v26 button:hover{background:#087a45;color:#fff;border-color:#087a45;transform:translateY(-2px)}.article-content-v26{font-family:Georgia,'Times New Roman',serif;font-size:1.12rem;line-height:1.96;color:#27372f}.article-content-v26 p{margin-bottom:1.45em}.article-content-v26>p:first-child::first-letter{float:left;font-size:4.25rem;line-height:.78;padding:12px 11px 0 0;color:#087a45;font-weight:700}.article-content-v26 h2,.article-content-v26 h3{font-family:Inter,sans-serif;color:#14243d;line-height:1.25;margin-top:1.7em}.article-content-v26 blockquote{border-left:4px solid #0a8a4e;background:#f2f9f5;border-radius:0 14px 14px 0;padding:18px 22px;margin:26px 0;font-style:italic}.article-content-v26 img{max-width:100%;height:auto;border-radius:15px;margin:18px 0}.article-source-link-v26{display:flex;align-items:center;gap:12px;margin-top:30px;padding:16px 18px;border-radius:14px;background:#f2f8f5;color:#087a45}.article-source-link-v26 small,.article-source-link-v26 a{display:block}.article-source-link-v26 small{font-size:.68rem;color:#718077}.article-source-link-v26 a{color:#087a45;font-weight:800;text-decoration:none}.article-tags-v26{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.article-tags-v26 span{padding:7px 11px;border-radius:999px;background:#f0f5f2;color:#557067;font-size:.72rem}.article-footer-share-v26{margin-top:34px;padding-top:26px;border-top:1px solid #e8efeb;display:flex;justify-content:space-between;gap:20px;align-items:center}.article-footer-share-v26 small,.article-footer-share-v26 strong{display:block}.article-footer-share-v26 small{font-size:.68rem;color:#7f8d85}.article-footer-share-v26 strong{font-size:.82rem}.article-footer-share-v26>div:last-child{display:flex;gap:8px}.article-footer-share-v26 button,.article-footer-share-v26 a{border:1px solid #d8e4de;border-radius:11px;padding:10px 13px;background:#fff;color:#0a7144;font-size:.75rem;font-weight:800;text-decoration:none}.article-footer-share-v26 a{background:#0b8b50;color:#fff;border-color:#0b8b50}
.article-aside-v26{position:sticky;top:94px;display:flex;flex-direction:column;gap:16px}.article-side-card-v26{border:1px solid #dfe9e4;border-radius:20px;padding:23px;background:#fff;box-shadow:0 12px 35px rgba(20,58,40,.055)}.side-kicker-v26{display:block;color:#087a45;font-size:.67rem;font-weight:850;letter-spacing:.12em;margin-bottom:9px}.article-side-card-v26 h3{font-size:1.08rem;margin:0 0 13px;color:#17253e}.info-item-v26{display:flex;gap:11px;padding:13px 0;border-top:1px solid #edf2ef}.info-item-v26>i{width:36px;height:36px;border-radius:11px;background:#ecf8f2;color:#087a45;display:grid;place-items:center}.info-item-v26 small,.info-item-v26 b{display:block}.info-item-v26 small{font-size:.64rem;color:#87928c}.info-item-v26 b{font-size:.76rem;margin-top:2px;color:#27362f}.share-card-v26 p{font-size:.78rem;line-height:1.6;color:#718078}.share-card-v26 button,.share-card-v26 a{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:11px;border:1px solid #d8e4de;background:#fff;color:#15382a;font-size:.76rem;font-weight:800;text-decoration:none;margin-top:9px}.share-card-v26 a{background:#0b8b50;color:#fff;border-color:#0b8b50}.verified-note-v26{display:flex;gap:12px;padding:17px;border-radius:17px;background:linear-gradient(135deg,#eaf8f1,#f4fbf7);border:1px solid #cce8d9;color:#17613e}.verified-note-v26>i{font-size:1.1rem}.verified-note-v26 b,.verified-note-v26 span{display:block}.verified-note-v26 b{font-size:.78rem}.verified-note-v26 span{font-size:.66rem;line-height:1.45;margin-top:3px;color:#597368}.article-related-v26{background:#f7faf8;border-top:1px solid #e7efeb}
@media(max-width:991.98px){.article-grid-v26{grid-template-columns:1fr}.article-aside-v26{position:static;display:grid;grid-template-columns:1fr 1fr}.verified-note-v26{grid-column:1/-1}.article-hero-v26 h1{font-size:clamp(2.1rem,6vw,3.4rem)}}
@media(max-width:767.98px){.article-hero-v26{padding:24px 0 34px}.article-breadcrumb{margin-bottom:19px}.article-hero-v26 h1{font-size:2.15rem;line-height:1.08}.article-deck-v26{font-size:.98rem}.verified-badge{display:none}.article-main-v26{padding:28px 0 48px}.article-grid-v26{gap:22px}.article-cover-v26,.article-copy-card-v26{border-radius:17px}.article-copy-card-v26{padding:0 20px 28px}.article-tools-v26{align-items:flex-start}.article-source-v26 strong{max-width:190px}.article-content-v26{font-size:1rem;line-height:1.82}.article-footer-share-v26{align-items:flex-start;flex-direction:column}.article-aside-v26{grid-template-columns:1fr}.verified-note-v26{grid-column:auto}.article-cover-v26 figcaption{font-size:.62rem}.article-author-v26{flex-wrap:wrap}}