:root{--green:#079b50;--green2:#05783f;--blue:#33358f;--ink:#172033;--muted:#657083;--line:#e6eaf0;--soft:#f5f8f7;--white:#fff;--danger:#d92d20;--warning:#d97706;--info:#2563eb;--shadow:0 18px 55px rgba(23,32,51,.10);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,234,240,.85)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:270px;height:52px;object-fit:contain;object-position:left center}.main-nav{display:flex;align-items:center;gap:24px;font-weight:700;font-size:14px}.main-nav>a:not(.btn){color:#485269}.main-nav>a:not(.btn):hover{color:var(--green)}.nav-toggle{display:none;border:0;background:#eef5f1;border-radius:12px;padding:10px 13px;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:14px 20px;font-weight:800;background:linear-gradient(135deg,var(--green),var(--green2));color:white;box-shadow:0 10px 26px rgba(7,155,80,.18);cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-sm{padding:11px 16px;border-radius:12px}.btn-outline{background:#fff;color:var(--blue);border:1px solid #dce2ea;box-shadow:none}.hero{overflow:hidden;background:radial-gradient(circle at 85% 10%,rgba(7,155,80,.12),transparent 28%),linear-gradient(180deg,#fbfdfc,#fff)}.hero-wrap{min-height:650px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:60px;padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#eef9f3;border:1px solid #d6f0e2;border-radius:999px;color:var(--green2);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(42px,5.4vw,76px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.hero h1 span{color:var(--green)}.hero p{font-size:18px;color:var(--muted);max-width:680px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{position:relative;min-height:500px}.hero-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.hero-card.main{inset:30px 0 30px 30px;padding:28px;overflow:hidden;background:linear-gradient(155deg,#ffffff,#f5fbf7)}.hero-card.main:before{content:"";position:absolute;width:260px;height:260px;background:linear-gradient(135deg,var(--green),#0eb869);border-radius:50%;right:-100px;top:-100px;opacity:.14}.hero-card.main h3{font-size:26px;margin:12px 0 4px}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.mini-metric{padding:18px;border:1px solid var(--line);background:#fff;border-radius:18px}.mini-metric strong{display:block;font-size:28px;color:var(--blue)}.mini-metric small{color:var(--muted)}.progress{height:9px;background:#eef1f5;border-radius:99px;overflow:hidden;margin-top:10px}.progress>span{height:100%;display:block;background:linear-gradient(90deg,var(--green),#22c477);border-radius:inherit}.floating{position:absolute;right:-20px;bottom:54px;padding:18px 22px;min-width:220px}.floating b{display:block;color:var(--green);font-size:22px}.section{padding:92px 0}.section.alt{background:var(--soft)}.section-head{max-width:760px;margin-bottom:36px}.section-head h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;line-height:1.08;margin:10px 0 12px}.section-head p{color:var(--muted);font-size:17px}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.program-card{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;transition:.25s}.program-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.program-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#eef9f3;color:var(--green);font-size:24px;font-weight:900}.program-card h3{font-size:18px;margin:18px 0 8px}.program-card p{color:var(--muted);font-size:14px;margin:0}.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.impact-card{padding:28px;border-radius:22px;background:#fff;border:1px solid var(--line)}.impact-card strong{display:block;font-size:36px;color:var(--blue);letter-spacing:-.04em}.impact-card span{color:var(--muted);font-size:14px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-panel{background:linear-gradient(145deg,var(--blue),#27296e);color:#fff;border-radius:30px;padding:38px;min-height:360px;position:relative;overflow:hidden}.about-panel:after{content:"YSBN";position:absolute;right:-20px;bottom:-56px;font-size:150px;font-weight:900;opacity:.05}.about-panel h3{font-size:30px;line-height:1.1;margin-top:0}.check-list{display:grid;gap:14px;margin-top:24px}.check-list div{display:flex;gap:12px;align-items:flex-start}.check-list i{font-style:normal;width:24px;height:24px;display:grid;place-items:center;background:rgba(255,255,255,.14);border-radius:8px}.legal-box{padding:22px;border-radius:18px;background:#f7f9ff;border:1px solid #e3e5fa;margin-top:20px;color:#4d5388}.site-footer{background:#10162a;color:#d9deea;padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-logo{width:280px;background:#fff;border-radius:12px;padding:8px}.footer-grid h4{color:#fff;margin-top:0}.footer-grid p{color:#aeb7ca}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:42px;padding:22px 0;color:#8590a8;font-size:13px}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 0%,rgba(7,155,80,.15),transparent 30%),#f5f8f7}.auth-card{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.auth-side{padding:48px;background:linear-gradient(145deg,var(--blue),#202260);color:#fff}.auth-side img{background:#fff;padding:8px;border-radius:12px;width:300px}.auth-side h2{font-size:38px;line-height:1.08;margin-top:40px}.auth-side p{color:#c7cbea}.auth-form{padding:48px}.auth-form h1{font-size:30px;margin:0 0 6px}.auth-form>p{color:var(--muted);margin-top:0}.field{margin:18px 0}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.input,.select{width:100%;border:1px solid #dce1e8;border-radius:13px;padding:13px 14px;font:inherit;outline:none;background:#fff}.input:focus,.select:focus{border-color:#8cd0ad;box-shadow:0 0 0 4px rgba(7,155,80,.08)}.auth-form .btn{width:100%;margin-top:8px}.helper{font-size:12px;color:var(--muted);margin-top:18px}
.dash-body{background:#f3f6f8}.dash-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#11182c;color:#d7deed;padding:20px 16px;display:flex;flex-direction:column;z-index:80}.sidebar-brand{background:#fff;border-radius:15px;padding:8px 10px}.sidebar-brand img{height:46px;width:100%;object-fit:contain}.sidebar-label{font-size:10px;letter-spacing:.14em;color:#77829c;font-weight:900;margin:22px 12px 10px}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:12px;color:#b5bfd4;font-weight:700;font-size:14px}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(255,255,255,.08);color:#fff}.sidebar-user{margin-top:auto;padding:14px;border-top:1px solid rgba(255,255,255,.08);display:grid}.sidebar-user small{color:#77829c}.sidebar-user a{margin-top:8px;color:#74dfad;font-size:13px;font-weight:800}.dash-main{margin-left:260px;min-height:100vh}.dash-topbar{height:86px;padding:0 28px;display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.dash-topbar h1{font-size:20px;margin:0}.dash-topbar small{color:var(--muted)}.icon-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 12px;font-size:18px}.user-chip{margin-left:auto;display:flex;align-items:center;gap:10px}.user-chip>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e9f7f0;color:var(--green);font-weight:900}.user-chip div{display:grid}.user-chip b{font-size:13px}.user-chip small{font-size:11px}.dash-content{padding:28px}.welcome{padding:30px;border-radius:24px;background:linear-gradient(135deg,#fff,#f5fbf7);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.welcome h2{font-size:28px;letter-spacing:-.03em;margin:0 0 6px}.welcome p{color:var(--muted);margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.kpi-card .label{font-size:12px;color:var(--muted);font-weight:800}.kpi-card strong{font-size:30px;display:block;margin:6px 0 2px;letter-spacing:-.03em}.kpi-card small{color:var(--muted)}.kpi-card .trend{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:9px;background:#eef9f3;color:var(--green2);font-size:11px;font-weight:800}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h3{margin:0;font-size:17px}.panel-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:13px 12px;border-bottom:1px solid #eef1f4;text-align:left;white-space:nowrap}.table th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-flex;padding:5px 8px;border-radius:9px;font-size:11px;font-weight:800}.badge.success{background:#eaf8f0;color:#087842}.badge.info{background:#edf4ff;color:#245fc7}.badge.warning{background:#fff6e5;color:#a45d00}.badge.danger{background:#ffefed;color:#b42318}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar .input,.toolbar .select{max-width:260px}.toolbar .btn{padding:11px 15px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.alert{padding:13px 15px;border-radius:12px;margin-bottom:16px;font-weight:700;font-size:13px}.alert.success{background:#eaf8f0;color:#087842}.alert.danger{background:#ffefed;color:#b42318}.progress-lg{height:13px;background:#edf1f4;border-radius:99px;overflow:hidden}.progress-lg span{display:block;height:100%;background:linear-gradient(90deg,var(--green),#1fbd6c)}.metric-line{display:flex;justify-content:space-between;align-items:end;margin:14px 0 8px}.metric-line strong{font-size:26px}.empty{padding:36px;text-align:center;color:var(--muted)}
.install{max-width:760px;margin:50px auto;padding:30px}.install .panel{box-shadow:var(--shadow)}
@media(max-width:1000px){.program-grid,.impact-grid,.kpi-grid{grid-template-columns:repeat(2,1fr)}.hero-wrap{grid-template-columns:1fr;min-height:auto}.hero-art{min-height:420px}.about-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.dash-main{margin-left:0}.icon-btn{display:block}}
@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:72px}.brand img{width:220px;height:44px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:14px;right:14px;top:76px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:8px}.hero-wrap{padding:46px 0;gap:24px}.hero h1{font-size:43px}.hero p{font-size:16px}.hero-art{min-height:370px}.hero-card.main{inset:10px 0}.floating{right:10px;bottom:28px}.metric-row{grid-template-columns:1fr}.section{padding:68px 0}.program-grid,.impact-grid,.kpi-grid,.grid-2,.form-grid,.footer-grid{grid-template-columns:1fr}.auth-card{grid-template-columns:1fr}.auth-side{display:none}.auth-form{padding:30px 22px}.dash-content{padding:16px}.dash-topbar{padding:0 16px;height:76px}.user-chip div{display:none}.welcome{padding:22px;align-items:flex-start;flex-direction:column}.kpi-card strong{font-size:27px}.panel{padding:17px}.footer-grid{gap:20px}}
/* YSBN Portal v1.1.0 — Peserta & Program */
.page-hero{background:linear-gradient(135deg,#fff,#f4fbf7);border:1px solid var(--line);border-radius:24px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:24px}.page-hero.compact h2{font-size:28px;margin:8px 0 6px;letter-spacing:-.03em}.page-hero p{margin:0;color:var(--muted);max-width:760px}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn.btn-ghost{background:#f4f6f8;color:#39445a;box-shadow:none}.btn.btn-ghost:hover{background:#e9edf1}.mini-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.mini-stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}.mini-stat span{display:block;font-size:11px;letter-spacing:.06em;color:var(--muted);font-weight:900;text-transform:uppercase}.mini-stat strong{display:block;font-size:28px;margin:5px 0}.mini-stat small{color:var(--muted)}
.participant-panel{padding:0;overflow:hidden}.participant-head{padding:22px 22px 18px;margin:0;border-bottom:1px solid #edf0f3;align-items:flex-start}.filter-bar{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.filter-bar .select{width:auto;min-width:150px;padding:10px 12px}.search-box{height:42px;min-width:260px;display:flex;align-items:center;gap:8px;border:1px solid #dce1e8;background:#fff;border-radius:12px;padding:0 12px}.search-box:focus-within{border-color:#8cd0ad;box-shadow:0 0 0 4px rgba(7,155,80,.08)}.search-box span{color:#7b8494;font-size:20px}.search-box input{border:0;outline:0;width:100%;font:inherit;background:transparent}.participant-list{display:grid}.participant-row{display:grid;grid-template-columns:minmax(310px,1.45fr) minmax(320px,1fr) auto;gap:24px;align-items:center;padding:19px 22px;border-bottom:1px solid #edf0f3;transition:.18s}.participant-row:last-child{border-bottom:0}.participant-row:hover{background:#fbfdfc}.participant-main{display:flex;align-items:center;gap:14px;min-width:0}.avatar-lg,.avatar-xl{flex:0 0 auto;display:grid;place-items:center;background:linear-gradient(145deg,#e8f7ef,#f0f3ff);color:var(--green);font-weight:900;border:1px solid #dcece3}.avatar-lg{width:48px;height:48px;border-radius:15px;font-size:18px}.avatar-xl{width:76px;height:76px;border-radius:22px;font-size:28px}.participant-copy{min-width:0}.participant-name-line{display:flex;align-items:center;gap:9px}.participant-name-line h4{margin:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:5px;color:var(--muted);font-size:11px}.participant-meta span:not(:last-child):after{content:"·";margin-left:12px;color:#c4cad3}.program-chip{display:inline-flex;margin-top:7px;padding:5px 8px;background:#f2f5f8;color:#586273;border-radius:8px;font-size:10px;font-weight:800}.participant-kpis{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kpi-compact>div:first-child{display:flex;justify-content:space-between;align-items:end;gap:10px}.kpi-compact span{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase}.kpi-compact strong{font-size:16px}.kpi-compact small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.progress-thin{height:6px;background:#edf1f4;border-radius:99px;overflow:hidden;margin-top:7px}.progress-thin i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#1fbd6c)}.participant-actions{display:flex;align-items:center;gap:8px}.icon-action{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:#fff;color:#414b5b;font-weight:900}.icon-action:hover{background:#f3f6f8}.empty-state{text-align:center;padding:62px 20px}.empty-state .empty-icon{width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;border-radius:18px;background:#eef8f3;color:var(--green);font-size:26px}.empty-state h4{margin:0 0 4px}.empty-state p{margin:0 0 16px;color:var(--muted)}
.content-narrow{max-width:980px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:14px}.breadcrumb a{color:var(--green);font-weight:800}.breadcrumb b{color:#263042}.form-panel{padding:28px}.form-section-title{display:flex;align-items:center;gap:12px;margin:26px 0 2px;padding-top:22px;border-top:1px solid #edf0f3}.form-section-title:first-of-type{margin-top:0;padding-top:0;border-top:0}.form-section-title>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#ecf8f2;color:var(--green);font-size:11px;font-weight:900}.form-section-title div{display:grid}.form-section-title b{font-size:14px}.form-section-title small,.field-help{color:var(--muted);font-size:11px}.field.full{grid-column:1/-1}.textarea{resize:vertical;min-height:96px}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf0f3;margin-top:26px;padding-top:20px}
.profile-hero{background:linear-gradient(135deg,#fff,#f4fbf7);border:1px solid var(--line);border-radius:24px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.profile-main{display:flex;align-items:center;gap:16px}.profile-title{display:flex;align-items:center;gap:10px}.profile-title h2{font-size:25px;margin:0;letter-spacing:-.03em}.profile-main p{color:var(--muted);margin:5px 0 9px}.profile-tags{display:flex;flex-wrap:wrap;gap:7px}.profile-tags span{padding:6px 9px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:10px;font-weight:800;color:#596376}.detail-kpis{margin-top:18px}.detail-kpis .kpi-card{min-height:150px}.detail-kpis .progress-thin{margin:11px 0 7px}.kpi-card .kpi-text{font-size:18px;line-height:1.25;margin-top:14px}.profile-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.info-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-list>div{padding:14px;border:1px solid #edf0f3;border-radius:14px;background:#fbfcfd}.info-list .wide{grid-column:1/-1}.info-list span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.05em;margin-bottom:5px}.info-list b{font-size:13px;line-height:1.5}.timeline-list{display:grid;gap:13px}.timeline-item{display:flex;gap:12px}.timeline-item>i{width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:5px;box-shadow:0 0 0 5px #edf8f2}.timeline-item div{display:grid}.timeline-item b{font-size:13px}.timeline-item span{font-size:12px;color:#4c5668}.timeline-item small{font-size:10px;color:var(--muted);margin-top:3px}.empty.small{padding:20px}.bottom-tools{grid-template-columns:1fr 1fr}.inline-settings{display:flex;gap:10px;align-items:center}.inline-settings .input,.inline-settings .select{flex:1}.program-admin-grid{margin-top:18px}.program-admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.program-admin-card{padding:16px;border:1px solid #edf0f3;border-radius:16px;display:flex;gap:12px;background:#fbfcfd}.program-admin-card .program-icon{width:40px;height:40px;flex:0 0 auto;border-radius:12px}.program-admin-card b{font-size:13px}.program-admin-card p{font-size:11px;color:var(--muted);margin:4px 0 10px;line-height:1.45}.program-stats{display:flex;gap:6px;flex-wrap:wrap}.program-stats span{font-size:9px;font-weight:800;background:#eef3f6;border-radius:7px;padding:4px 6px;color:#596477}.table-inline{display:flex;gap:7px;align-items:center}.select.select-sm{padding:8px 10px;width:auto;min-width:95px}
@media(max-width:1200px){.participant-row{grid-template-columns:1fr}.participant-kpis{max-width:520px}.participant-actions{justify-content:flex-start}.program-admin-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.page-hero,.profile-hero{align-items:flex-start;flex-direction:column}.mini-stat-grid{grid-template-columns:repeat(2,1fr)}.participant-head{flex-direction:column}.filter-bar{width:100%;justify-content:flex-start}.search-box{min-width:100%}.filter-bar .select{flex:1}.profile-grid,.bottom-tools{grid-template-columns:1fr}.program-admin-cards{grid-template-columns:1fr}.inline-settings{align-items:stretch;flex-direction:column}.profile-main{align-items:flex-start}.detail-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mini-stat-grid,.participant-kpis,.detail-kpis,.info-list{grid-template-columns:1fr}.participant-row{padding:17px}.participant-meta span:after{display:none}.participant-main{align-items:flex-start}.profile-title{align-items:flex-start;flex-direction:column;gap:5px}.avatar-xl{width:60px;height:60px;border-radius:18px}.form-panel{padding:18px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}

/* YSBN Portal v1.2.0 — System Updater */
.update-hero{background:radial-gradient(circle at 92% 15%,rgba(7,155,80,.09),transparent 30%),linear-gradient(135deg,#fff,#f7fbf9)}
.version-card{min-width:190px;padding:18px 20px;border:1px solid #dfe9e4;background:rgba(255,255,255,.88);border-radius:18px;display:grid;box-shadow:0 14px 35px rgba(23,32,51,.06)}
.version-card small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted)}
.version-card strong{font-size:28px;line-height:1.15;color:var(--green2);letter-spacing:-.04em;margin:3px 0}
.version-card span{font-size:11px;color:var(--muted)}
.update-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px;margin-top:18px}
.update-upload-panel,.system-check-panel{min-height:100%}
.secure-chip{font-size:10px;font-weight:900;color:var(--green2);background:#edf9f3;border:1px solid #d9f0e4;border-radius:999px;padding:6px 9px;white-space:nowrap}
.update-dropzone{min-height:230px;border:1.5px dashed #bdc9c3;border-radius:20px;background:linear-gradient(180deg,#fbfdfc,#f7faf9);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;cursor:pointer;transition:.2s}
.update-dropzone:hover,.update-dropzone.dragging{border-color:var(--green);background:#f1faf5;box-shadow:inset 0 0 0 3px rgba(7,155,80,.05)}
.update-dropzone.has-file{border-style:solid;border-color:#9ed8bb;background:#f2fbf6}
.update-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.update-dropzone .drop-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#e9f8f0;color:var(--green);font-size:28px;font-weight:800;margin-bottom:12px;box-shadow:0 9px 24px rgba(7,155,80,.10)}
.update-dropzone b{font-size:16px}.update-dropzone small{margin-top:5px;color:var(--muted);font-size:11px;max-width:520px}
.update-safety-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.update-safety-list>div{display:flex;gap:10px;padding:13px;border:1px solid #edf0f3;border-radius:14px;background:#fbfcfd}
.update-safety-list i{font-style:normal;flex:0 0 26px;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#edf8f2;color:var(--green2);font-size:11px;font-weight:900}
.update-safety-list span{display:grid;min-width:0}.update-safety-list b{font-size:11px}.update-safety-list small{font-size:9px;color:var(--muted);line-height:1.45;margin-top:2px}
.update-submit{width:100%;min-height:50px}.update-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.update-submit .spin{display:inline-block;animation:ysbnSpin .8s linear infinite}
.update-warning{text-align:center;font-size:10px;color:var(--muted);margin:9px 0 0}
@keyframes ysbnSpin{to{transform:rotate(360deg)}}
.system-check-list{display:grid;gap:3px}.system-check-list>div{display:flex;align-items:center;gap:11px;padding:11px 4px;border-bottom:1px solid #f0f2f4}.system-check-list>div:last-child{border-bottom:0}
.check-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 4px #f1f3f5}.check-dot.ok{background:#16a35b;box-shadow:0 0 0 4px #e9f8f0}.check-dot.bad{background:#d92d20;box-shadow:0 0 0 4px #fdecea}
.system-check-list div div{display:grid}.system-check-list b{font-size:12px}.system-check-list small{font-size:10px;color:var(--muted)}
.system-meta{border-top:1px solid #edf0f3;margin-top:14px;padding-top:14px;display:grid;gap:9px}.system-meta>div{display:flex;justify-content:space-between;gap:12px;font-size:10px}.system-meta span{color:var(--muted)}.system-meta b{color:#384254}
.update-result{margin-top:18px;border-radius:18px;padding:16px 18px;display:flex;gap:13px;align-items:flex-start;border:1px solid}
.update-result.success-card{background:#effaf4;border-color:#cfeedd;color:#24583c}.update-result.danger-card{background:#fff3f1;border-color:#f4d1cb;color:#8d3027}
.update-result-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#fff;font-weight:900;flex:0 0 auto}.update-result b{font-size:13px}.update-result p{margin:2px 0 3px;font-size:11px;line-height:1.5}.update-result small{font-size:9px;opacity:.8}.update-result code{background:rgba(255,255,255,.65);padding:2px 5px;border-radius:5px}
.update-history-panel{margin-top:18px}.update-empty{padding:32px 18px}.update-history-list{display:grid}.update-history-row{display:grid;grid-template-columns:auto 1fr minmax(170px,auto);gap:12px;align-items:center;padding:13px 2px;border-bottom:1px solid #edf0f3}.update-history-row:last-child{border-bottom:0}
.history-status{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:900}.history-status.success{background:#eaf8f0;color:var(--green2)}.history-status.failed{background:#fff0ee;color:var(--danger)}
.history-main{display:grid}.history-main b{font-size:12px}.history-main small{font-size:9px;color:var(--muted);word-break:break-word}.history-version{display:flex;justify-content:flex-end;align-items:center;gap:7px;font-size:10px}.history-version span{color:var(--muted);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-version i{font-style:normal;color:#a6afbc}.history-version strong{font-size:11px;color:var(--green2)}
@media(max-width:1050px){.update-grid{grid-template-columns:1fr}.update-safety-list{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.version-card{width:100%}.update-safety-list{grid-template-columns:1fr}.update-dropzone{min-height:190px}.update-history-row{grid-template-columns:auto 1fr}.history-version{grid-column:2;justify-content:flex-start}.secure-chip{display:none}}

/* YSBN Portal v1.3.0 — Kehadiran Massal */
.attendance-hero{background:radial-gradient(circle at 88% 15%,rgba(51,53,143,.08),transparent 28%),linear-gradient(135deg,#fff,#f4fbf7)}
.attendance-empty-panel{margin-top:18px}.attendance-toolbar{margin-top:18px;display:flex;align-items:end;justify-content:space-between;gap:18px;padding:16px 18px}.attendance-batch-field{margin:0;min-width:min(520px,100%);flex:1}.attendance-toolbar-meta{display:flex;gap:10px;flex-wrap:wrap}.attendance-toolbar-meta>span{min-width:96px;padding:9px 12px;border:1px solid #edf0f3;border-radius:12px;background:#fbfcfd;display:grid}.attendance-toolbar-meta b{font-size:16px;line-height:1.1}.attendance-toolbar-meta small{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:900;margin-top:3px}.attendance-layout{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.7fr);gap:18px;margin-top:18px;align-items:start}.attendance-meetings-panel{padding:16px;position:sticky;top:104px;max-height:calc(100vh - 126px);overflow:auto}.attendance-panel-head{padding:4px 3px 13px;margin-bottom:5px}.meeting-list{display:grid;gap:8px}.meeting-item{display:flex;gap:11px;padding:11px;border:1px solid #edf0f3;border-radius:14px;background:#fff;transition:.18s}.meeting-item:hover{background:#f8fbfa;border-color:#d9e8e0}.meeting-item.active{border-color:#a9d9c0;background:#f0faf5;box-shadow:0 7px 22px rgba(7,155,80,.07)}.meeting-date{width:45px;height:49px;flex:0 0 45px;border:1px solid #e1e6eb;border-radius:12px;background:#fff;display:grid;place-items:center;align-content:center;line-height:1}.meeting-date b{font-size:17px}.meeting-date span{font-size:8px;color:var(--muted);font-weight:900;margin-top:4px}.meeting-copy{min-width:0;flex:1;display:grid;align-content:center}.meeting-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meeting-copy small{font-size:9px;color:var(--muted);margin-top:3px}.meeting-copy .progress-thin{margin-top:7px}.attendance-main-panel{padding:0;overflow:hidden;min-height:450px}.attendance-main-empty{padding:70px 24px}.attendance-meeting-head{padding:22px 24px 18px;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.attendance-meeting-title-line{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.attendance-date-chip{font-size:10px;font-weight:900;color:var(--green2);background:#edf9f3;border:1px solid #d9f0e4;border-radius:8px;padding:5px 8px}.attendance-meeting-head h3{font-size:20px;margin:7px 0 2px}.attendance-meeting-head p{font-size:11px;color:var(--muted);margin:0}.meeting-head-actions{display:flex;align-items:center;gap:7px}.meeting-head-actions form{margin:0}.btn-danger-soft{background:#fff1ef;color:#b42318;border:1px solid #f3d2cc;box-shadow:none}.btn-danger-soft:hover{background:#ffe9e5}.attendance-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:14px 20px;background:#fbfcfd;border-bottom:1px solid #edf0f3}.attendance-stats>div{padding:10px;border:1px solid #edf0f3;border-radius:12px;background:#fff;display:grid}.attendance-stats span{font-size:8px;color:var(--muted);font-weight:900;text-transform:uppercase}.attendance-stats strong{font-size:20px;line-height:1.15;margin-top:2px}.attendance-stats .is-hadir strong{color:#087842}.attendance-stats .is-izin strong{color:#9a6700}.attendance-stats .is-sakit strong{color:#8a5a00}.attendance-stats .is-alpa strong{color:#b42318}.attendance-stats .is-belum strong{color:#667085}.attendance-actions-bar{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f3;position:sticky;top:86px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);z-index:5}.attendance-search{min-width:220px;max-width:320px;flex:1}.attendance-bulk-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.bulk-btn{border:1px solid #dfe4e9;border-radius:10px;background:#fff;padding:9px 11px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.bulk-btn.hadir{color:#087842;background:#f0faf5;border-color:#d5efdf}.bulk-btn.alpa{color:#b42318;background:#fff5f3;border-color:#f4d7d2}.attendance-roster{display:grid}.attendance-person{display:grid;grid-template-columns:minmax(210px,1.1fr) minmax(320px,1.6fr) minmax(170px,.7fr);gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid #edf0f3}.attendance-person:last-child{border-bottom:0}.attendance-person:hover{background:#fbfdfc}.attendance-person-main{display:flex;gap:11px;align-items:center;min-width:0}.attendance-person-main>div:last-child{display:grid;min-width:0}.attendance-person-main strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-person-main small{font-size:9px;color:var(--muted);margin-top:2px}.attendance-status-options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.status-option{position:relative;cursor:pointer}.status-option input{position:absolute;opacity:0;pointer-events:none}.status-option span{display:flex;justify-content:center;align-items:center;min-height:36px;border:1px solid #e2e6eb;border-radius:10px;background:#fff;font-size:9px;font-weight:900;color:#667085;transition:.15s}.status-option:hover span{border-color:#c9d2dc}.status-option.hadir input:checked+span{background:#eaf8f0;border-color:#9ed7b9;color:#087842;box-shadow:0 0 0 2px rgba(7,155,80,.05)}.status-option.izin input:checked+span{background:#fff7e8;border-color:#f0d299;color:#9a6700}.status-option.sakit input:checked+span{background:#fff9ef;border-color:#ead9b1;color:#8a5a00}.status-option.alpa input:checked+span{background:#fff0ee;border-color:#f0bdb5;color:#b42318}.attendance-note-wrap{display:grid;gap:3px}.attendance-note{padding:9px 10px;font-size:10px;border-radius:10px}.attendance-note-wrap small{font-size:8px;color:var(--muted)}.attendance-save-sticky{position:sticky;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid #e8ecef;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;z-index:5}.attendance-save-sticky>div{display:grid}.attendance-save-sticky b{font-size:11px}.attendance-save-sticky small{font-size:9px;color:var(--muted)}.attendance-modal{position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(4px);z-index:200;display:none;place-items:center;padding:20px}.attendance-modal.open{display:grid}.attendance-modal-card{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:22px;border:1px solid #e5e9ed;box-shadow:0 30px 80px rgba(15,23,42,.25);padding:26px;position:relative}.attendance-modal-card h3{font-size:22px;margin:10px 0 3px}.attendance-modal-card>p{font-size:11px;color:var(--muted);margin:0 0 16px}.modal-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:1px solid #e4e8ec;border-radius:10px;background:#fff;font-size:20px;cursor:pointer;color:#667085}.member-attendance-hero{margin-bottom:18px}.member-kpi-badge{font-size:12px;padding:8px 11px}.attendance-member-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.member-attendance-panel{padding:0;overflow:hidden}.member-attendance-panel .panel-head{padding:20px 22px 13px;margin:0}.member-attendance-list{display:grid}.member-attendance-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 22px;border-top:1px solid #edf0f3}.member-attendance-copy{display:grid;min-width:0}.member-attendance-copy strong{font-size:12px}.member-attendance-copy small{font-size:9px;color:var(--muted)}.member-attendance-copy p{font-size:10px;color:#596376;margin:4px 0 0}.member-attendance-status{display:grid;justify-items:end;gap:4px}.member-attendance-status small{font-size:8px;color:var(--muted)}
@media(max-width:1180px){.attendance-layout{grid-template-columns:1fr}.attendance-meetings-panel{position:static;max-height:none}.meeting-list{grid-template-columns:repeat(2,1fr)}.attendance-stats{grid-template-columns:repeat(3,1fr)}.attendance-person{grid-template-columns:minmax(220px,1fr) 1.4fr}.attendance-note-wrap{grid-column:1/-1}.attendance-member-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.attendance-toolbar{align-items:stretch;flex-direction:column}.attendance-batch-field{min-width:0}.attendance-toolbar-meta{display:grid;grid-template-columns:repeat(3,1fr)}.attendance-meeting-head{flex-direction:column}.attendance-actions-bar{position:static;align-items:stretch;flex-direction:column}.attendance-search{max-width:none;min-width:0;width:100%}.attendance-bulk-actions{justify-content:flex-start}.attendance-person{grid-template-columns:1fr}.attendance-status-options{grid-template-columns:repeat(4,1fr)}.attendance-note-wrap{grid-column:auto}.attendance-save-sticky>div{display:none}.attendance-save-sticky .btn{width:100%}.meeting-list{grid-template-columns:1fr}.attendance-member-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.attendance-stats{grid-template-columns:repeat(2,1fr)}.attendance-toolbar-meta{grid-template-columns:1fr 1fr 1fr}.attendance-toolbar-meta>span{min-width:0}.attendance-status-options{grid-template-columns:1fr 1fr}.attendance-person{padding:13px 14px}.attendance-main-panel{border-radius:18px}.attendance-meeting-head,.attendance-actions-bar{padding-left:14px;padding-right:14px}.attendance-save-sticky{padding:10px 14px}.attendance-modal-card{padding:20px 16px}.attendance-member-stats{grid-template-columns:1fr}.member-attendance-row{grid-template-columns:auto minmax(0,1fr);padding:13px 15px}.member-attendance-status{grid-column:2;justify-items:start}.meeting-head-actions{width:100%}.meeting-head-actions .btn,.meeting-head-actions form{flex:1}.meeting-head-actions form .btn{width:100%}}

/* YSBN Portal v1.4.0 — Penjualan & cache busting */
.sales-hero{background:radial-gradient(circle at 85% 10%,rgba(7,155,80,.08),transparent 28%),linear-gradient(135deg,#fff,#f6fbf8)}
.sales-toolbar{margin-top:18px;display:grid;grid-template-columns:minmax(260px,1fr) 170px 130px auto;gap:12px;align-items:end;padding:16px 18px}.sales-toolbar .field{margin:0}.sales-filter-button{height:47px}.sales-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px}.sales-stat-grid .kpi-card{min-width:0}.sales-stat-grid .kpi-card strong{font-size:25px}.sales-stat-grid .kpi-card small{font-size:10px;display:block}.sales-stat-badge{margin-top:7px}.sales-overview-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px}.sales-ranking-panel,.sales-summary-panel{min-height:250px}.sales-podium{display:grid;gap:9px}.sales-rank-card{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #edf0f3;border-radius:14px;padding:11px 12px;background:#fbfcfd}.sales-rank-card.rank-1{background:linear-gradient(135deg,#fff,#f3fbf6);border-color:#d9eee3}.sales-rank-number{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eef3f6;color:#596477;font-size:10px;font-weight:900}.rank-1 .sales-rank-number{background:#e5f8ee;color:#087842}.sales-rank-copy{display:grid;min-width:0}.sales-rank-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-rank-copy small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-rank-kpi{display:grid;justify-items:end;gap:4px}.sales-rank-kpi>b{font-size:15px}.sales-total-line{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f3}.sales-total-line span{font-size:11px;color:var(--muted);font-weight:800}.sales-total-line strong{font-size:17px}.sales-main-progress{margin:18px 0 10px}.sales-gap-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.sales-gap-line span{font-size:10px;color:var(--muted)}.sales-gap-line b{font-size:12px}.sales-gap-line .positive{color:#087842}.sales-gap-line .negative{color:#b42318}.sales-participants-panel,.sales-transactions-panel{margin-top:18px;padding:0;overflow:hidden}.sales-table-head{padding:20px 22px 13px;margin:0;border-bottom:1px solid #edf0f3}.sales-search{min-width:260px;max-width:340px}.sales-participant-list{display:grid}.sales-participant-row{display:grid;grid-template-columns:minmax(270px,1.3fr) minmax(120px,.55fr) minmax(135px,.6fr) minmax(210px,.9fr) auto;gap:15px;align-items:center;padding:15px 20px;border-bottom:1px solid #edf0f3}.sales-participant-row:last-child{border-bottom:0}.sales-participant-row:hover{background:#fbfdfc}.sales-person-main{display:flex;align-items:center;gap:10px;min-width:0}.sales-person-main>div:last-child{display:grid;min-width:0}.sales-person-main strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-person-main small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-rank-pill{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f1f4f6;color:#667085;font-size:9px;font-weight:900;flex:0 0 auto}.sales-money-cell{display:grid}.sales-money-cell small{font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:900}.sales-money-cell b{font-size:12px}.sales-money-cell em{font-style:normal;font-size:8px;color:var(--muted)}.sales-kpi-cell{min-width:0}.sales-kpi-cell>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:7px}.sales-kpi-cell strong{font-size:14px}.sales-kpi-cell small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.sales-row-actions{display:flex;gap:6px}.sales-transactions-panel .panel-head{padding:20px 22px 13px;margin:0;border-bottom:1px solid #edf0f3}.sales-transaction-table td:nth-child(2){display:grid}.sales-transaction-table td:nth-child(2) small{font-size:9px;color:var(--muted)}.sales-channel{display:inline-flex;padding:5px 8px;border-radius:8px;background:#f2f5f8;color:#586273;font-size:10px;font-weight:800}.sales-delete{color:#b42318;cursor:pointer}.sales-modal-card{width:min(680px,100%)}.sales-bulk-modal{width:min(780px,100%)}.sales-bulk-fill{display:grid;grid-template-columns:1fr auto;gap:10px;margin:12px 0}.sales-bulk-target-list{display:grid;gap:7px;max-height:420px;overflow:auto;padding-right:4px}.sales-bulk-target-list label{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;align-items:center;padding:9px 10px;border:1px solid #edf0f3;border-radius:12px}.sales-bulk-target-list label>span{display:grid}.sales-bulk-target-list b{font-size:11px}.sales-bulk-target-list small{font-size:8px;color:var(--muted)}.sales-bulk-target-list .input{padding:9px 10px;font-size:11px}
.member-sales-hero{margin-bottom:18px}.member-sales-hero-actions{display:grid;justify-items:end;gap:9px}.member-period-form{display:flex;gap:7px;align-items:center}.member-period-form .select{padding:9px 10px;width:auto;min-width:110px}.member-sales-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.member-sales-stats .kpi-card strong{font-size:25px}.member-sales-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.member-sales-progress-number{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:14px 0}.member-sales-progress-number strong{font-size:36px;line-height:1}.member-sales-progress-number span{font-size:11px;color:var(--muted)}.member-sales-progress{height:14px}.member-sales-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff7e8;color:#9a6700;font-size:10px;font-weight:800}.member-sales-note.success{background:#eaf8f0;color:#087842}.member-program-list{display:grid;gap:8px}.member-program-list>div{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;padding:10px;border:1px solid #edf0f3;border-radius:12px}.member-program-list .program-chip{grid-row:1/3;margin:0}.member-program-list b{font-size:11px}.member-program-list small{font-size:9px;color:var(--muted)}.member-sales-trend-panel{margin-bottom:18px}.member-sales-chart{height:220px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:end;padding:16px 6px 0;border-bottom:1px solid #e8ecef}.member-sales-bar-item{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:4px;justify-items:center}.member-sales-bars{height:100%;width:100%;display:flex;justify-content:center;align-items:end;gap:5px}.member-sales-bars i{display:block;width:min(18px,28%);border-radius:6px 6px 2px 2px;min-height:2px}.member-sales-bars i.target{background:#dfe4ec}.member-sales-bars i.real{background:linear-gradient(180deg,#1eb86b,var(--green))}.member-sales-bar-item strong{font-size:9px;text-transform:uppercase}.member-sales-bar-item small{font-size:8px;color:var(--muted)}.member-sales-chart-legend{display:flex;justify-content:center;gap:18px;padding-top:10px}.member-sales-chart-legend span{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.member-sales-chart-legend i{width:10px;height:10px;border-radius:3px}.member-sales-chart-legend i.target{background:#dfe4ec}.member-sales-chart-legend i.real{background:var(--green)}.member-sales-history-panel{padding:0;overflow:hidden}.member-sales-history-panel .panel-head{padding:20px 22px 13px;margin:0}.member-sales-list{display:grid}.member-sales-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 22px;border-top:1px solid #edf0f3}.member-sales-copy{display:grid;min-width:0}.member-sales-copy strong{font-size:12px}.member-sales-copy small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-sales-amount{font-size:13px;color:#087842}
@media(max-width:1250px){.sales-stat-grid{grid-template-columns:repeat(3,1fr)}.sales-participant-row{grid-template-columns:minmax(240px,1.2fr) repeat(2,minmax(115px,.55fr)) minmax(190px,.9fr) auto}}
@media(max-width:1050px){.sales-toolbar{grid-template-columns:1fr 1fr 1fr}.sales-filter-field{grid-column:1/-1}.sales-filter-button{width:100%}.sales-overview-grid,.member-sales-grid{grid-template-columns:1fr}.sales-participant-row{grid-template-columns:minmax(240px,1fr) 1fr 1fr auto}.sales-kpi-cell{grid-column:2/4}.sales-row-actions{grid-column:4;grid-row:1/3}.member-sales-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sales-stat-grid{grid-template-columns:1fr 1fr}.sales-toolbar{grid-template-columns:1fr 1fr}.sales-filter-year{grid-column:2}.sales-filter-button{grid-column:1/-1}.sales-table-head{align-items:stretch;flex-direction:column}.sales-search{max-width:none;min-width:0;width:100%}.sales-participant-row{grid-template-columns:1fr 1fr;padding:14px}.sales-person-main{grid-column:1/-1}.sales-kpi-cell{grid-column:1/-1}.sales-row-actions{grid-column:1/-1;grid-row:auto}.sales-row-actions .icon-action{flex:1;width:auto;height:38px}.member-sales-hero-actions{justify-items:start;width:100%}.member-period-form{width:100%;flex-wrap:wrap}.member-period-form .select{flex:1}.member-sales-chart{gap:8px}.sales-bulk-target-list label{grid-template-columns:1fr}.sales-bulk-fill{grid-template-columns:1fr}.sales-bulk-fill .btn{width:100%}}
@media(max-width:520px){.sales-stat-grid,.member-sales-stats{grid-template-columns:1fr}.sales-toolbar{grid-template-columns:1fr}.sales-filter-field,.sales-filter-month,.sales-filter-year,.sales-filter-button{grid-column:auto}.sales-rank-card{grid-template-columns:auto auto minmax(0,1fr)}.sales-rank-kpi{grid-column:3;justify-items:start}.sales-rank-number{grid-row:1}.member-sales-row{grid-template-columns:auto minmax(0,1fr)}.member-sales-amount{grid-column:2}.member-sales-chart{height:185px;gap:5px}.member-sales-bars{gap:2px}}

/* YSBN Portal v1.5.0 — Executive Admin Dashboard */
.admin-dash-hero{padding:26px 28px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 88% 10%,rgba(51,53,143,.08),transparent 28%),linear-gradient(135deg,#fff,#f5fbf7);display:flex;align-items:center;justify-content:space-between;gap:22px}.admin-dash-copy h2{font-size:29px;line-height:1.12;letter-spacing:-.035em;margin:12px 0 6px}.admin-dash-copy p{margin:0;color:var(--muted);max-width:720px}.admin-dash-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.admin-dash-actions .btn{padding:11px 14px;border-radius:12px;font-size:12px}
.admin-dash-filter{margin-top:16px;padding:15px 17px;display:grid;grid-template-columns:minmax(170px,.8fr) minmax(270px,1.7fr) 145px 115px auto;gap:10px;align-items:end}.admin-filter-title{display:grid;align-self:center}.admin-filter-title span{font-size:12px;font-weight:900}.admin-filter-title small{font-size:9px;color:var(--muted)}.admin-dash-filter label{display:grid;gap:5px}.admin-dash-filter label>span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:var(--muted)}.admin-dash-filter .select{padding:10px 11px;border-radius:11px;font-size:11px}.admin-filter-submit{height:42px;padding:9px 15px;border-radius:11px;font-size:11px}
.admin-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px}.admin-stat-card{position:relative;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;transition:.18s}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(23,32,51,.07);border-color:#dbe6df}.admin-stat-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#edf8f2;color:var(--green);font-size:14px;font-weight:900}.admin-stat-card>div{min-width:0;display:grid}.admin-stat-card small{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:900}.admin-stat-card strong{font-size:22px;line-height:1.15;margin:4px 0 3px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-stat-card em{font-style:normal;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-stat-card>.badge{grid-column:1/-1;justify-self:start;margin-top:1px;font-size:8px;padding:4px 7px}
.admin-dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px}.admin-dashboard-grid-wide{grid-template-columns:1.3fr .7fr}.admin-chart-panel,.admin-attendance-panel,.admin-performer-panel,.admin-activity-panel{min-height:330px}.chart-legend{display:flex;gap:12px}.chart-legend span{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);font-weight:800}.chart-legend i{width:9px;height:9px;border-radius:3px;display:block}.chart-legend .target{background:#dfe4ec}.chart-legend .real{background:var(--green)}
.admin-sales-chart{height:245px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:end;padding:15px 6px 0;border-bottom:1px solid #e9edf0}.admin-sales-month{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:4px;justify-items:center}.admin-bars{height:100%;width:100%;display:flex;justify-content:center;align-items:end;gap:5px}.admin-bars i{display:block;width:min(20px,30%);min-height:3px;border-radius:6px 6px 2px 2px}.admin-bars .target{background:#dfe4ec}.admin-bars .real{background:linear-gradient(180deg,#22bd70,var(--green))}.admin-sales-month strong{font-size:9px;text-transform:uppercase}.admin-sales-month small{font-size:8px;color:var(--muted)}
.admin-attendance-trend{display:grid;gap:14px;margin-top:4px}.admin-att-month>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.admin-att-month span{font-size:10px;color:var(--muted);font-weight:800}.admin-att-month b{font-size:11px}.admin-att-month .progress-lg{height:8px}.admin-attendance-panel .panel-head{margin-bottom:22px}
.admin-performer-list{display:grid}.admin-performer{display:grid;grid-template-columns:auto minmax(150px,1.2fr) minmax(110px,.65fr) 72px 72px auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f3}.admin-performer:last-child{border-bottom:0}.admin-performer:hover .admin-person strong{color:var(--green2)}.admin-rank{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#f1f4f6;color:#596477;font-size:9px;font-weight:900}.admin-performer:first-child .admin-rank{background:#e9f8f0;color:#087842}.admin-person{display:grid;min-width:0}.admin-person strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-person small,.admin-performer-metric small,.admin-performer-kpi small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-performer-metric,.admin-performer-kpi{display:grid}.admin-performer-metric b{font-size:11px}.admin-performer-kpi b{font-size:12px}.admin-performer .badge{font-size:7px;padding:4px 6px;white-space:nowrap}
.admin-activity-list{display:grid}.admin-activity-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f3}.admin-activity-list>a:last-child{border-bottom:0}.admin-activity-icon{width:32px;height:32px;border-radius:10px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-weight:900;font-size:11px}.admin-activity-list div{display:grid;min-width:0}.admin-activity-list strong{font-size:10px}.admin-activity-list small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-activity-list time{font-size:8px;color:#98a1b0;white-space:nowrap}.admin-empty{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;padding:28px;color:var(--muted)}.admin-empty>span{width:44px;height:44px;border-radius:14px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-size:20px;margin-bottom:10px}.admin-empty b{font-size:12px;color:var(--ink)}.admin-empty small{font-size:9px;max-width:320px;margin-top:4px}
.admin-program-panel{margin-top:16px}.admin-program-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.admin-program-card{border:1px solid #edf0f3;border-radius:16px;padding:14px;background:#fbfcfd;display:grid;gap:12px;transition:.18s}.admin-program-card:hover{background:#fff;border-color:#d8e6de;box-shadow:0 10px 28px rgba(23,32,51,.06)}.admin-program-top{display:flex;align-items:center;gap:10px;min-width:0}.admin-program-icon{width:35px;height:35px;border-radius:11px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.admin-program-top>div{display:grid;min-width:0}.admin-program-top small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-program-top strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-program-numbers{display:grid;grid-template-columns:1fr 1fr;gap:7px}.admin-program-numbers span{padding:8px 9px;border-radius:10px;background:#fff;border:1px solid #eef1f3;display:grid}.admin-program-numbers b{font-size:14px}.admin-program-numbers small{font-size:7px;color:var(--muted);text-transform:uppercase;font-weight:900}.admin-program-kpi>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:5px}.admin-program-kpi span{font-size:8px;color:var(--muted);font-weight:800}.admin-program-kpi b{font-size:9px}.admin-program-kpi .progress-lg{height:6px}.admin-program-kpi .progress-lg.sales span{background:linear-gradient(90deg,#33358f,#6567c3)}
.admin-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:16px}.admin-quick-grid>a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;align-items:center;gap:10px}.admin-quick-grid>a:hover{border-color:#cfe3d8;background:#fbfefc}.admin-quick-grid>a>span{width:36px;height:36px;border-radius:11px;background:#f1f4f6;color:#596477;display:grid;place-items:center;font-size:13px;font-weight:900}.admin-quick-grid>a:hover>span{background:#e9f8f0;color:var(--green)}.admin-quick-grid div{display:grid}.admin-quick-grid b{font-size:10px}.admin-quick-grid small{font-size:8px;color:var(--muted)}
@media(max-width:1380px){.admin-stat-grid{grid-template-columns:repeat(3,1fr)}.admin-program-cards{grid-template-columns:repeat(2,1fr)}.admin-performer{grid-template-columns:auto minmax(150px,1fr) minmax(105px,.7fr) 65px 65px}.admin-performer .badge{display:none}}
@media(max-width:1120px){.admin-dash-filter{grid-template-columns:1fr 1.4fr 1fr 1fr}.admin-filter-title{grid-column:1/-1}.admin-filter-submit{grid-column:4}.admin-dashboard-grid,.admin-dashboard-grid-wide{grid-template-columns:1fr}.admin-performer .badge{display:inline-flex}.admin-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-dash-hero{padding:20px;align-items:flex-start;flex-direction:column}.admin-dash-copy h2{font-size:24px}.admin-dash-actions{justify-content:flex-start;width:100%}.admin-dash-actions .btn{flex:1}.admin-dash-filter{grid-template-columns:1fr 1fr;padding:14px}.admin-filter-title,.admin-dash-filter label:first-of-type{grid-column:1/-1}.admin-filter-submit{grid-column:1/-1;width:100%}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-stat-card{padding:13px}.admin-stat-card strong{font-size:19px}.admin-program-cards{grid-template-columns:1fr}.admin-performer{grid-template-columns:auto minmax(0,1fr) auto}.admin-performer-metric{grid-column:2}.admin-performer-kpi{justify-items:end}.admin-performer-kpi:nth-of-type(2){grid-column:3;grid-row:2}.admin-performer-kpi:nth-of-type(3),.admin-performer .badge{display:none}.admin-sales-chart{height:210px;gap:8px}.admin-bars{gap:3px}.admin-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.admin-dash-actions{display:grid;grid-template-columns:1fr 1fr}.admin-dash-actions .btn:last-child{grid-column:1/-1}.admin-stat-grid{grid-template-columns:1fr}.admin-quick-grid{grid-template-columns:1fr}.admin-dash-filter{grid-template-columns:1fr}.admin-filter-title,.admin-dash-filter label:first-of-type,.admin-filter-submit{grid-column:auto}.admin-sales-chart{height:185px;gap:5px}.chart-legend{display:none}.admin-activity-list time{display:none}}

/* YSBN v1.6.0 — Premium Member Dashboard */
.member-dash-hero{border:1px solid #e5ebe8;border-radius:22px;padding:26px 28px;background:radial-gradient(circle at 88% 12%,rgba(7,155,80,.08),transparent 30%),linear-gradient(135deg,#fff,#fbfefc);display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;overflow:hidden}.member-dash-hero-copy{min-width:0}.member-dash-hero-copy h2{font-size:27px;line-height:1.08;letter-spacing:-.035em;margin:10px 0 6px}.member-dash-hero-copy>p{font-size:11px;color:var(--muted);margin:0}.member-dash-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.member-dash-meta>span{min-width:115px;padding:9px 11px;background:rgba(255,255,255,.8);border:1px solid #e8eeeb;border-radius:11px;display:grid}.member-dash-meta b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px}.member-dash-meta small{font-size:7px;color:var(--muted);text-transform:uppercase;font-weight:900;margin-top:2px}.member-dash-program-card{width:min(340px,38%);padding:14px 15px;background:#fff;border:1px solid #e4ebe7;border-radius:16px;box-shadow:0 12px 32px rgba(23,32,51,.06);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center}.member-dash-program-icon{width:39px;height:39px;border-radius:12px;background:#eaf8f0;color:var(--green);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.member-dash-program-card>div{display:grid;min-width:0}.member-dash-program-card small{font-size:7px;color:var(--muted);text-transform:uppercase;font-weight:900}.member-dash-program-card strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-dash-program-card div span{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-dash-program-card>.badge{font-size:7px;padding:4px 7px}
.member-dash-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:16px}.member-dash-stat{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;transition:.18s}.member-dash-stat:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(23,32,51,.06);border-color:#d7e6de}.member-dash-stat-icon{width:35px;height:35px;border-radius:11px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-weight:900;font-size:13px}.member-dash-stat>div{display:grid;min-width:0}.member-dash-stat small{font-size:8px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.03em}.member-dash-stat strong{font-size:21px;line-height:1.1;letter-spacing:-.025em;margin:4px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-dash-stat em{font-style:normal;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-dash-stat>.badge{grid-column:1/-1;justify-self:start;font-size:7px;padding:4px 7px}
.member-dash-grid{display:grid;gap:16px;margin-bottom:16px}.member-dash-grid-progress{grid-template-columns:1.18fr .82fr}.member-progress-panel,.member-agenda-panel{min-height:310px}.member-period-chip{font-size:8px;color:var(--green2);font-weight:900;background:#edf8f2;border:1px solid #dcefe4;border-radius:9px;padding:6px 8px}.member-progress-rings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.member-progress-item{border:1px solid #edf0f3;border-radius:15px;padding:15px;display:flex;align-items:center;gap:14px;background:#fbfcfd}.member-progress-item:hover{background:#fff;border-color:#d9e8e0}.member-ring{--pct:0deg;width:92px;height:92px;flex:0 0 92px;border-radius:50%;background:conic-gradient(var(--green) var(--pct),#e9eef0 0);display:grid;place-items:center;position:relative}.member-ring.sales{background:conic-gradient(var(--blue) var(--pct),#e9eef0 0)}.member-ring:after{content:"";position:absolute;inset:8px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #eef1f2}.member-ring>div{position:relative;z-index:1;display:grid;justify-items:center}.member-ring strong{font-size:16px;line-height:1}.member-ring span{font-size:7px;color:var(--muted);font-weight:800;margin-top:4px}.member-progress-copy{display:grid;min-width:0}.member-progress-copy b{font-size:11px}.member-progress-copy small{font-size:8px;color:var(--muted);margin-top:3px}.member-progress-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.member-progress-footer>span{padding:9px 10px;border-radius:10px;background:#f6f8f9;display:grid}.member-progress-footer b{font-size:12px}.member-progress-footer small{font-size:7px;color:var(--muted);margin-top:2px}
.member-agenda-list{display:grid}.member-agenda-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f3}.member-agenda-row:last-child{border-bottom:0}.member-agenda-row.next{padding:11px;border:1px solid #dcefe4;background:#f5fcf8;border-radius:13px;margin-bottom:5px}.member-agenda-row>div:nth-child(2){display:grid;min-width:0}.member-agenda-row strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-agenda-row small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-agenda-row .badge{font-size:7px;padding:4px 6px}.member-empty{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted);padding:24px}.member-empty.compact{min-height:210px}.member-empty>span{width:42px;height:42px;border-radius:13px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-weight:900;margin-bottom:9px}.member-empty b{font-size:11px;color:var(--ink)}.member-empty small{font-size:8px;max-width:260px;margin-top:4px}
.member-trend-panel{margin-bottom:16px}.member-dash-trend-wrap{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.member-dash-sales-chart{height:220px;display:grid;grid-template-columns:repeat(6,1fr);gap:13px;align-items:end;border-bottom:1px solid #e9edf0;padding:8px 4px 0}.member-dash-month{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:3px;justify-items:center}.member-dash-bars{height:100%;width:100%;display:flex;justify-content:center;align-items:end;gap:4px}.member-dash-bars i{display:block;width:min(19px,28%);min-height:3px;border-radius:6px 6px 2px 2px}.member-dash-bars .target{background:#dfe4ec}.member-dash-bars .real{background:linear-gradient(180deg,#22bd70,var(--green))}.member-dash-month strong{font-size:8px;text-transform:uppercase}.member-dash-month small{font-size:7px;color:var(--muted)}.member-dash-att-trend{display:grid;align-content:center;gap:12px}.member-dash-att-trend>div{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center}.member-dash-att-trend span{font-size:8px;color:var(--muted);font-weight:800}.member-dash-att-trend b{font-size:8px;text-align:right}.member-dash-att-trend .progress-lg{height:7px}.member-dash-att-trend .progress-lg i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#22c477)}
.member-dash-grid-activity{grid-template-columns:1fr 1fr}.member-recent-panel{padding:0;overflow:hidden;min-height:290px}.member-recent-panel .panel-head{padding:18px 20px 10px;margin:0}.member-recent-list{display:grid}.member-recent-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 20px;border-top:1px solid #edf0f3}.member-recent-row>div:nth-child(2){display:grid;min-width:0}.member-recent-row strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-recent-row small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-recent-row .badge{font-size:7px;padding:4px 6px}.member-recent-amount{font-size:10px;color:#087842;white-space:nowrap}.member-programs-panel{margin-bottom:16px}.member-dash-programs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.member-dash-program{border:1px solid #edf0f3;border-radius:14px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;background:#fbfcfd}.member-dash-program>div{display:grid;min-width:0}.member-dash-program small{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-dash-program strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-dash-program div span{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-dash-program>.badge{font-size:7px;padding:4px 6px}.member-dash-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.member-dash-quick-grid>a{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;display:flex;align-items:center;gap:10px}.member-dash-quick-grid>a:hover{border-color:#cfe3d8;background:#fbfefc}.member-dash-quick-grid>a>span{width:35px;height:35px;border-radius:11px;background:#f1f4f6;color:#596477;display:grid;place-items:center;font-size:12px;font-weight:900}.member-dash-quick-grid>a:hover>span{background:#e9f8f0;color:var(--green)}.member-dash-quick-grid div{display:grid}.member-dash-quick-grid b{font-size:9px}.member-dash-quick-grid small{font-size:7px;color:var(--muted)}
@media(max-width:1180px){.member-dash-stat-grid{grid-template-columns:repeat(2,1fr)}.member-dash-grid-progress,.member-dash-trend-wrap{grid-template-columns:1fr}.member-dash-att-trend{grid-template-columns:1fr 1fr}.member-dash-programs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.member-dash-hero{align-items:flex-start;flex-direction:column}.member-dash-program-card{width:100%}.member-dash-grid-activity{grid-template-columns:1fr}.member-dash-quick-grid{grid-template-columns:1fr 1fr}.member-progress-rings{grid-template-columns:1fr}.member-progress-item{justify-content:flex-start}}
@media(max-width:620px){.member-dash-hero{padding:20px}.member-dash-hero-copy h2{font-size:23px}.member-dash-meta{display:grid;grid-template-columns:1fr 1fr;width:100%}.member-dash-meta>span:last-child{grid-column:1/-1}.member-dash-stat-grid{grid-template-columns:1fr}.member-progress-footer{grid-template-columns:1fr}.member-dash-att-trend{grid-template-columns:1fr}.member-dash-programs{grid-template-columns:1fr}.member-dash-quick-grid{grid-template-columns:1fr}.member-dash-sales-chart{height:185px;gap:5px}.member-recent-row{padding:11px 14px}.member-recent-row.sales{grid-template-columns:auto minmax(0,1fr)}.member-recent-row.sales .member-recent-amount{grid-column:2}.member-agenda-row{grid-template-columns:auto minmax(0,1fr)}.member-agenda-row .badge{grid-column:2;justify-self:start}.member-dash-program{grid-template-columns:auto minmax(0,1fr)}.member-dash-program>.badge{grid-column:2;justify-self:start}}

/* ===== YSBN v1.7.0 - Profil, Administrasi, Dokumen Peserta ===== */
.member-profile-hero{background:linear-gradient(120deg,#fff,#f5fbf8);border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px;box-shadow:0 18px 48px rgba(23,32,51,.04)}
.member-profile-main{display:flex;align-items:center;gap:16px;min-width:0}.member-profile-main>div:last-child{min-width:0}.member-profile-main .eyebrow{display:inline-flex;margin-bottom:7px}.member-profile-main h2{font-size:28px;letter-spacing:-.035em;margin:0 0 4px}.member-profile-main p{margin:0;color:var(--muted);font-size:10px}.member-profile-main .profile-tags{margin-top:10px}.member-profile-main .profile-tags .badge{padding:5px 9px}
.member-completeness{width:min(330px,35%);background:#fff;border:1px solid #e2ece7;border-radius:17px;padding:15px 16px;box-shadow:0 12px 32px rgba(23,32,51,.05)}.member-completeness>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.member-completeness small{font-size:8px;text-transform:uppercase;font-weight:900;color:var(--muted);letter-spacing:.04em}.member-completeness strong{font-size:19px}.member-completeness .progress-lg{height:8px;background:#edf1ef;border-radius:99px;overflow:hidden;margin:9px 0 7px}.member-completeness .progress-lg i{height:100%;display:block;background:linear-gradient(90deg,var(--green),#25bb72);border-radius:inherit}.member-completeness>span{font-size:8px;color:var(--muted);line-height:1.45;display:block}
.member-profile-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px;align-items:start}.member-profile-form-panel{margin-bottom:0}.member-profile-side{display:grid;gap:16px}.member-profile-side>.panel{margin:0}.member-doc-count{min-width:29px;height:29px;padding:0 8px;border-radius:9px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-size:9px;font-weight:900}.member-doc-list{display:grid;margin-top:2px}.member-doc-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f3}.member-doc-row:last-child{border-bottom:0}.member-doc-row>div{display:grid;min-width:0}.member-doc-row strong{font-size:9px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-doc-row small{font-size:7px;color:var(--muted);margin-top:2px}.member-doc-row>b{font-size:13px;color:var(--green)}.member-doc-icon{width:39px;height:39px;border-radius:11px;background:#eff5f2;color:var(--green2);display:grid;place-items:center;font-size:7px;font-weight:900;letter-spacing:.02em}
.admin-profile-admin-panel{margin-bottom:16px}.admin-profile-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-doc-grid{margin-bottom:16px}.admin-doc-list{display:grid}.admin-doc-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f3}.admin-doc-row:last-child{border-bottom:0}.admin-doc-row>div{display:grid;min-width:0}.admin-doc-row a{color:var(--ink)}.admin-doc-row strong{font-size:9px}.admin-doc-row small{font-size:7px;color:var(--muted);margin-top:2px}.admin-doc-row em{font-size:7px;color:#586476;font-style:normal;margin-top:3px}.doc-delete{width:30px;height:30px;border:1px solid #ecd9d7;border-radius:9px;background:#fff7f6;color:#b23b32;cursor:pointer;font-weight:900}.doc-delete:hover{background:#fff0ee}.doc-upload-form{display:grid;gap:11px}.doc-upload-form .form-grid{gap:10px}.file-input{padding:9px;height:auto}.file-input::file-selector-button{border:0;border-radius:8px;padding:8px 10px;margin-right:9px;background:#edf8f2;color:var(--green2);font-weight:800;cursor:pointer}
@media(max-width:1050px){.member-profile-grid{grid-template-columns:1fr}.member-profile-side{grid-template-columns:1fr 1fr}.admin-profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.member-profile-hero{align-items:flex-start;flex-direction:column;padding:20px}.member-completeness{width:100%}.member-profile-side{grid-template-columns:1fr}.admin-profile-form-grid{grid-template-columns:1fr}.admin-profile-form-grid .full{grid-column:auto}.admin-doc-row{grid-template-columns:auto minmax(0,1fr)}.admin-doc-row>form{grid-column:2;justify-self:start}.member-profile-main{align-items:flex-start}.member-profile-main h2{font-size:23px}}

/* ===== YSBN v1.8.0 - Materi, Tugas, Penilaian & Sertifikat ===== */
.learning-hero,.member-learning-hero{border:1px solid #e4ebe7;border-radius:24px;padding:26px 28px;background:radial-gradient(circle at 90% 8%,rgba(7,155,80,.08),transparent 30%),linear-gradient(135deg,#fff,#fbfefc);display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px}.learning-hero h2,.member-learning-hero h2{font-size:27px;letter-spacing:-.035em;line-height:1.1;margin:10px 0 6px}.learning-hero p,.member-learning-hero p{margin:0;color:var(--muted);font-size:11px}.learning-filter{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:18px;align-items:end;margin-bottom:14px}.learning-filter form{display:grid;gap:6px}.learning-filter label{font-size:9px;font-weight:900;text-transform:uppercase;color:var(--muted)}.learning-filter-summary,.member-learning-summary{display:flex;gap:8px;flex-wrap:wrap}.learning-filter-summary span,.member-learning-summary span{min-width:86px;padding:10px 12px;background:#f7faf8;border:1px solid #e6ece8;border-radius:12px;display:grid}.learning-filter-summary b,.member-learning-summary b{font-size:17px;line-height:1.1}.learning-filter-summary small,.member-learning-summary small{font-size:7px;color:var(--muted);font-weight:900;text-transform:uppercase;margin-top:3px}.learning-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.learning-tabs a{padding:10px 13px;border:1px solid var(--line);background:#fff;border-radius:11px;font-size:9px;font-weight:900;color:#657083}.learning-tabs a.active{background:#11182c;color:#fff;border-color:#11182c}.learning-two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;align-items:start}.learning-list{display:grid}.learning-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start;padding:13px 0;border-bottom:1px solid #edf0f3}.learning-item:last-child{border-bottom:0}.learning-icon{width:42px;height:42px;border-radius:12px;background:#edf8f2;color:var(--green2);display:grid;place-items:center;font-size:8px;font-weight:900;flex:0 0 auto}.learning-item>div{display:grid;min-width:0}.learning-title-row{display:flex!important;align-items:center;gap:8px;min-width:0}.learning-title-row strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learning-title-row .badge{font-size:7px;padding:4px 6px;white-space:nowrap}.learning-item small{font-size:7px;color:var(--muted);margin-top:3px}.learning-item a{font-size:8px;color:var(--blue);font-weight:800;margin-top:6px}.learning-item p{font-size:8px;color:#526071;margin:6px 0 0}.learning-actions{display:flex!important;gap:12px;flex-wrap:wrap}.learning-form{display:grid;gap:2px}.learning-form .field{margin:9px 0}.learning-form .form-grid{gap:10px}.learning-check{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;color:#4d5868;margin:6px 0 14px}.learning-grade-panel{margin-bottom:16px}.learning-submission-list{display:grid}.submission-row{display:grid;grid-template-columns:auto minmax(180px,.75fr) minmax(280px,1.25fr);gap:12px;align-items:start;padding:14px 0;border-top:1px solid #edf0f3}.submission-row:first-child{border-top:0}.submission-avatar{width:40px;height:40px;border-radius:12px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-weight:900}.submission-person{display:grid;min-width:0}.submission-person strong{font-size:10px}.submission-person small{font-size:7px;color:var(--muted)}.submission-person p{font-size:8px;color:#4f5d6d;margin:7px 0}.submission-person a{font-size:8px;color:var(--blue);font-weight:800}.submission-person .badge{justify-self:start;margin-top:8px;font-size:7px}.grade-form{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;align-items:end}.grade-form label{font-size:7px;font-weight:900;color:var(--muted)}.grade-form .input{margin-top:4px;padding:9px 10px;font-size:9px}.grade-form .btn{white-space:nowrap}.member-learning-summary{justify-content:flex-end}.member-learning-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start;margin-bottom:16px}.member-material-list,.member-task-list{display:grid}.member-material{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;padding:13px 0;border-bottom:1px solid #edf0f3}.member-material:last-child{border-bottom:0}.member-material>div{display:grid;min-width:0}.member-material small{font-size:7px;color:var(--muted);text-transform:uppercase;font-weight:800}.member-material strong{font-size:10px;margin:2px 0}.member-material p{font-size:8px;color:#596477;margin:3px 0 6px}.material-content{font-size:8px;color:#455264;background:#f7f9fa;border:1px solid #edf0f2;border-radius:10px;padding:9px;margin-top:5px;max-height:180px;overflow:auto}.material-link{font-size:8px;color:var(--blue);font-weight:900;margin-top:7px}.member-task{border:1px solid #e8ecef;border-radius:14px;background:#fff;margin-bottom:9px;overflow:hidden}.member-task summary{list-style:none;cursor:pointer;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.member-task summary::-webkit-details-marker{display:none}.task-status-icon{width:36px;height:36px;border-radius:11px;background:#eff5f2;color:var(--green2);display:grid;place-items:center;font-weight:900}.member-task summary>div{display:grid;min-width:0}.member-task summary small{font-size:7px;color:var(--muted)}.member-task summary strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-task summary span:not(.task-status-icon):not(.badge){font-size:7px;color:#657083}.member-task summary .badge{font-size:7px;padding:4px 6px;white-space:nowrap}.member-task-body{border-top:1px solid #edf0f3;background:#fbfcfd;padding:13px}.task-instructions{font-size:8px;color:#4b596a;line-height:1.7;margin-bottom:7px}.submission-current{border:1px solid #dfe9e4;background:#fff;border-radius:11px;padding:10px;margin:10px 0;display:grid}.submission-current>b{font-size:8px}.submission-current p{font-size:8px;color:#4f5c6a;margin:5px 0}.submission-current>a{font-size:8px;color:var(--blue);font-weight:800}.submission-current>small{font-size:7px;color:var(--muted);margin-top:5px}.task-feedback{margin-top:9px;padding:9px;border-radius:9px;background:#edf8f2;color:#27533c}.task-feedback strong{font-size:9px}.task-feedback p{font-size:8px;margin:3px 0 0}.member-submit-form{margin-top:10px}.member-submit-form .field{margin:9px 0}.member-submit-form .btn{margin-right:8px}.submit-warning{display:block;font-size:7px;color:#a45d00;margin-top:7px}.member-certificates-panel{margin-bottom:16px}.certificate-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.certificate-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #e2e8e4;border-radius:14px;padding:13px;background:linear-gradient(135deg,#fff,#fbfefc)}.certificate-card>span{width:42px;height:42px;border-radius:12px;background:#eef9f3;color:var(--green);display:grid;place-items:center;font-size:18px}.certificate-card>div{display:grid;min-width:0}.certificate-card small{font-size:7px;color:var(--muted)}.certificate-card strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.certificate-card em{font-style:normal;font-size:7px;color:#657083}.certificate-card>b{font-size:8px;color:var(--blue);white-space:nowrap}
@media(max-width:1180px){.learning-two-col,.member-learning-grid{grid-template-columns:1fr}.member-learning-summary{justify-content:flex-start}.submission-row{grid-template-columns:auto minmax(0,1fr)}.grade-form{grid-column:2;grid-template-columns:100px minmax(0,1fr) auto}.certificate-cards{grid-template-columns:1fr}}
@media(max-width:760px){.learning-hero,.member-learning-hero{padding:20px;align-items:flex-start;flex-direction:column}.learning-hero h2,.member-learning-hero h2{font-size:23px}.learning-filter{grid-template-columns:1fr}.learning-filter-summary,.member-learning-summary{display:grid;grid-template-columns:1fr 1fr;width:100%}.learning-tabs{display:grid;grid-template-columns:1fr}.learning-tabs a{text-align:center}.submission-row{grid-template-columns:auto minmax(0,1fr)}.grade-form{grid-column:1/-1;grid-template-columns:1fr}.member-task summary{grid-template-columns:auto minmax(0,1fr)}.member-task summary .badge{grid-column:2;justify-self:start}.certificate-card{grid-template-columns:auto minmax(0,1fr)}.certificate-card>b{grid-column:2}.learning-item{grid-template-columns:auto minmax(0,1fr)}.learning-item>form{grid-column:2;justify-self:start}}
.admin-learning-summary-grid{margin-bottom:16px}.participant-learning-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.participant-learning-stats span{padding:12px;background:#f7faf8;border:1px solid #e7ece9;border-radius:12px;display:grid}.participant-learning-stats b{font-size:18px;line-height:1.1}.participant-learning-stats small{font-size:7px;color:var(--muted);font-weight:900;text-transform:uppercase;margin-top:3px}.participant-cert-list{display:grid}.participant-cert-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f3}.participant-cert-list>a:last-child{border-bottom:0}.participant-cert-list>a>span{width:34px;height:34px;border-radius:10px;background:#edf8f2;color:var(--green);display:grid;place-items:center}.participant-cert-list>a>div{display:grid;min-width:0}.participant-cert-list b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-cert-list small{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-cert-list em{font-style:normal;font-size:7px}@media(max-width:760px){.participant-learning-stats{grid-template-columns:1fr 1fr}.participant-cert-list>a{grid-template-columns:auto minmax(0,1fr)}.participant-cert-list em{grid-column:2;justify-self:start}}

/* ===== YSBN v1.9.0 - Pengumuman & Notifikasi ===== */
.sidebar-nav a .sidebar-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#16b364;color:#fff;font-style:normal;font-size:8px;display:grid;place-items:center;box-shadow:0 0 0 2px rgba(22,179,100,.12)}
.topbar-notification{margin-left:auto;position:relative;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#687386;display:grid;place-items:center;font-weight:900}.topbar-notification:hover,.topbar-notification.has-unread{background:#edf9f3;color:var(--green);border-color:#d5ecdf}.topbar-notification>b{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font-size:7px;display:grid;place-items:center;border:2px solid #fff}.topbar-notification+.user-chip{margin-left:0}
.announcement-admin-hero,.member-announcement-hero{border:1px solid #e4ebe7;border-radius:24px;padding:26px 28px;background:radial-gradient(circle at 91% 8%,rgba(7,155,80,.09),transparent 31%),linear-gradient(135deg,#fff,#fbfefc);display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px}.announcement-admin-hero h2,.member-announcement-hero h2{font-size:27px;letter-spacing:-.035em;line-height:1.1;margin:10px 0 6px}.announcement-admin-hero p,.member-announcement-hero p{margin:0;color:var(--muted);font-size:11px;max-width:720px}
.announcement-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.announcement-stat-grid>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;display:flex;align-items:center;gap:11px}.announcement-stat-grid>div>span{width:38px;height:38px;border-radius:12px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-weight:900}.announcement-stat-grid>div>div{display:grid}.announcement-stat-grid small{font-size:7px;color:var(--muted);font-weight:900;text-transform:uppercase}.announcement-stat-grid strong{font-size:21px;line-height:1.1}.announcement-stat-grid em{font-style:normal;font-size:7px;color:var(--muted);margin-top:2px}
.announcement-admin-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:16px;align-items:start}.announcement-list-panel{padding:0;overflow:hidden}.announcement-list-panel>.panel-head{padding:18px 20px 8px;margin:0}.announcement-admin-list{display:grid}.announcement-admin-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px 20px;border-top:1px solid #edf0f3;background:#fff}.announcement-admin-item.pinned{background:linear-gradient(90deg,#fbfefc,#fff)}
.announcement-priority{width:40px;height:40px;border-radius:12px;background:#eef4ff;color:#315ca8;display:grid;place-items:center;font-size:9px;font-weight:950;flex:0 0 auto}.announcement-priority.important{background:#fff6e8;color:#b86205}.announcement-priority.urgent{background:#fff0ef;color:#cf3e3e}.announcement-admin-copy{min-width:0}.announcement-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.announcement-title-line strong,.announcement-title-line h3{font-size:11px;margin:0;line-height:1.3}.announcement-title-line .badge{font-size:6px;padding:3px 6px}.announcement-admin-copy>p{font-size:8px;color:#566273;margin:5px 0 7px;line-height:1.6}.announcement-meta{display:flex;gap:10px;flex-wrap:wrap}.announcement-meta span{font-size:7px;color:#7a8494}.announcement-meta span+span:before{content:"•";margin-right:10px;color:#c7ccd4}.announcement-read-progress{display:grid;grid-template-columns:minmax(100px,1fr) auto;gap:8px;align-items:center;margin-top:9px;max-width:470px}.announcement-read-progress>div{height:6px;border-radius:999px;background:#edf1f3;overflow:hidden}.announcement-read-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#079b50,#1fc171)}.announcement-read-progress small{font-size:7px;color:var(--muted);white-space:nowrap}.announcement-admin-actions{display:flex;gap:5px;align-items:center}.announcement-admin-actions form{margin:0}.announcement-admin-actions .btn{font-size:8px;padding:8px 10px}.mini-action{width:31px;height:31px;padding:0;border:1px solid var(--line);border-radius:9px;background:#fff;color:#657083;display:grid;place-items:center;cursor:pointer;font-weight:900}.mini-action:hover{background:#f5f8f7;color:var(--green)}.mini-action.danger:hover{background:#fff1f0;color:#d92d20;border-color:#f3cdca}
.announcement-form-panel{position:sticky;top:104px}.announcement-form .field{margin:10px 0}.announcement-form .form-grid{gap:10px}.announcement-form textarea{resize:vertical}.announcement-checks{display:flex;gap:16px;flex-wrap:wrap;margin:9px 0 12px}.announcement-checks label{font-size:8px;font-weight:800;color:#4d5868;display:flex;align-items:center;gap:6px}.announcement-form-hint{padding:10px 11px;border-radius:10px;background:#f7f9fa;border:1px solid #edf0f2;color:#647083;font-size:7px;line-height:1.6;margin:2px 0 12px}.announcement-form>.btn{width:100%}
.member-announcement-summary{display:flex;gap:8px;flex-wrap:wrap}.member-announcement-summary>span{min-width:92px;padding:10px 13px;border-radius:12px;background:#f7faf8;border:1px solid #e6ece8;display:grid}.member-announcement-summary>span.highlight{background:#edf9f3;border-color:#d3ecdf}.member-announcement-summary b{font-size:18px;line-height:1.1}.member-announcement-summary small{font-size:7px;color:var(--muted);font-weight:900;text-transform:uppercase;margin-top:3px}
.member-announcement-panel{padding:0;overflow:hidden}.member-announcement-panel>.panel-head{padding:18px 20px 10px;margin:0}.member-announcement-list{display:grid}.member-announcement-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 20px;border-top:1px solid #edf0f3;background:#fff;transition:.18s}.member-announcement-item:hover{background:#fbfefc}.member-announcement-item.unread{background:linear-gradient(90deg,#f5fcf8,#fff);box-shadow:inset 3px 0 0 #18a561}.member-announcement-copy{min-width:0}.member-announcement-copy>p{font-size:8px;color:#566273;margin:5px 0 6px;line-height:1.55}.unread-dot{font-size:6px;font-weight:900;padding:3px 6px;border-radius:999px;background:#e8f8ef;color:#078346}.announcement-open{font-size:8px;font-weight:900;color:var(--blue);white-space:nowrap}
.announcement-detail-card{margin-bottom:16px;border-left:4px solid #7f94ba}.announcement-detail-card.important{border-left-color:#e49b35}.announcement-detail-card.urgent{border-left-color:#e5484d}.announcement-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.announcement-detail-head>div:nth-child(2)>small{font-size:8px;color:var(--muted)}.announcement-detail-body{margin-top:18px;padding:18px;border-radius:14px;background:#f8faf9;border:1px solid #edf0ef;color:#3d4a5b;font-size:10px;line-height:1.85}.announcement-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:7px}.announcement-detail-footer form{margin:0}.text-action{border:0;background:transparent;color:var(--blue);font:inherit;font-weight:900;cursor:pointer;padding:4px}
.member-dashboard-announcements{margin-bottom:16px}.member-dashboard-announcement-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.member-dashboard-announcement{border:1px solid #e5eaed;border-radius:14px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;background:#fff}.member-dashboard-announcement.unread{background:#f8fdfa;border-color:#d9eee2}.member-dashboard-announcement>div{min-width:0}.member-dashboard-announcement>div>div{display:flex;gap:6px;align-items:center}.member-dashboard-announcement strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-dashboard-announcement i{font-style:normal;font-size:6px;padding:2px 5px;border-radius:999px;background:#e8f8ef;color:#078346;font-weight:900}.member-dashboard-announcement p{font-size:7px;color:#5e6979;margin:4px 0;line-height:1.5}.member-dashboard-announcement small{font-size:6px;color:#8a93a1}.member-dashboard-announcement>b{color:#7d8796;font-size:10px}.member-dashboard-announcement .announcement-priority{width:34px;height:34px;border-radius:10px;font-size:7px}
.admin-quick-grid,.member-dash-quick-grid{grid-template-columns:repeat(5,1fr)}
@media(max-width:1180px){.announcement-admin-grid{grid-template-columns:1fr}.announcement-form-panel{position:static}.member-dashboard-announcement-list{grid-template-columns:1fr 1fr}.admin-quick-grid,.member-dash-quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.announcement-stat-grid{grid-template-columns:1fr 1fr}.member-announcement-hero,.announcement-admin-hero{align-items:flex-start;flex-direction:column}.member-announcement-summary{width:100%}.member-dashboard-announcement-list{grid-template-columns:1fr}.admin-quick-grid,.member-dash-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar-notification{margin-left:auto}.user-chip div{display:none}.announcement-admin-hero,.member-announcement-hero{padding:20px}.announcement-admin-hero h2,.member-announcement-hero h2{font-size:23px}.announcement-stat-grid{grid-template-columns:1fr 1fr}.announcement-admin-item{grid-template-columns:auto minmax(0,1fr);padding:13px 14px}.announcement-admin-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.announcement-read-progress{grid-template-columns:1fr}.announcement-read-progress small{white-space:normal}.member-announcement-summary{display:grid;grid-template-columns:1fr 1fr}.member-announcement-summary>span:last-child{grid-column:1/-1}.member-announcement-item{grid-template-columns:auto minmax(0,1fr);padding:13px 14px}.announcement-open{grid-column:2}.announcement-detail-head{grid-template-columns:auto minmax(0,1fr)}.announcement-detail-head>.btn{grid-column:2;justify-self:start}.announcement-detail-footer{align-items:flex-start;flex-direction:column}.admin-quick-grid,.member-dash-quick-grid{grid-template-columns:1fr}.announcement-form .form-grid{grid-template-columns:1fr}}

/* YSBN v2.0.0 - Reports, export & overflow hardening */
html,.dash-body{max-width:100%;overflow-x:hidden}.dash-shell,.dash-main,.dash-content,.panel{min-width:0}.dash-main{width:auto}.announcement-admin-grid,.announcement-form-panel,.announcement-list-panel,.announcement-form,.announcement-form .form-grid,.announcement-form .field{min-width:0}.announcement-form .input,.announcement-form .select,.announcement-form textarea,input[type="date"],input[type="datetime-local"]{min-width:0;max-width:100%}.form-grid>*{min-width:0}
.report-hero{border:1px solid #e4ebe7;border-radius:24px;padding:26px 28px;background:radial-gradient(circle at 91% 8%,rgba(7,155,80,.09),transparent 31%),linear-gradient(135deg,#fff,#fbfefc);display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px}.report-hero h2{font-size:27px;letter-spacing:-.035em;line-height:1.1;margin:10px 0 6px}.report-hero p{margin:0;color:var(--muted);font-size:11px;max-width:720px}.report-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.report-hero-actions .btn{white-space:nowrap}
.report-filter{display:grid;grid-template-columns:1.1fr 1.7fr .8fr .7fr .85fr 1.5fr auto;gap:10px;align-items:end;margin-bottom:16px;padding:16px}.report-filter label{display:grid;gap:5px;min-width:0}.report-filter label>span{font-size:7px;font-weight:900;color:#6b7585;text-transform:uppercase;letter-spacing:.05em}.report-filter .input,.report-filter .select{font-size:9px;padding:10px 11px;min-width:0}.report-filter-submit{padding:10px 15px;font-size:9px;min-height:39px}.report-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.report-stat-grid>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px}.report-stat-grid>div>span{width:38px;height:38px;border-radius:12px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-weight:900}.report-stat-grid>div>div{display:grid;min-width:0}.report-stat-grid small{font-size:7px;color:var(--muted);font-weight:900;text-transform:uppercase}.report-stat-grid strong{font-size:20px;line-height:1.1}.report-stat-grid em{font-style:normal;font-size:7px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-stat-grid .badge{font-size:6px;padding:4px 6px;white-space:nowrap}.report-table-panel{padding:0;overflow:hidden}.report-table-panel>.panel-head{padding:18px 20px 10px;margin:0}.report-panel-actions{display:flex;gap:12px}.report-panel-actions a{font-size:8px;color:var(--blue);font-weight:900}.report-table-wrap{max-width:100%;overflow:auto;border-top:1px solid #eef1f4}.report-table{min-width:980px}.report-table th{background:#fbfcfd;position:sticky;top:0;z-index:1}.report-table td{font-size:9px}.report-person-link{font-weight:900;color:var(--blue)}.report-note{margin-top:14px;border:1px solid #dfe9e4;background:#f9fcfa;border-radius:16px;padding:14px;display:flex;gap:11px;align-items:flex-start}.report-note>span{width:28px;height:28px;border-radius:9px;background:#e9f7ef;color:var(--green);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.report-note b{font-size:9px}.report-note p{font-size:8px;color:#667182;margin:2px 0 0;line-height:1.6}
@media(max-width:1280px){.report-filter{grid-template-columns:repeat(4,minmax(0,1fr))}.report-filter-wide,.report-filter-search{grid-column:span 2}.report-filter-submit{width:100%}.report-stat-grid{grid-template-columns:1fr 1fr}.admin-quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.report-hero{align-items:flex-start;flex-direction:column;padding:20px}.report-hero h2{font-size:23px}.report-hero-actions{width:100%;justify-content:stretch}.report-hero-actions .btn{flex:1}.report-filter{grid-template-columns:1fr 1fr}.report-filter-wide,.report-filter-search{grid-column:1/-1}.report-filter-submit{grid-column:1/-1}.report-stat-grid{grid-template-columns:1fr 1fr}.report-stat-grid>div{grid-template-columns:auto minmax(0,1fr)}.report-stat-grid .badge{grid-column:2;justify-self:start}.report-table-panel>.panel-head{align-items:flex-start;flex-direction:column}.admin-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.report-filter,.report-stat-grid{grid-template-columns:1fr}.report-filter-wide,.report-filter-search,.report-filter-submit{grid-column:auto}.report-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.admin-quick-grid{grid-template-columns:1fr}}
.admin-quick-grid{grid-template-columns:repeat(6,1fr)}
@media(max-width:1280px){.admin-quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.admin-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.admin-quick-grid{grid-template-columns:1fr}}

/* YSBN v2.1.0 - System settings & dynamic branding */
.settings-hero{border:1px solid #e4ebe7;border-radius:24px;padding:26px 28px;background:radial-gradient(circle at 90% 0%,rgba(7,155,80,.1),transparent 34%),linear-gradient(135deg,#fff,#fbfefc);display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px}.settings-hero h2{font-size:27px;letter-spacing:-.035em;line-height:1.1;margin:10px 0 6px}.settings-hero p{margin:0;color:var(--muted);font-size:11px;max-width:740px}.settings-system-chip{min-width:180px;padding:15px 18px;border:1px solid #e4e8ed;background:#fff;border-radius:16px;display:grid;box-shadow:0 10px 30px rgba(22,31,48,.04)}.settings-system-chip small{font-size:7px;color:var(--muted);font-weight:900;text-transform:uppercase}.settings-system-chip strong{font-size:15px}.settings-system-chip span{font-size:8px;color:var(--green);font-weight:800}.settings-form{padding-bottom:84px}.settings-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.settings-card{min-width:0}.settings-card-wide{grid-column:span 1}.settings-card .panel-head{align-items:flex-start}.settings-card .panel-head a{font-size:8px;font-weight:900;color:var(--blue)}.settings-icon{width:38px;height:38px;border-radius:12px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-weight:900}.settings-fields{gap:12px}.settings-stack{display:grid;gap:3px}.settings-textarea{min-height:86px;resize:vertical}.settings-textarea-lg{min-height:118px}.file-input{padding:8px}.settings-check{display:flex;align-items:center;gap:7px;font-size:8px;color:#5f6978;margin-top:7px}.brand-preview{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid #e6eaee;background:linear-gradient(135deg,#fbfefc,#fff);border-radius:16px;margin-bottom:10px}.brand-preview-logo{height:66px;border-radius:12px;background:#fff;border:1px solid #e6eaee;padding:8px;display:grid;place-items:center}.brand-preview-logo img{max-height:100%;object-fit:contain}.brand-preview>div:last-child{display:grid;min-width:0}.brand-preview b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-preview small{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-preview span{display:block;width:100%;height:8px;margin-top:9px;border-radius:99px;background:linear-gradient(90deg,var(--preview-primary) 0 52%,var(--preview-secondary) 52%)}.settings-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-color-grid>label{display:grid;gap:6px}.settings-color-grid>label>span{font-size:8px;font-weight:900}.settings-color-grid>label>div{display:flex;align-items:center;gap:8px;border:1px solid #dce1e8;border-radius:13px;padding:7px 9px;background:#fff}.settings-color-grid input[type=color]{width:38px;height:30px;border:0;padding:0;background:transparent;cursor:pointer}.settings-color-grid code{font-size:8px;color:#556170}.settings-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi-settings-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.kpi-settings-preview>span{padding:9px;border-radius:12px;background:#f7f9fa;border:1px solid #e8ebee;font-size:10px;font-weight:900;display:grid}.kpi-settings-preview small{font-size:6px;font-weight:800;margin-top:2px}.kpi-settings-preview .danger{background:#fff1ef;color:#b42318;border-color:#ffd8d3}.kpi-settings-preview .warning{background:#fff8ea;color:#a15c00;border-color:#fbe6b5}.kpi-settings-preview .info{background:#eef5ff;color:#2457a6;border-color:#dbe9ff}.kpi-settings-preview .success{background:#edf9f2;color:#067c41;border-color:#d5eedf}.settings-savebar{position:fixed;left:276px;right:16px;bottom:14px;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid #dde5e1;border-radius:18px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 18px 48px rgba(18,29,40,.13)}.settings-savebar>div{display:flex;align-items:center;gap:10px}.settings-savebar>div>span{width:34px;height:34px;border-radius:11px;background:#eaf8f0;color:var(--green);display:grid;place-items:center;font-weight:900}.settings-savebar p{display:grid;margin:0}.settings-savebar b{font-size:9px}.settings-savebar small{font-size:7px;color:var(--muted)}.admin-quick-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
@media(max-width:1100px){.settings-grid{grid-template-columns:1fr}.settings-card-wide{grid-column:auto}.settings-savebar{left:16px}.kpi-settings-preview{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.settings-hero{align-items:flex-start;flex-direction:column;padding:20px}.settings-hero h2{font-size:23px}.settings-system-chip{width:100%}.settings-kpi-grid,.settings-color-grid{grid-template-columns:1fr}.settings-savebar{align-items:stretch;flex-direction:column}.settings-savebar .btn{width:100%}.settings-form{padding-bottom:140px}}
@media(max-width:520px){.kpi-settings-preview{grid-template-columns:1fr}.brand-preview{grid-template-columns:82px minmax(0,1fr)}.settings-savebar>div>span{display:none}}

/* YSBN v2.2.0 - Admin Team, Staff & Mentor Access */
.team-hero{border:1px solid #e4ebe7;border-radius:24px;padding:26px 28px;background:radial-gradient(circle at 90% 5%,rgba(51,53,143,.07),transparent 28%),radial-gradient(circle at 75% 15%,rgba(7,155,80,.08),transparent 32%),linear-gradient(135deg,#fff,#fbfefc);display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.team-hero h2{font-size:27px;letter-spacing:-.035em;line-height:1.1;margin:10px 0 6px}.team-hero p{margin:0;color:var(--muted);font-size:11px;max-width:760px}.team-security{min-width:230px;max-width:270px;padding:15px 17px;border:1px solid #e4e8ed;border-radius:16px;background:#fff;display:grid}.team-security small{font-size:7px;font-weight:900;color:var(--muted)}.team-security strong{font-size:15px;color:var(--blue)}.team-security span{font-size:7px;color:#677282;margin-top:4px;line-height:1.5}.team-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.team-stat-grid>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center}.team-stat-grid>div>span{width:40px;height:40px;border-radius:12px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-weight:900}.team-stat-grid>div>div{display:grid}.team-stat-grid small{font-size:7px;color:var(--muted);font-weight:900;text-transform:uppercase}.team-stat-grid strong{font-size:20px}.team-stat-grid em{font-style:normal;font-size:7px;color:var(--muted)}.team-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:16px;align-items:start}.team-list-panel,.team-form-panel{min-width:0}.team-list{display:grid}.team-row{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(115px,.45fr) minmax(95px,.35fr) auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #edf0f2}.team-row:first-child{border-top:0}.team-row.is-inactive{opacity:.65}.team-avatar{width:42px;height:42px;border-radius:13px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-weight:900;font-size:14px}.team-person{display:grid;min-width:0}.team-person>div{display:flex;align-items:center;gap:6px}.team-person strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-person small,.team-person em,.team-access small,.team-status small{font-size:7px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-person em{margin-top:2px}.team-access,.team-status{display:grid;gap:4px;justify-items:start}.team-access .badge,.team-status .badge{font-size:6px}.team-row-actions{display:flex;align-items:center;gap:6px}.team-row-actions form{margin:0}.team-form{display:grid}.team-form .field{margin:8px 0}.team-form-two{gap:10px}.team-permission-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:11px;margin-top:5px;border-top:1px solid #edf0f2}.team-permission-head>div{display:grid}.team-permission-head b{font-size:10px}.team-permission-head small{font-size:7px;color:var(--muted);max-width:310px}.team-permissions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0 14px}.team-permission-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:flex-start;border:1px solid #e5e9ed;border-radius:12px;padding:10px;background:#fff;cursor:pointer}.team-permission-card:has(input:checked){border-color:#cfe9da;background:#f8fdf9}.team-permission-card input{margin-top:2px;accent-color:var(--green)}.team-permission-card>span{display:grid}.team-permission-card b{font-size:8px}.team-permission-card small{font-size:6px;color:var(--muted);line-height:1.4}.team-permission-card em{position:absolute;right:7px;top:7px;font-size:6px;font-style:normal;color:var(--green);font-weight:900}.team-permission-card.is-required{opacity:.8}.team-submit{width:100%}.team-reset{border-top:1px solid #e8ecef;margin-top:18px;padding-top:16px;display:grid;gap:9px}.team-reset>div{display:grid}.team-reset b{font-size:10px}.team-reset small{font-size:7px;color:var(--muted)}.team-reset form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.team-reset .input{font-size:9px}.sidebar-count{margin-left:auto}.sidebar-user small{line-height:1.4}
@media(max-width:1220px){.team-layout{grid-template-columns:1fr}.team-form-panel{order:-1}.team-permissions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.team-stat-grid{grid-template-columns:1fr 1fr}.team-row{grid-template-columns:auto minmax(0,1fr) auto}.team-access,.team-status{grid-column:2}.team-row-actions{grid-column:3;grid-row:1/4}.team-permissions{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.team-hero{flex-direction:column;align-items:flex-start;padding:20px}.team-hero h2{font-size:23px}.team-security{width:100%;max-width:none}.team-stat-grid{grid-template-columns:1fr 1fr}.team-permissions{grid-template-columns:1fr}.team-permission-head{align-items:flex-start;flex-direction:column}.team-row{grid-template-columns:auto minmax(0,1fr)}.team-access,.team-status{grid-column:2}.team-row-actions{grid-column:1/-1;grid-row:auto;justify-content:flex-end}.team-reset form{grid-template-columns:1fr}.team-reset .btn{width:100%}}
@media(max-width:520px){.team-stat-grid{grid-template-columns:1fr}.team-form-two{grid-template-columns:1fr}.team-list-panel{padding-left:14px;padding-right:14px}}
/* v2.4.0 Mentor assignment */
.mentor-assignment{margin:18px 0;padding:16px;border:1px solid #dce9e2;border-radius:18px;background:linear-gradient(180deg,#fbfefc,#f6fbf8)}.mentor-batch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mentor-batch-card{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #dce9e2;border-radius:13px;background:#fff;cursor:pointer}.mentor-batch-card:has(input:checked){border-color:#72c99a;background:#effaf4}.mentor-batch-card input{margin-top:3px}.mentor-batch-card span{display:grid;min-width:0}.mentor-batch-card b{font-size:9px;color:#10223c}.mentor-batch-card small{font-size:7px;color:#738093;margin-top:3px}@media(max-width:700px){.mentor-batch-grid{grid-template-columns:1fr}}


/* YSBN v2.7.0 - Monitoring & Evaluasi Peserta */
.participant-evaluation-panel{margin-bottom:16px}.evaluation-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.evaluation-score-grid>div{border:1px solid #e5ebe7;border-radius:15px;padding:13px;background:#fbfdfc;display:grid;gap:6px}.evaluation-score-grid span{font-size:8px;color:#667282;font-weight:800;display:flex;justify-content:space-between}.evaluation-score-grid span b{color:#079b50}.evaluation-score-grid strong{font-size:20px;color:#10223c}.evaluation-score-grid small{font-size:7px;color:#758091;line-height:1.5}.evaluation-score-grid .evaluation-overall{background:linear-gradient(135deg,#eef9f3,#f8fbff);border-color:#d5e9de}.evaluation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);gap:18px;border-top:1px solid #edf0f2;padding-top:18px}.evaluation-form .field{margin:0 0 10px}.evaluation-history h4{font-size:11px;margin:0 0 10px}.evaluation-item{border:1px solid #e7ebef;border-radius:13px;padding:11px;margin-bottom:8px;background:#fff;display:grid;gap:5px}.evaluation-item>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.evaluation-item small{font-size:7px;color:#7a8492}.evaluation-item b{font-size:8px}.evaluation-item p{font-size:8px;line-height:1.55;color:#4f5b6a;margin:0}.evaluation-item em{font-size:7px;color:#087d45;font-style:normal;font-weight:800}@media(max-width:1000px){.evaluation-score-grid{grid-template-columns:1fr 1fr}.evaluation-layout{grid-template-columns:1fr}}@media(max-width:600px){.evaluation-score-grid{grid-template-columns:1fr}.evaluation-form .form-grid{grid-template-columns:1fr}}

/* YSBN v2.8.0 - Intervensi & Tindak Lanjut */
.intervention-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}.intervention-form,.intervention-list{min-width:0}.intervention-list h4{margin:0 0 14px}.intervention-item{border:1px solid #e7ecf0;border-radius:18px;padding:18px;margin-bottom:14px;background:#fff}.intervention-item.is-overdue{border-color:#fecaca;background:#fffafa}.intervention-item-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.intervention-item h5{font-size:16px;margin:12px 0 6px;color:#102a43}.intervention-item p{color:#64748b;margin:0 0 12px}.intervention-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:#64748b;margin-bottom:12px}.intervention-update{display:grid;grid-template-columns:160px 1fr auto;gap:8px}.followup-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}.followup-summary-card{display:block;background:#fff;border:1px solid #e8edf1;border-radius:18px;padding:16px 18px;text-decoration:none;color:#102a43;box-shadow:0 6px 20px rgba(15,23,42,.04)}.followup-summary-card span{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;color:#64748b}.followup-summary-card strong{display:block;font-size:28px;margin:3px 0}.followup-summary-card small{color:#64748b}.followup-summary-card.attention{border-color:#fecaca;background:#fffafa}@media(max-width:900px){.intervention-layout{grid-template-columns:1fr}.intervention-update{grid-template-columns:1fr}.followup-summary-grid{grid-template-columns:1fr}}

/* v2.8.1 Monitoring & Evaluasi */
.monitor-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 28px;margin-bottom:18px;border-radius:24px;background:linear-gradient(135deg,#f4fbf7,#f7f9fc);border:1px solid #e6ece9}.monitor-hero h2{margin:5px 0 7px;font-size:26px}.monitor-hero p{margin:0;max-width:760px;color:var(--muted)}.monitor-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.monitor-summary .panel{padding:18px 20px}.monitor-summary small{display:block;color:var(--muted);margin-bottom:8px}.monitor-summary strong{font-size:27px}.monitor-table td small{display:block;margin-top:4px;color:var(--muted)}@media(max-width:900px){.monitor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-hero{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.monitor-summary{grid-template-columns:1fr 1fr;gap:10px}.monitor-summary .panel{padding:14px}.monitor-hero{padding:20px;border-radius:20px}.monitor-hero h2{font-size:22px}}

.followup-summary-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.text-danger{color:#dc2626!important;font-weight:700}@media(max-width:1100px){.followup-summary-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.followup-summary-grid-4{grid-template-columns:1fr}}


/* v2.8.3 - Premium modern sidebar (visual only; updater logic untouched) */
.sidebar{width:284px;padding:22px 18px 18px;background:radial-gradient(circle at 20% 0,rgba(26,86,154,.20),transparent 32%),linear-gradient(180deg,#0d1830 0%,#101a31 58%,#0b1427 100%);border-right:1px solid rgba(255,255,255,.055);box-shadow:18px 0 50px rgba(15,23,42,.08)}
.sidebar-brand{min-height:74px;padding:10px 14px;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.16);display:grid;place-items:center}.sidebar-brand img{height:52px}
.sidebar-label{margin:25px 14px 11px;color:#7890b5;font-size:10px;letter-spacing:.18em}
.sidebar-nav{gap:5px;overflow-y:auto;overflow-x:hidden;padding:1px 2px 10px;margin:0 -2px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}
.sidebar-nav a{position:relative;min-height:52px;padding:7px 10px;gap:12px;border:1px solid transparent;border-radius:15px;color:#c6d1e6;font-size:13px;font-weight:760;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar-nav a:hover{color:#fff;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.055);transform:translateX(2px)}
.sidebar-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(28,82,177,.68),rgba(23,129,207,.45));border-color:rgba(87,170,255,.36);box-shadow:0 10px 26px rgba(8,70,164,.23),inset 0 1px rgba(255,255,255,.09)}
.sidebar-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(39,111,202,.72),rgba(27,70,144,.72));border:1px solid rgba(123,184,255,.2);box-shadow:inset 0 1px rgba(255,255,255,.12),0 5px 14px rgba(0,0,0,.13)}
.sidebar-icon img{width:19px;height:19px;display:block}.sidebar-nav a:nth-child(2) .sidebar-icon,.sidebar-nav a:nth-child(6) .sidebar-icon{background:linear-gradient(145deg,#17a86d,#087c54)}.sidebar-nav a:nth-child(3) .sidebar-icon,.sidebar-nav a:nth-child(8) .sidebar-icon{background:linear-gradient(145deg,#6c63dc,#4137a7)}.sidebar-nav a:nth-child(4) .sidebar-icon{background:linear-gradient(145deg,#f0a629,#c87110)}.sidebar-nav a:nth-child(7) .sidebar-icon{background:linear-gradient(145deg,#e84b74,#a91748)}.sidebar-nav a:nth-child(9) .sidebar-icon{background:linear-gradient(145deg,#eeb22c,#bd7710)}.sidebar-nav a:nth-child(10) .sidebar-icon{background:linear-gradient(145deg,#19a9c0,#08758f)}
.sidebar-nav a.active .sidebar-icon{background:linear-gradient(145deg,#3d9cff,#1e62d0);border-color:rgba(150,210,255,.65);box-shadow:0 0 0 3px rgba(65,159,255,.10),0 7px 18px rgba(11,82,185,.34)}
.sidebar-arrow{margin-left:auto;color:#7891b8;font-size:23px;font-style:normal;font-weight:300;line-height:1;transform:translateY(-1px);transition:.18s}.sidebar-nav a:hover .sidebar-arrow,.sidebar-nav a.active .sidebar-arrow{color:#d8e8ff;transform:translate(2px,-1px)}
.sidebar-count{order:2;margin-left:auto!important}.sidebar-count+.sidebar-arrow{margin-left:0}.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.075);padding:15px 11px 2px}.sidebar-user strong{color:#fff;font-size:12px}.sidebar-user small{color:#8291ab;font-size:9px;margin-top:2px}.sidebar-user a{font-size:11px}
.dash-main{margin-left:284px}
@media(max-width:900px){.sidebar{width:284px}.dash-main{margin-left:0}}
@media(max-width:480px){.sidebar{width:min(88vw,300px);padding:17px 14px}.sidebar-brand{min-height:66px;border-radius:17px}.sidebar-brand img{height:46px}.sidebar-nav a{min-height:49px}.sidebar-icon{width:34px;height:34px;flex-basis:34px}}

/* YSBN v2.8.4 — Sidebar footer polish (UI only) */
.sidebar-system-link,.sidebar-website-link{margin-top:3px}
.sidebar-system-link>span:not(.sidebar-icon),.sidebar-website-link>span:not(.sidebar-icon){display:grid;gap:2px;min-width:0}
.sidebar-system-link>span>b,.sidebar-website-link>span>b{font:inherit;color:inherit}
.sidebar-system-link>span>small,.sidebar-website-link>span>small{display:block;font-size:8px;line-height:1.25;font-weight:600;color:#7890b2}
.sidebar-system-link{background:linear-gradient(135deg,rgba(30,83,164,.52),rgba(20,105,169,.38))!important;border-color:rgba(76,159,238,.28)!important}
.sidebar-system-link .sidebar-icon{background:linear-gradient(145deg,#2d89ea,#1758b7)!important}
.sidebar-website-link{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.055)!important}
.sidebar-website-link .sidebar-icon{background:linear-gradient(145deg,#315b91,#1b355f)!important}
.sidebar-account{margin-top:auto;padding:15px 10px 12px;border-top:1px solid rgba(255,255,255,.075);display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center}
.sidebar-account-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#eafff4,#c9f5df);border:1px solid rgba(255,255,255,.65);color:#0ca35d;font-size:16px;font-weight:900;box-shadow:0 7px 18px rgba(0,0,0,.14)}
.sidebar-account-copy{display:grid;min-width:0}.sidebar-account-copy strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account-copy small{font-size:8px;color:#8091ae;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account-copy em{display:flex;align-items:center;gap:5px;margin-top:4px;color:#36d98d;font-size:8px;font-weight:800;font-style:normal}.sidebar-account-copy em i{width:6px;height:6px;border-radius:50%;background:#36d98d;box-shadow:0 0 0 3px rgba(54,217,141,.10)}
.sidebar-logout{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 2px 5px;padding:9px 10px;border:1px solid rgba(248,113,113,.15);border-radius:14px;background:linear-gradient(135deg,rgba(153,27,27,.18),rgba(127,29,29,.09));color:#f7d7d7;transition:.18s}
.sidebar-logout:hover{background:linear-gradient(135deg,rgba(185,28,28,.28),rgba(127,29,29,.16));border-color:rgba(248,113,113,.27);transform:translateY(-1px)}
.sidebar-logout-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(220,38,38,.18);border:1px solid rgba(248,113,113,.18);color:#ff8585;font-size:20px;font-weight:800}.sidebar-logout>span:nth-child(2){display:grid;gap:1px}.sidebar-logout b{font-size:11px;color:#fff}.sidebar-logout small{font-size:8px;color:#bd8790}.sidebar-logout .sidebar-arrow{font-size:21px;color:#d9959d}
@media(max-width:480px){.sidebar-account{padding-inline:8px}.sidebar-logout{margin-bottom:2px}}

/* YSBN v2.8.5 — Sidebar system/account polish (UI only) */
.sidebar-system-link,.sidebar-website-link{position:relative;overflow:hidden;margin-top:5px!important;min-height:56px!important;padding:8px 10px!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(148,163,184,.10)!important;box-shadow:none!important}
.sidebar-system-link:before,.sidebar-website-link:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 52%);opacity:0;transition:.2s}
.sidebar-system-link:hover:before,.sidebar-website-link:hover:before{opacity:1}
.sidebar-system-link:hover,.sidebar-website-link:hover{background:rgba(255,255,255,.065)!important;border-color:rgba(96,165,250,.22)!important;transform:translateX(2px)!important}
.sidebar-system-link.active{background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(14,165,233,.10))!important;border-color:rgba(96,165,250,.30)!important;box-shadow:inset 3px 0 0 #38bdf8!important}
.sidebar-system-link .sidebar-icon,.sidebar-website-link .sidebar-icon{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important;background:rgba(30,64,175,.42)!important;border:1px solid rgba(96,165,250,.28)!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important}
.sidebar-system-link .sidebar-icon img,.sidebar-website-link .sidebar-icon img{width:20px!important;height:20px!important}
.sidebar-system-link>span:not(.sidebar-icon),.sidebar-website-link>span:not(.sidebar-icon){gap:3px!important}
.sidebar-system-link>span>b,.sidebar-website-link>span>b{font-size:11.5px!important;font-weight:800!important;letter-spacing:-.01em}
.sidebar-system-link>span>small,.sidebar-website-link>span>small{font-size:7.5px!important;color:#7f91af!important;font-weight:600!important}
.sidebar-system-link .sidebar-arrow,.sidebar-website-link .sidebar-arrow{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.035);font-size:17px!important;color:#7ea6dc!important}
.sidebar-account{margin:12px 2px 8px!important;padding:11px!important;border:1px solid rgba(148,163,184,.10)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.sidebar-account-avatar{width:38px!important;height:38px!important;border-radius:12px!important;font-size:14px!important;background:linear-gradient(145deg,#e7fff3,#bff3d9)!important;color:#07965a!important;box-shadow:none!important}
.sidebar-account-copy strong{font-size:11.5px!important}.sidebar-account-copy small{font-size:7.5px!important;color:#8192ae!important}.sidebar-account-copy em{font-size:7.5px!important;margin-top:3px!important}
.sidebar-logout{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;min-height:56px!important;gap:10px!important;margin:0 2px 6px!important;padding:8px 10px!important;border-radius:15px!important;background:rgba(248,113,113,.055)!important;border:1px solid rgba(248,113,113,.12)!important;color:#f5d8dc!important;box-shadow:none!important}
.sidebar-logout .sidebar-icon{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important;background:rgba(190,24,93,.15)!important;border:1px solid rgba(251,113,133,.18)!important;box-shadow:none!important}
.sidebar-logout .sidebar-icon img{width:19px!important;height:19px!important;opacity:.92}
.sidebar-logout>span:not(.sidebar-icon){display:grid;gap:2px}.sidebar-logout b{font-size:11.5px!important}.sidebar-logout small{font-size:7.5px!important;color:#b98792!important}.sidebar-logout .sidebar-arrow{font-size:17px!important;color:#c88a96!important}
.sidebar-logout:hover{background:rgba(248,113,113,.10)!important;border-color:rgba(248,113,113,.22)!important;transform:translateX(2px)!important}
@media(max-width:480px){.sidebar-system-link,.sidebar-website-link,.sidebar-logout{min-height:54px!important}.sidebar-account{margin-top:10px!important}}

/* YSBN v2.8.6 — Premium Executive Dashboard */
body.dash-body{background:#f5f8fb}.dash-content{max-width:1540px;margin:0 auto;padding:28px 30px 38px}.admin-dash-hero{position:relative;overflow:hidden;min-height:190px;padding:34px 38px;border:1px solid #d9eee4;border-radius:28px;background:linear-gradient(118deg,#ecfff4 0%,#f5fffb 55%,#edf8ff 100%);box-shadow:0 18px 50px rgba(15,52,74,.06);display:flex;align-items:center;justify-content:space-between;gap:30px}.admin-dash-hero:after{content:"";position:absolute;right:-45px;top:-90px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(19,181,112,.14),rgba(63,142,255,.05) 52%,transparent 70%);pointer-events:none}.admin-dash-copy{position:relative;z-index:1;max-width:720px}.admin-dash-copy .eyebrow{display:inline-flex;padding:9px 15px;border-radius:999px;background:#dcf8e9;color:#07824e;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.admin-dash-copy h2{margin:16px 0 8px;font-size:34px;line-height:1.08;letter-spacing:-.035em;color:#0d2344}.admin-dash-copy p{margin:0;color:#61718b;font-size:15px}.admin-dash-actions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}.admin-dash-actions .btn{min-height:58px;border-radius:16px;box-shadow:0 9px 24px rgba(15,39,73,.07);display:flex;align-items:center;justify-content:center;gap:9px}.admin-dash-actions .dash-premium-icon{width:19px;height:19px}.dash-premium-icon{display:block;width:22px;height:22px}.admin-dash-filter{margin-top:20px;padding:18px 22px;border-radius:22px;box-shadow:0 12px 32px rgba(15,39,73,.045);display:grid;grid-template-columns:1.15fr 2.2fr .85fr .7fr auto;gap:14px;align-items:end}.admin-filter-title{align-self:center}.admin-filter-title span{font-size:15px;font-weight:850;color:#102445}.admin-filter-title small{display:block;margin-top:4px;color:#8290a6}.admin-dash-filter label>span{font-size:10px;letter-spacing:.08em;font-weight:850;color:#6d7c92;text-transform:uppercase}.admin-dash-filter .select{height:48px;border-radius:14px;background:#fff}.admin-filter-submit{height:48px;border-radius:14px;padding:0 22px}.admin-stat-grid{margin-top:18px;gap:14px}.admin-stat-card{min-height:142px;border-radius:22px;padding:20px 18px;background:#fff;border:1px solid #e3ebf2;box-shadow:0 10px 28px rgba(15,39,73,.045);transition:.2s ease}.admin-stat-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,39,73,.08);border-color:#d6e6de}.admin-stat-icon{width:43px;height:43px;border-radius:14px;background:#e6fbf1;color:#0aa564;display:grid;place-items:center;margin-bottom:11px}.admin-stat-card:nth-child(2) .admin-stat-icon{background:#e7f3ff;color:#1677e8}.admin-stat-card:nth-child(3) .admin-stat-icon{background:#fff4dc;color:#e69a00}.admin-stat-card:nth-child(4) .admin-stat-icon{background:#f2eaff;color:#7d4ce2}.admin-stat-card:nth-child(5) .admin-stat-icon{background:#ffe9ea;color:#e94a55}.admin-stat-card:nth-child(6) .admin-stat-icon{background:#e3fbf4;color:#00a676}.admin-stat-card strong{font-size:24px;color:#102445;letter-spacing:-.025em}.admin-stat-card small{color:#52647f;font-weight:800}.admin-stat-card em{color:#91a0b4}.admin-dashboard-grid{gap:18px;margin-top:18px}.admin-dashboard-grid .panel,.admin-program-panel{border-radius:24px;border:1px solid #e2eaf1;box-shadow:0 10px 30px rgba(15,39,73,.045);padding:24px}.panel-head h3{display:flex;align-items:center;gap:10px;color:#102445}.panel-title-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e4fbf1;color:#09a865}.panel-title-icon.purple{background:#f0e8ff;color:#7948dc}.panel-title-icon.blue{background:#e7f2ff;color:#1976e8}.panel-title-icon .dash-premium-icon{width:20px;height:20px}.admin-sales-chart{min-height:300px}.admin-attendance-trend{padding-top:10px}.admin-performer,.admin-activity-list>a{border-radius:15px;transition:.18s ease}.admin-performer:hover,.admin-activity-list>a:hover{background:#f7fafc}.admin-program-card{border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 8px 20px rgba(15,39,73,.04)}.admin-program-icon{width:42px;height:42px;border-radius:13px;background:#e5fbf1;color:#08a564;display:grid;place-items:center}.admin-program-icon .dash-premium-icon{width:21px;height:21px}.admin-quick-grid{margin-top:18px;gap:12px}.admin-quick-grid>a{min-height:88px;padding:14px;border:1px solid #e2eaf1;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,39,73,.035);transition:.18s ease}.admin-quick-grid>a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,39,73,.07)}.admin-quick-grid>a>span{width:42px;height:42px;border-radius:13px;background:#e7faf2;color:#09a463;display:grid;place-items:center}.admin-quick-grid>a:nth-child(2)>span{background:#e7f2ff;color:#1d73dc}.admin-quick-grid>a:nth-child(3)>span{background:#fff4dc;color:#e49a00}.admin-quick-grid>a:nth-child(4)>span{background:#ffe8e9;color:#e44c56}.admin-quick-grid>a:nth-child(5)>span{background:#f0e8ff;color:#7d4bdd}.admin-quick-grid>a:nth-child(6)>span{background:#e7f4ff;color:#2479db}.admin-quick-grid>a:nth-child(7)>span{background:#e5fbf2;color:#0aa56a}.admin-quick-grid>a:nth-child(8)>span{background:#edf1f7;color:#52627a}.admin-quick-grid .dash-premium-icon{width:20px;height:20px}.admin-quick-grid b{color:#102445}.admin-quick-grid small{color:#8997aa}
@media(max-width:1100px){.admin-dash-filter{grid-template-columns:1fr 1fr 1fr}.admin-filter-title{grid-column:1/-1}.admin-dash-actions{grid-template-columns:1fr}.admin-dash-hero{align-items:flex-start}.admin-stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.dash-content{padding:16px}.admin-dash-hero{padding:24px 20px;border-radius:22px;display:block}.admin-dash-copy h2{font-size:27px}.admin-dash-actions{margin-top:22px;grid-template-columns:1fr 1fr}.admin-dash-actions .btn:last-child{grid-column:1/-1}.admin-dash-filter{grid-template-columns:1fr 1fr;padding:16px}.admin-filter-title,.admin-dash-filter label:first-of-type,.admin-filter-submit{grid-column:1/-1}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-stat-card{min-height:132px}.admin-dashboard-grid{grid-template-columns:1fr}.admin-quick-grid{grid-template-columns:1fr 1fr}}

/* YSBN v2.8.7 — Dashboard Finishing & KPI Layout Fix */
.admin-stat-grid{display:grid!important;grid-template-columns:repeat(6,minmax(150px,1fr))!important;gap:14px!important;align-items:stretch}
.admin-stat-card{min-width:0!important;min-height:126px!important;padding:16px!important;border-radius:20px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto 1fr auto!important;column-gap:12px!important;row-gap:0!important;align-items:start!important;overflow:hidden!important}
.admin-stat-icon{width:42px!important;height:42px!important;margin:0!important;border-radius:13px!important;grid-row:1/3!important;align-self:start!important}
.admin-stat-icon .dash-premium-icon{width:21px!important;height:21px!important}
.admin-stat-card>div{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;overflow:visible!important}
.admin-stat-card small{display:block!important;min-height:14px!important;font-size:9px!important;line-height:1.25!important;letter-spacing:.055em!important;color:#52627c!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.admin-stat-card strong{display:block!important;width:100%!important;margin:5px 0 5px!important;font-size:23px!important;line-height:1.05!important;color:#0c2142!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-variant-numeric:tabular-nums!important}
.admin-stat-card em{display:block!important;width:100%!important;min-height:22px!important;font-size:8px!important;line-height:1.35!important;color:#8a99ad!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.admin-stat-card>.badge{grid-column:1/-1!important;grid-row:3!important;align-self:end!important;justify-self:start!important;margin-top:10px!important;max-width:100%!important;white-space:nowrap!important}
.admin-stat-card:not(:has(>.badge)){padding-bottom:18px!important}
.admin-dashboard-grid{align-items:start!important}.admin-dashboard-grid .panel{min-height:0!important}.admin-performer-panel,.admin-activity-panel{height:auto!important;min-height:230px!important}.admin-performer-list,.admin-activity-list{margin-top:8px!important}
.admin-program-panel{margin-top:18px!important;min-height:0!important}.admin-program-cards{align-items:start!important}.admin-program-card{min-height:0!important}
.admin-quick-grid{align-items:stretch!important}.admin-quick-grid>a{min-width:0!important;min-height:78px!important;padding:12px!important}.admin-quick-grid>a>div{min-width:0!important}.admin-quick-grid b{white-space:normal!important;line-height:1.25!important}.admin-quick-grid small{white-space:normal!important;line-height:1.3!important}
@media(max-width:1450px){.admin-stat-grid{grid-template-columns:repeat(3,minmax(210px,1fr))!important}.admin-stat-card{min-height:118px!important}}
@media(max-width:900px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-stat-card strong{font-size:22px!important}}
@media(max-width:520px){.admin-stat-grid{grid-template-columns:1fr!important}.admin-stat-card{min-height:108px!important;grid-template-columns:40px minmax(0,1fr)!important}.admin-stat-icon{width:40px!important;height:40px!important}.admin-stat-card strong{font-size:22px!important}.admin-stat-card em{min-height:0!important}}

/* Monitoring v2.8.13 */
.monitor-main-panel{overflow:hidden}.monitor-filter{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(190px,1fr) minmax(180px,.9fr) auto;gap:12px;align-items:end;padding:16px;margin:-2px -2px 18px;background:#f8faf9;border:1px solid #e6ece9;border-radius:18px}.monitor-filter label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:0 0 7px}.monitor-filter-actions{display:flex;gap:8px;align-items:center}.monitor-filter-actions .btn{white-space:nowrap}.monitor-table td:nth-child(2),.monitor-table td:nth-child(3),.monitor-table td:nth-child(4),.monitor-table td:nth-child(5){font-variant-numeric:tabular-nums}.monitor-table tbody tr:hover{background:#f8fbf9}.monitor-table td:last-child{text-align:right;white-space:nowrap}@media(max-width:1050px){.monitor-filter{grid-template-columns:1fr 1fr}.monitor-filter-search{grid-column:1/-1}}@media(max-width:650px){.monitor-filter{grid-template-columns:1fr;padding:13px}.monitor-filter-search{grid-column:auto}.monitor-filter-actions{display:grid;grid-template-columns:1fr 1fr}.monitor-filter-actions .btn{text-align:center;justify-content:center}.monitor-table{min-width:920px}}

/* v2.8.17 Member KPI dashboard finishing */
.member-dash-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.member-progress-rings{grid-template-columns:repeat(3,minmax(0,1fr))}
.member-ring.learning{background:conic-gradient(#7c5ce7 var(--pct),#e9eef0 0)}
@media(max-width:1180px){.member-dash-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-progress-rings{grid-template-columns:1fr}}
@media(max-width:620px){.member-dash-stat-grid{grid-template-columns:1fr}}

/* v2.8.18 Profil & Administrasi Peserta finishing */
.member-profile-reminder{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin:-2px 0 16px;padding:14px 16px;border:1px solid #f0dfb8;background:#fffaf0;border-radius:16px}.member-profile-reminder-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#fff1cc;color:#9a6700;font-weight:900;font-size:14px}.member-profile-reminder b{font-size:10px;color:var(--ink)}.member-profile-reminder p{font-size:8px;color:var(--muted);margin:3px 0 0;line-height:1.5}.member-profile-missing{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.member-profile-missing span{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #ead9b0;background:#fff;border-radius:999px;font-size:7px;font-weight:800;color:#725522}.member-profile-reminder.is-complete{border-color:#cfe8da;background:#f4fbf7}.member-profile-reminder.is-complete .member-profile-reminder-icon{background:#dff4e8;color:var(--green)}
@media(max-width:760px){.member-profile-reminder{padding:13px}.member-profile-missing{gap:5px}.member-profile-missing span{font-size:7px}}

/* YSBN v2.9.0 — Premium Global Portal UI System */
:root{--premium-navy:#0b1f3a;--premium-navy-2:#102b4f;--premium-green:#0ba968;--premium-green-soft:#eaf9f2;--premium-bg:#f4f7fb;--premium-line:#e4eaf1;--premium-text:#10233f;--premium-muted:#718096;--premium-shadow:0 14px 38px rgba(15,35,65,.075);--premium-radius:20px}
.dash-body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(145deg,#f7fafc 0%,#f2f6fb 48%,#f5faf7 100%);color:var(--premium-text)}
.sidebar{background:linear-gradient(180deg,#081a32 0%,#0a2341 58%,#081a32 100%);border-right:1px solid rgba(255,255,255,.06);box-shadow:14px 0 40px rgba(5,19,38,.08)}
.sidebar-brand{background:rgba(255,255,255,.98)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 30px rgba(0,0,0,.12)!important}
.sidebar-label{font-size:9px!important;letter-spacing:.16em!important;color:#6681a7!important;padding:13px 12px 7px!important}
.sidebar-nav{gap:4px!important}.sidebar-nav a{border:1px solid transparent!important;border-radius:14px!important;min-height:50px!important;color:#b7c5d8!important;transition:.18s ease!important}.sidebar-nav a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important;transform:translateX(2px)}.sidebar-nav a.active{background:linear-gradient(135deg,rgba(14,181,111,.20),rgba(42,118,219,.12))!important;color:#fff!important;border-color:rgba(83,214,155,.18)!important;box-shadow:inset 3px 0 0 #25d08a,0 8px 24px rgba(0,0,0,.08)!important}
.sidebar-nav a.active .sidebar-icon{background:linear-gradient(145deg,#16bd78,#087c53)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 7px 18px rgba(8,147,89,.22)!important}.sidebar-icon{border-radius:12px!important}.sidebar-icon img{filter:none!important}.sidebar-arrow{opacity:.6}
.dash-topbar{height:78px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(218,227,237,.9)!important;box-shadow:0 5px 20px rgba(20,43,70,.035)!important;padding:0 30px!important}.dash-topbar h1{font-size:18px!important;letter-spacing:-.02em!important;color:#10233f!important}.dash-topbar>div>small{font-size:9px!important;text-transform:uppercase;letter-spacing:.08em!important;color:#8795a9!important}.icon-btn{width:42px!important;height:42px!important;border-radius:13px!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#17345b!important;box-shadow:0 5px 14px rgba(18,42,71,.06)}.user-chip{padding:7px 10px!important;border:1px solid #e3eaf1!important;border-radius:15px!important;background:#fff!important;box-shadow:0 6px 18px rgba(17,39,66,.05)!important}.user-chip>span{background:linear-gradient(145deg,#dff8ec,#bcefd6)!important;color:#078956!important;border-radius:11px!important}.user-chip b{font-size:11px!important}.user-chip small{font-size:8px!important;color:#8492a6!important}
.dash-content{padding-top:22px!important}.premium-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}.premium-page-head h2{margin:4px 0 0;font-size:25px;line-height:1.15;letter-spacing:-.035em;color:#10233f}.premium-kicker{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#e8f7f0;color:#078653;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.premium-page-status{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e0e8ef;background:#fff;border-radius:999px;color:#748397;font-size:9px;font-weight:800;box-shadow:0 5px 16px rgba(17,39,66,.04)}.premium-page-status i{width:7px;height:7px;border-radius:50%;background:#18bd77;box-shadow:0 0 0 4px rgba(24,189,119,.11)}
.panel,.card,.stat-card,.kpi-card,.form-card{border:1px solid var(--premium-line)!important;border-radius:var(--premium-radius)!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--premium-shadow)!important}.panel{padding:20px!important}.panel h2,.panel h3,.card h2,.card h3{letter-spacing:-.02em;color:#122744}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.input,.select{min-height:46px!important;border:1px solid #dbe4ed!important;border-radius:13px!important;background:#fbfdff!important;color:#172b46!important;padding:10px 13px!important;box-shadow:inset 0 1px 2px rgba(15,34,56,.025)!important;transition:border-color .18s,box-shadow .18s,background .18s!important}textarea{min-height:110px!important;resize:vertical}input:focus,select:focus,textarea:focus,.input:focus,.select:focus{outline:none!important;border-color:#41bc89!important;background:#fff!important;box-shadow:0 0 0 4px rgba(16,169,103,.10)!important}label{color:#43546b}label>span,.form-label{font-weight:800!important;color:#53657c!important}.help,.muted,small{line-height:1.45}
.btn,button.btn,input[type=submit]{min-height:42px;border-radius:12px!important;font-weight:800!important;letter-spacing:-.01em;transition:.18s ease!important}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,44,72,.10)}.btn-primary,.btn:not(.btn-outline):not(.btn-danger):not(.btn-light){background:linear-gradient(135deg,#10ad6c,#078c59)!important;border-color:#078c59!important;color:#fff!important}.btn-outline{background:#fff!important;border:1px solid #dce5ee!important;color:#24415f!important}.btn-danger{background:#fff3f3!important;border-color:#f3cccc!important;color:#c33d46!important}
.table-wrap{border:1px solid #e4eaf0!important;border-radius:17px!important;overflow:auto!important;background:#fff}.table{margin:0!important}.table th{background:#f7f9fc!important;color:#66768b!important;font-size:9px!important;letter-spacing:.06em!important;text-transform:uppercase!important;border-bottom:1px solid #e5ebf1!important;padding:12px 13px!important}.table td{padding:13px!important;border-bottom:1px solid #edf1f5!important;color:#2b3e56!important}.table tbody tr:hover{background:#f8fbfa!important}.badge{border-radius:999px!important;padding:6px 9px!important;font-size:8px!important;font-weight:850!important}
.alert{border-radius:15px!important;padding:13px 15px!important;border-width:1px!important;box-shadow:0 6px 18px rgba(20,43,70,.04)}.alert.success{background:#effaf5!important;border-color:#ccebdd!important;color:#08774c!important}.alert.danger{background:#fff3f3!important;border-color:#f1d0d0!important;color:#ad3941!important}
form .grid,.form-grid{gap:15px!important}.filters,.filter-bar,.toolbar{border-radius:17px!important;background:#f8fafc!important;border:1px solid #e5ebf1!important;padding:14px!important}.empty-state{border:1px dashed #d9e3ec!important;border-radius:18px!important;background:#fafcfe!important;padding:30px!important;color:#718096!important}
.dash-member .premium-kicker{background:#edf3ff;color:#315fa6}.dash-member .sidebar-nav a.active{background:linear-gradient(135deg,rgba(18,176,111,.18),rgba(51,105,196,.13))!important}.dash-member .dash-content{padding-bottom:105px!important}
.member-bottom-nav{display:none}
@media(max-width:900px){.dash-topbar{padding:0 16px!important;height:70px!important}.dash-content{padding:16px!important}.premium-page-head{margin-bottom:14px}.premium-page-head h2{font-size:21px}.premium-page-status{display:none}.panel{padding:16px!important}.table th,.table td{padding:11px!important}.user-chip>div{display:none}.user-chip{padding:5px!important}.sidebar{z-index:1200!important}}
@media(max-width:700px){.dash-member .dash-topbar{position:sticky;top:0;z-index:800}.dash-member .member-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;left:10px;right:10px;bottom:10px;z-index:1000;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border:1px solid rgba(218,227,237,.95);border-radius:21px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 15px 40px rgba(10,31,58,.16)}.member-bottom-nav a{display:grid;place-items:center;gap:3px;min-height:49px;text-decoration:none;color:#758499;font-size:8px;font-weight:800}.member-bottom-nav .sidebar-icon{width:27px!important;height:27px!important;flex-basis:27px!important;background:#f0f4f8!important;border:0!important}.member-bottom-nav .sidebar-icon img{width:16px!important;height:16px!important}.member-bottom-nav .member-bottom-main{transform:translateY(-9px);color:#078956}.member-bottom-nav .member-bottom-main .sidebar-icon{width:43px!important;height:43px!important;flex-basis:43px!important;border-radius:14px!important;background:linear-gradient(145deg,#19bb78,#078956)!important;box-shadow:0 8px 20px rgba(8,151,91,.24)!important}.member-bottom-nav .member-bottom-main .sidebar-icon img{width:21px!important;height:21px!important}.premium-page-head{align-items:flex-start}.premium-page-head h2{font-size:20px}.dash-member .sidebar{padding-bottom:90px}}
@media(max-width:480px){input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.input,.select{font-size:16px!important}.btn{min-height:44px}.panel,.card,.stat-card,.kpi-card,.form-card{border-radius:17px!important}.dash-content{padding:13px!important}.premium-page-head{margin-bottom:12px}.premium-kicker{font-size:7px}}

/* v2.9.12 — Premium Learning Module UI */
.learning-hero{padding:20px 24px;border-radius:20px;margin-bottom:14px;box-shadow:0 12px 30px rgba(15,39,66,.035)}
.learning-hero h2{font-size:23px;margin:8px 0 5px}.learning-hero .eyebrow{font-size:8px;letter-spacing:.08em}.learning-hero .btn{min-height:42px;padding:0 18px}
.learning-filter{padding:15px 17px;border-radius:18px;align-items:center;box-shadow:0 10px 26px rgba(15,39,66,.03)}
.learning-filter-summary{flex-wrap:nowrap}.learning-filter-summary span{min-width:78px;padding:9px 11px;border-radius:11px;background:#f8fbf9}.learning-filter-summary b{font-size:16px}
.learning-tabs{gap:6px;padding:4px;background:#eaf0ed;border-radius:13px;width:max-content;max-width:100%}.learning-tabs a{border:0;background:transparent;border-radius:9px;padding:9px 14px}.learning-tabs a.active{box-shadow:0 5px 14px rgba(15,24,44,.14)}
.learning-two-col{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:18px}.learning-two-col>.panel{border-radius:20px;box-shadow:0 12px 34px rgba(15,39,66,.045)}
.learning-list{gap:9px;margin-top:6px}.learning-item{border:1px solid #e8eeeb!important;border-radius:14px;padding:13px!important;background:#fff;align-items:center;transition:.18s ease}.learning-item:hover{border-color:#cfe4d9!important;box-shadow:0 8px 22px rgba(14,65,43,.06);transform:translateY(-1px)}
.learning-icon{width:46px;height:46px;border-radius:13px}.learning-title-row strong{font-size:11px}.learning-item small{font-size:8px;line-height:1.55}.learning-item a{font-size:8px}.learning-item .doc-delete{opacity:.72}.learning-item:hover .doc-delete{opacity:1}
.learning-compose{position:sticky;top:78px;overflow:hidden}.learning-compose-head{padding-bottom:14px;border-bottom:1px solid #edf1ef;margin-bottom:4px}.learning-section-kicker{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--green);margin-bottom:4px}.learning-limit{font-size:8px;font-weight:900;color:#526071;background:#f3f7f5;border:1px solid #e3ebe7;border-radius:999px;padding:7px 9px}
.learning-form-premium{gap:12px}.learning-form-section{border:1px solid #e8eeeb;border-radius:15px;padding:14px;background:#fbfdfc}.learning-form-section-title{display:flex;gap:9px;align-items:center;margin-bottom:8px}.learning-form-section-title>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#e9f8f0;color:var(--green);font-size:8px;font-weight:900}.learning-form-section-title>div{display:grid}.learning-form-section-title b{font-size:10px}.learning-form-section-title small{font-size:7px;color:var(--muted);margin-top:2px}.learning-form-premium .field{margin:9px 0}.learning-form-premium .field label{display:block;margin-bottom:6px}.learning-form-premium .input,.learning-form-premium .select{background:#fff;border-color:#dce6e1;border-radius:11px;min-height:43px}.learning-form-premium .textarea{min-height:118px;resize:vertical}.learning-upload .file-input{padding:7px;background:#fff}.learning-upload>small{display:block;font-size:7px;color:var(--muted);margin-top:5px}.learning-publish{display:grid;gap:10px}.learning-publish .learning-check{margin:0;padding:11px 12px;border:1px solid #dfeae4;background:#f5fbf7;border-radius:12px;align-items:flex-start}.learning-publish .learning-check>span{display:grid}.learning-publish .learning-check b{font-size:9px;color:#20352a}.learning-publish .learning-check small{font-size:7px;color:var(--muted);font-weight:600;margin-top:2px}.learning-save{min-height:44px;border-radius:11px;box-shadow:0 8px 18px rgba(7,155,80,.14)}
@media(max-width:1180px){.learning-two-col{grid-template-columns:1fr}.learning-compose{position:static}.learning-filter-summary{flex-wrap:wrap}}
@media(max-width:760px){.learning-hero{padding:16px;border-radius:17px}.learning-hero h2{font-size:20px}.learning-filter{padding:13px}.learning-filter-summary{display:grid;grid-template-columns:repeat(2,1fr)}.learning-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;overflow:hidden}.learning-tabs a{padding:9px 7px;font-size:8px}.learning-two-col>.panel{border-radius:17px}.learning-item{padding:11px!important}.learning-compose-head{align-items:flex-start}.learning-form-section{padding:12px}.learning-publish .learning-check{padding:10px}}
@media(max-width:480px){.learning-tabs{grid-template-columns:1fr}.learning-filter-summary span{min-width:0}.learning-item{grid-template-columns:auto minmax(0,1fr) auto}.learning-item>form{grid-column:auto;justify-self:auto}}

/* v2.9.13 — Premium Learning Workspace */
.learning-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#f8fffb 56%,#edf9f3 100%);border:1px solid #dfece5!important;padding:22px 26px!important;box-shadow:0 16px 40px rgba(16,45,72,.055)!important}
.learning-hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,rgba(20,181,104,.12),rgba(20,181,104,0) 68%);pointer-events:none}.learning-hero>div,.learning-hero>.btn{position:relative;z-index:1}.learning-hero .eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #cdebdc;background:#effaf4;border-radius:999px;color:#087b49}.learning-hero .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#10a968;box-shadow:0 0 0 4px rgba(16,169,104,.10)}.learning-hero h2{font-size:25px!important;letter-spacing:-.035em}.learning-hero .btn{display:inline-flex;align-items:center;gap:9px;background:#fff!important;border:1px solid #dce8e2!important;box-shadow:0 8px 22px rgba(18,47,73,.06)}
.learning-btn-icon,.learning-tab-icon{display:inline-grid;place-items:center;flex:0 0 auto}.learning-btn-icon{width:27px;height:27px;border-radius:8px;background:#eaf8f1;color:#078653}.learning-btn-icon svg,.learning-tab-icon svg,.learning-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.learning-filter{background:#fff!important;border:1px solid #e2e9e5!important;padding:13px 15px!important}.learning-filter form{display:grid;grid-template-columns:auto minmax(260px,1fr);align-items:center;gap:13px}.learning-filter form label{margin:0;font-size:8px;letter-spacing:.08em}.learning-filter .select{height:44px;background:#f9fbfa;border-color:#dde6e1}.learning-filter-summary{gap:7px!important}.learning-filter-summary span{min-width:82px!important;background:#f8faf9!important;border:1px solid #e5ece8;padding:8px 10px!important}.learning-filter-summary b{font-size:17px!important;color:#0c2946}.learning-filter-summary small{font-size:6.5px!important;letter-spacing:.055em}
.learning-tabs{padding:5px!important;background:#e8efec!important;border:1px solid #dfe8e3;gap:4px!important}.learning-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:7px!important;min-height:36px;color:#536579!important;font-weight:800}.learning-tabs a.active{background:#0b203b!important;color:#fff!important}.learning-tab-icon{width:20px;height:20px}.learning-tab-icon svg{width:15px;height:15px}
.learning-two-col{grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr)!important;align-items:start}.learning-two-col>.panel{border:1px solid #e1e9e5!important;box-shadow:0 14px 36px rgba(15,39,66,.045)!important;padding:18px!important}.learning-two-col>.panel:first-child{min-height:0}.panel-head h3{font-size:17px;letter-spacing:-.02em}.panel-head p{margin-top:3px}.member-doc-count{min-width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eaf8f1;color:#087c4b;font-weight:900}
.learning-list{gap:10px!important}.learning-item{grid-template-columns:52px minmax(0,1fr) auto!important;gap:13px!important;border-radius:16px!important;padding:13px 14px!important;background:linear-gradient(135deg,#fff,#fbfdfc)!important}.learning-icon{width:52px!important;height:52px!important;border-radius:15px!important;background:#eaf8f1!important;color:#078653!important}.learning-icon svg{width:23px;height:23px}.learning-icon-link{background:#eee9ff!important;color:#7253d6!important}.learning-icon-text{background:#eaf3ff!important;color:#3377ba!important}.learning-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.learning-title-row strong{font-size:11px!important}.learning-title-row .badge{font-size:6.5px;padding:4px 7px}.learning-item small{color:#718094!important}.learning-item a{display:inline-flex;margin-top:5px;color:#087c4b!important;font-weight:850}.learning-item .doc-delete{width:34px;height:34px;border-radius:10px!important;display:grid;place-items:center;background:#fff6f4!important;border:1px solid #f2d9d4!important;color:#c54937!important}
.learning-compose{top:72px!important;background:#fff!important}.learning-compose-head{margin:-2px -2px 8px;padding:2px 2px 15px!important}.learning-section-kicker{display:inline-flex!important;width:max-content;padding:5px 8px;border-radius:999px;background:#edf9f3;color:#078653!important;letter-spacing:.08em!important}.learning-limit{background:#f5f7f6!important}.learning-form-section{padding:15px!important;border-radius:16px!important;background:#fbfcfc!important}.learning-form-section-title>span{width:32px!important;height:32px!important;border-radius:10px!important;background:#e7f8ef!important}.learning-form-section-title b{font-size:10px!important}.learning-form-premium .input,.learning-form-premium .select{min-height:46px!important;border:1px solid #dce6e1!important;box-shadow:0 1px 0 rgba(12,41,70,.02);transition:border-color .18s,box-shadow .18s}.learning-form-premium .input:focus,.learning-form-premium .select:focus{border-color:#54ba88!important;box-shadow:0 0 0 3px rgba(18,169,100,.09)!important}.learning-form-premium .textarea{min-height:110px!important}.learning-upload .file-input{border-style:dashed!important;background:#f8fbf9!important}.learning-publish .learning-check{border-color:#d9e9e1!important;background:#f2faf6!important}.learning-save{background:linear-gradient(135deg,#0bb36a,#078f55)!important;border:0!important;font-size:10px!important;box-shadow:0 10px 22px rgba(8,155,88,.18)!important}
@media(max-width:1180px){.learning-two-col{grid-template-columns:1fr!important}.learning-compose{position:static!important}.learning-filter form{grid-template-columns:1fr}.learning-filter form label{margin-bottom:-7px}}
@media(max-width:760px){.learning-hero{padding:17px!important}.learning-hero h2{font-size:21px!important}.learning-hero .btn{width:100%;justify-content:center}.learning-filter{padding:12px!important}.learning-filter form{gap:9px}.learning-filter-summary{grid-template-columns:repeat(2,1fr)!important}.learning-filter-summary span{min-width:0!important}.learning-tabs a{font-size:8px!important}.learning-two-col>.panel{padding:14px!important}.learning-item{grid-template-columns:44px minmax(0,1fr) auto!important;padding:11px!important}.learning-icon{width:44px!important;height:44px!important;border-radius:12px!important}.learning-icon svg{width:20px;height:20px}}


/* v2.9.14 — Premium Certificate UI */
.learning-item.certificate-admin-item{padding:15px 16px!important;border-color:#dfe9e4!important;background:linear-gradient(135deg,#fff 0%,#fbfefc 100%)!important;box-shadow:0 8px 24px rgba(13,61,42,.035)}
.certificate-premium-icon{background:linear-gradient(145deg,#e6f8ef,#dff4eb)!important;color:#078653!important;border:1px solid #d6eee3;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.certificate-premium-icon svg{width:24px!important;height:24px!important}
.certificate-admin-item .learning-title-row strong{font-size:12px!important;letter-spacing:-.01em}.certificate-admin-item small{font-size:8px!important;line-height:1.65!important}.certificate-admin-item a{width:max-content;padding:7px 10px;border-radius:9px;background:#edf9f3;color:#067a49!important;text-decoration:none;transition:.18s ease}.certificate-admin-item a:hover{background:#078653;color:#fff!important;transform:translateY(-1px)}.cert-action-icon{font-size:10px}.certificate-admin-item .doc-delete{align-self:center!important}
@media(max-width:760px){.learning-item.certificate-admin-item{grid-template-columns:44px minmax(0,1fr) auto!important;padding:12px!important}.certificate-admin-item a{padding:7px 9px}}

/* v2.9.20 — Learning overview selector & stats alignment */
.learning-overview-bar{display:grid!important;grid-template-columns:minmax(430px,1.55fr) minmax(500px,1fr)!important;gap:0!important;align-items:stretch!important;padding:14px 16px!important;overflow:hidden}
.learning-program-picker{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;padding-right:18px;border-right:1px solid #e3e9ed}
.learning-picker-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#e9f8f0;color:#078653}
.learning-picker-icon svg,.learning-filter-summary i svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.learning-picker-copy{display:grid;gap:3px;min-width:0}.learning-program-picker .learning-picker-copy label{font-size:9px!important;line-height:1;text-transform:uppercase;letter-spacing:.1em;color:#5d6d82;font-weight:900;margin:0!important}
.learning-program-picker .select{height:36px!important;min-height:36px!important;padding:0 34px 0 0!important;border:0!important;background-color:transparent!important;box-shadow:none!important;font-size:17px!important;font-weight:800!important;color:#102b49!important;letter-spacing:-.02em}
.learning-program-picker .select:focus{box-shadow:none!important;outline:none!important}
.learning-overview-bar .learning-filter-summary{display:grid!important;grid-template-columns:repeat(4,minmax(105px,1fr));gap:0!important;align-items:stretch;height:100%}
.learning-overview-bar .learning-filter-summary>span{min-width:0!important;padding:5px 14px!important;border:0!important;border-left:1px solid #e3e9ed!important;border-radius:0!important;background:transparent!important;display:flex!important;align-items:center;gap:10px}
.learning-overview-bar .learning-filter-summary>span:first-child{border-left:0!important}
.learning-filter-summary i{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;font-style:normal}
.learning-filter-summary i svg{width:21px;height:21px}.learning-filter-summary>span>span{display:grid;align-content:center;gap:2px}
.learning-overview-bar .learning-filter-summary b{font-size:22px!important;line-height:1!important;font-weight:900;color:#102b49!important}
.learning-overview-bar .learning-filter-summary small{font-size:7px!important;line-height:1.2!important;letter-spacing:.08em!important;color:#5f6f83!important;margin:0!important}
.learning-summary-material i{background:#e9f8f0;color:#078653}.learning-summary-task i{background:#fff3dd;color:#cb7800}.learning-summary-submit i{background:#f0eaff;color:#6845cc}.learning-summary-cert i{background:#e8f3ff;color:#1b67b5}
@media(max-width:1180px){.learning-overview-bar{grid-template-columns:1fr!important;gap:12px!important}.learning-program-picker{border-right:0;padding-right:0;padding-bottom:12px;border-bottom:1px solid #e3e9ed}.learning-overview-bar .learning-filter-summary>span:first-child{border-left:0!important}}
@media(max-width:760px){.learning-overview-bar{padding:12px!important}.learning-program-picker{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important}.learning-picker-icon{width:44px;height:44px;border-radius:13px}.learning-picker-icon svg{width:21px;height:21px}.learning-program-picker .select{font-size:15px!important}.learning-overview-bar .learning-filter-summary{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.learning-overview-bar .learning-filter-summary>span{border:1px solid #e5ebee!important;border-radius:12px!important;padding:9px!important;background:#fbfcfc!important}.learning-filter-summary i{width:36px;height:36px;flex-basis:36px;border-radius:11px}.learning-overview-bar .learning-filter-summary b{font-size:19px!important}}

/* v2.9.21 — Learning overview spacious stat units */
.learning-overview-bar{grid-template-columns:minmax(420px,1.08fr) minmax(620px,.92fr)!important;padding:16px 18px!important;border-radius:20px!important}
.learning-program-picker{grid-template-columns:58px minmax(0,1fr)!important;gap:15px!important;padding-right:24px!important}
.learning-overview-bar .learning-filter-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding-left:18px!important}
.learning-overview-bar .learning-filter-summary>span{border:0!important;padding:8px 10px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;border-radius:14px!important;background:#fbfcfc!important;box-shadow:inset 0 0 0 1px #e7ecea!important}
.learning-overview-bar .learning-filter-summary>span:first-child{border-left:0!important}
.learning-filter-summary i{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:13px!important}
.learning-filter-summary i svg{width:21px!important;height:21px!important}
.learning-filter-summary>span>span{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-width:0}
.learning-overview-bar .learning-filter-summary b{font-size:22px!important;line-height:.95!important}
.learning-overview-bar .learning-filter-summary small{font-size:7.5px!important;line-height:1.15!important;white-space:nowrap!important;letter-spacing:.055em!important}
@media(max-width:1280px){.learning-overview-bar{grid-template-columns:minmax(380px,1fr) minmax(560px,1fr)!important}.learning-overview-bar .learning-filter-summary{gap:7px!important;padding-left:14px!important}.learning-overview-bar .learning-filter-summary>span{grid-template-columns:38px minmax(0,1fr)!important;padding:8px!important;gap:8px!important}.learning-filter-summary i{width:38px!important;height:38px!important;flex-basis:38px!important}.learning-overview-bar .learning-filter-summary b{font-size:20px!important}}
@media(max-width:1180px){.learning-overview-bar{grid-template-columns:1fr!important;gap:12px!important}.learning-program-picker{padding-right:0!important;padding-bottom:13px!important}.learning-overview-bar .learning-filter-summary{padding-left:0!important;gap:8px!important}}
@media(max-width:760px){.learning-overview-bar{padding:12px!important}.learning-overview-bar .learning-filter-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.learning-overview-bar .learning-filter-summary>span{grid-template-columns:38px minmax(0,1fr)!important;padding:9px!important}.learning-overview-bar .learning-filter-summary small{font-size:7px!important}}

/* v2.9.22 Learning content readability + premium icon polish */
.learning-tabs{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:5px!important;border-radius:16px!important;background:#eef3f0!important;border:1px solid #dfe8e3!important}
.learning-tabs a{min-height:46px!important;font-size:11px!important;gap:9px!important;border-radius:12px!important;color:#50627a!important;letter-spacing:-.01em}
.learning-tabs a.active{background:#0b203b!important;color:#fff!important;box-shadow:0 8px 20px rgba(11,32,59,.15)!important}
.learning-tab-icon{width:25px!important;height:25px!important;display:grid!important;place-items:center!important}
.learning-tab-icon svg{width:21px!important;height:21px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.learning-two-col>.panel{border-radius:20px!important;padding:20px!important;border:1px solid #e0e8e4!important;box-shadow:0 10px 28px rgba(17,45,35,.045)!important}
.learning-two-col>.panel .panel-head{align-items:center!important;margin-bottom:14px!important}
.learning-two-col>.panel .panel-head h3{font-size:20px!important;line-height:1.15!important;letter-spacing:-.025em!important;margin:0 0 5px!important}
.learning-two-col>.panel .panel-head p{font-size:11px!important;line-height:1.5!important;color:#63748a!important;margin:0!important}
.member-doc-count{min-width:42px;height:42px;padding:0 13px!important;border-radius:13px!important;background:#eaf8f1!important;color:#087c4b!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:900!important}
.learning-list{gap:12px!important}
.learning-item{grid-template-columns:58px minmax(0,1fr) auto!important;gap:16px!important;padding:16px!important;border-radius:17px!important;border:1px solid #e1ebe6!important;background:#fff!important;box-shadow:none!important;align-items:center!important}
.learning-item:hover{border-color:#c8dfd4!important;box-shadow:0 10px 24px rgba(8,87,55,.06)!important}
.learning-icon{width:58px!important;height:58px!important;border-radius:16px!important;background:linear-gradient(145deg,#e5f8ef,#f1fbf6)!important;color:#07965d!important;border:1px solid #d9f0e5!important}
.learning-icon svg{width:27px!important;height:27px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.learning-title-row{gap:9px!important;margin-bottom:3px!important}.learning-title-row strong{font-size:13px!important;line-height:1.3!important;color:#0a2340!important;letter-spacing:-.01em!important}
.learning-title-row .badge{font-size:8px!important;padding:5px 9px!important;border-radius:999px!important}
.learning-item small{font-size:9px!important;line-height:1.55!important;color:#6b7c91!important;margin-top:1px!important}
.learning-item a{font-size:10px!important;line-height:1.4!important;margin-top:7px!important;color:#078653!important;font-weight:850!important}
.doc-delete{width:38px!important;height:38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#fff7f5!important;border:1px solid #f0d8d3!important;color:#c95745!important}
.doc-delete svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.doc-delete:hover{background:#fff0ed!important;border-color:#e9c3bc!important}
.learning-empty-state{min-height:240px!important;border:1px dashed #d9e6df;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdfc);padding:28px!important}
.learning-empty-state>span{width:58px!important;height:58px!important;border-radius:17px!important;background:#eaf8f1!important;color:#07965d!important;margin-bottom:12px!important}
.learning-empty-state>span svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.learning-empty-state b{font-size:14px!important;color:#0a2340!important}.learning-empty-state small{font-size:10px!important;line-height:1.55!important;color:#718096!important;margin-top:5px!important}.learning-empty-cta{margin-top:14px!important;text-decoration:none!important;color:#fff!important;font-size:10px!important}
.certificate-admin-item{padding:16px!important}.certificate-premium-icon{background:linear-gradient(145deg,#e4f8ee,#f3fbf7)!important;color:#07965d!important}.certificate-premium-icon svg{width:29px!important;height:29px!important}
.certificate-admin-item .learning-title-row strong{font-size:14px!important}.certificate-admin-item small{font-size:9px!important;line-height:1.55!important}.certificate-admin-item a{display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:10px!important;padding:8px 11px!important;border-radius:10px!important;background:#eaf8f1!important}.cert-action-icon{width:18px;height:18px;display:grid;place-items:center}.cert-action-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.learning-task-icon{background:linear-gradient(145deg,#edf3ff,#f6f8ff)!important;color:#496db8!important;border-color:#e2e9f8!important}
@media(max-width:760px){.learning-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.learning-tabs a{min-height:44px!important;font-size:9px!important;padding:8px 5px!important;gap:5px!important}.learning-tab-icon{width:20px!important;height:20px!important}.learning-tab-icon svg{width:17px!important;height:17px!important}.learning-two-col>.panel{padding:15px!important}.learning-two-col>.panel .panel-head h3{font-size:18px!important}.learning-two-col>.panel .panel-head p{font-size:10px!important}.learning-item{grid-template-columns:48px minmax(0,1fr) auto!important;gap:11px!important;padding:12px!important}.learning-icon{width:48px!important;height:48px!important;border-radius:14px!important}.learning-icon svg{width:23px!important;height:23px!important}.learning-title-row strong{font-size:11px!important}.learning-item small{font-size:8px!important}.learning-item a{font-size:9px!important}.doc-delete{width:34px!important;height:34px!important}.certificate-admin-item .learning-title-row strong{font-size:12px!important}.certificate-admin-item small{font-size:8px!important}}
@media(max-width:480px){.learning-tabs a{font-size:8px!important}.learning-tab-icon{display:none!important}.learning-item{grid-template-columns:44px minmax(0,1fr) auto!important}.learning-icon{width:44px!important;height:44px!important}.learning-title-row{align-items:flex-start!important}.learning-title-row .badge{font-size:7px!important}.member-doc-count{min-width:36px;height:36px;font-size:11px!important}}

/* v2.9.23 — Premium Announcement Workspace */
.announcement-admin-hero{position:relative;overflow:hidden;padding:28px 30px;background:radial-gradient(circle at 70% 35%,rgba(16,185,129,.13),transparent 23%),linear-gradient(120deg,#fff 0%,#f5fff9 58%,#ecfbf4 100%)}
.announcement-admin-hero:after{content:"";width:150px;height:150px;position:absolute;right:250px;top:-45px;border:28px solid rgba(16,185,129,.055);border-radius:50%;pointer-events:none}.announcement-admin-hero>div{position:relative;z-index:1}.announcement-admin-hero .eyebrow{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#e8f8ef;color:#07864c;font-size:9px;font-weight:900;letter-spacing:.08em}.announcement-admin-hero .btn{position:relative;z-index:2;background:#08a75d;color:#fff;border-color:#08a75d;box-shadow:0 10px 24px rgba(8,167,93,.18);padding:13px 18px}
.announcement-stat-grid{gap:14px}.announcement-stat-grid>div{min-height:82px;padding:16px 18px;border-radius:20px;box-shadow:0 8px 26px rgba(15,38,62,.035)}.announcement-stat-grid>div>span{width:46px;height:46px;border-radius:14px}.announcement-stat-grid>div:nth-child(2)>span{background:#eaf3ff;color:#1267d7}.announcement-stat-grid>div:nth-child(3)>span{background:#fff4dc;color:#d78400}.announcement-stat-grid>div:nth-child(4)>span{background:#f1eaff;color:#7444d8}.announcement-stat-grid small{font-size:9px;color:#42536a}.announcement-stat-grid strong{font-size:26px;color:#071d3a}.announcement-stat-grid em{font-size:9px;margin-top:4px}
.announcement-svg{width:22px;height:22px;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.announcement-admin-hero .announcement-svg{width:18px;height:18px}.announcement-panel-title{display:flex;align-items:center;gap:10px}.announcement-panel-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e9f8f0;color:#079257;flex:0 0 auto}.announcement-panel-icon .announcement-svg{width:20px;height:20px}
.announcement-list-panel,.announcement-form-panel{border-radius:22px;box-shadow:0 12px 34px rgba(15,38,62,.045)}.announcement-list-panel>.panel-head,.announcement-form-panel>.panel-head{padding:20px 22px 12px}.announcement-list-panel>.panel-head h3,.announcement-form-panel>.panel-head h3{font-size:19px}.announcement-list-panel>.panel-head p,.announcement-form-panel>.panel-head p{font-size:11px}.announcement-empty-premium{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px}.announcement-empty-premium .empty-icon{width:82px;height:82px;border-radius:26px;background:linear-gradient(145deg,#effbf5,#e2f7ec);color:#0aa15c;display:grid;place-items:center;margin-bottom:18px;box-shadow:inset 0 0 0 1px #dcefe5}.announcement-empty-premium .empty-icon .announcement-svg{width:38px;height:38px}.announcement-empty-premium b{font-size:17px;color:#071d3a}.announcement-empty-premium small{max-width:350px;font-size:11px;line-height:1.6;color:var(--muted);margin-top:6px}.announcement-empty-premium .btn{margin-top:18px}
.announcement-form-panel{padding:0}.announcement-form{padding:0 22px 22px}.announcement-form .field{margin-bottom:14px}.announcement-form label{font-size:11px;color:#223752;font-weight:800}.announcement-form .input,.announcement-form .select{min-height:48px;border-radius:12px;border-color:#dbe5ec;font-size:13px;background:#fff}.announcement-form textarea.input{min-height:150px;padding-top:14px}.announcement-form .input:focus,.announcement-form .select:focus{border-color:#15a969;box-shadow:0 0 0 3px rgba(21,169,105,.1);outline:0}.announcement-checks{border:1px solid #e0e9e4;background:#f8fcfa;border-radius:14px;padding:12px 14px}.announcement-checks label{font-size:10px}.announcement-form-hint{border:1px solid #dceee4;background:#effaf4;border-radius:14px;padding:12px 14px;line-height:1.55}.announcement-form>.btn{min-height:50px;border-radius:13px;font-size:13px;box-shadow:0 10px 22px rgba(8,167,93,.16)}
.announcement-admin-item{padding:17px 20px}.announcement-admin-copy strong{font-size:13px}.announcement-admin-copy p{font-size:11px;line-height:1.55}.announcement-admin-actions .mini-action{width:34px;height:34px;border-radius:10px}
@media(max-width:860px){.announcement-admin-hero:after{display:none}.announcement-stat-grid>div{min-height:76px}.announcement-empty-premium{min-height:240px}.announcement-admin-hero .btn{width:100%;justify-content:center}}
@media(max-width:620px){.announcement-admin-hero{padding:20px}.announcement-stat-grid{gap:9px}.announcement-stat-grid>div{padding:12px;gap:9px;min-height:72px}.announcement-stat-grid>div>span{width:38px;height:38px}.announcement-stat-grid small{font-size:7px}.announcement-stat-grid strong{font-size:21px}.announcement-stat-grid em{font-size:7px}.announcement-list-panel>.panel-head,.announcement-form-panel>.panel-head{padding:16px}.announcement-form{padding:0 16px 16px}.announcement-empty-premium{padding:24px 16px}.announcement-empty-premium .empty-icon{width:68px;height:68px;border-radius:21px}}

/* v2.9.24 Premium Report Workspace */
.report-hero{position:relative;overflow:hidden;padding:28px 30px;background:linear-gradient(112deg,#fff 0%,#f7fffb 58%,#e9faf2 100%);border-color:#dbe9e2;box-shadow:0 14px 34px rgba(17,42,67,.05)}
.report-hero:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:25%;top:-145px;background:rgba(18,174,99,.07);pointer-events:none}.report-hero>div{position:relative;z-index:1}.report-hero h2{font-size:29px}.report-hero p{font-size:12px;line-height:1.55}.report-hero-actions .btn{min-height:48px;border-radius:13px;padding:0 18px;display:inline-flex;align-items:center;gap:9px;font-size:11px;box-shadow:0 8px 18px rgba(13,164,91,.08)}
.rp-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.rp-icon svg{width:100%;height:100%;display:block;stroke:currentColor}
.report-filter{position:relative;padding:20px 18px 18px;gap:12px;border-radius:20px}.report-filter:before{content:"Filter Laporan";grid-column:1/-1;font-size:14px;font-weight:900;color:#102844;margin-bottom:1px}.report-filter label>span{font-size:8px;color:#3d516b}.report-filter .input,.report-filter .select{font-size:10px;min-height:43px;border-radius:11px}.report-filter-submit{min-height:43px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px}
.report-stat-grid{gap:14px}.report-stat-grid>div{min-height:98px;padding:17px;border-radius:19px;box-shadow:0 8px 24px rgba(20,44,69,.045);position:relative;overflow:hidden}.report-stat-grid>div>span{width:48px;height:48px;border-radius:14px}.report-stat-grid>div:nth-child(1)>span{background:#e9f3ff;color:#1768c5}.report-stat-grid>div:nth-child(2)>span{background:#e7f8ef;color:#079b50}.report-stat-grid>div:nth-child(3)>span{background:#fff2df;color:#e58400}.report-stat-grid>div:nth-child(4)>span{background:#f1eaff;color:#7446db}.report-stat-grid small{font-size:8px;color:#40536d}.report-stat-grid strong{font-size:23px;margin-top:2px}.report-stat-grid em{font-size:8px;margin-top:4px}.report-stat-grid .badge{font-size:7px;padding:6px 8px;border-radius:999px}
.report-table-panel{border-radius:20px;box-shadow:0 10px 30px rgba(20,44,69,.045)}.report-table-panel>.panel-head{padding:18px 20px 14px}.report-table-panel>.panel-head h3{font-size:17px}.report-table-panel>.panel-head p{font-size:9px}.report-panel-actions a{border:1px solid #dce5ec;border-radius:9px;padding:8px 11px;background:#fff;color:#183451;font-size:9px}.report-panel-actions a:hover{border-color:#bcdacb;background:#f4fbf7}.report-table th{font-size:7px;color:#53667d;letter-spacing:.04em}.report-table td{font-size:9px;padding-top:11px;padding-bottom:11px}.report-note{padding:17px 18px;border-radius:18px;background:linear-gradient(105deg,#f9fffb,#eefaf4)}.report-note>span{width:36px;height:36px;border-radius:12px}.report-note b{font-size:10px}.report-note p{font-size:9px}
@media(max-width:760px){.report-filter:before{grid-column:1/-1}.report-stat-grid>div{min-height:92px}.report-hero h2{font-size:24px}.report-hero p{font-size:11px}}

/* v2.9.25 — Premium Participant Detail Workspace */
.participant-detail-premium .panel{border:1px solid #e3ebe7;border-radius:20px;box-shadow:0 10px 28px rgba(15,35,55,.045);padding:20px;background:#fff}
.participant-detail-premium .panel-head{margin-bottom:16px;align-items:center}.participant-detail-premium .panel-head h3{font-size:16px;letter-spacing:-.02em}.participant-detail-premium .panel-head p{font-size:10px;line-height:1.5;margin-top:3px}
.participant-detail-premium .section-title{display:flex;align-items:center;gap:11px}.participant-detail-premium .premium-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:#e9f9f1;color:#08a65b;border:1px solid #d8f1e4}.participant-detail-premium .premium-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.participant-detail-premium .profile-hero{position:relative;overflow:hidden;border-color:#dcebe4;background:linear-gradient(110deg,#fff 0%,#fbfffd 58%,#eafaf2 100%);padding:22px 24px}.participant-detail-premium .profile-hero:after{content:"";position:absolute;right:-55px;bottom:-80px;width:260px;height:180px;border-radius:50%;background:radial-gradient(circle,#b9f1d3 0,#dff8eb 42%,transparent 70%);opacity:.65;pointer-events:none}.participant-detail-premium .profile-main,.participant-detail-premium .page-actions{position:relative;z-index:1}.participant-detail-premium .avatar-xl{background:linear-gradient(145deg,#dff9ec,#c8f3dd);color:#079b50;border:1px solid #c8efdc;box-shadow:0 8px 22px rgba(5,155,80,.12)}.participant-detail-premium .profile-title h2{font-size:24px}.participant-detail-premium .profile-main p{font-size:11px}.participant-detail-premium .profile-tags span{background:#fff;border-color:#dfeae5;color:#425466}.participant-detail-premium .page-actions{display:flex;gap:9px;flex-wrap:wrap}.participant-detail-premium .page-actions .btn{min-height:42px}
.participant-detail-premium .detail-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.participant-detail-premium .detail-kpis .kpi-card{min-height:132px;border:1px solid #e3ebe7;border-radius:18px;box-shadow:0 8px 24px rgba(15,35,55,.04);padding:18px;position:relative;overflow:hidden}.participant-detail-premium .detail-kpis .kpi-card strong{font-size:27px}.participant-detail-premium .detail-kpis .kpi-card .label{font-size:9px}.participant-detail-premium .detail-kpis .kpi-card small{font-size:9px}.participant-detail-premium .detail-kpis .kpi-card:nth-child(1){background:linear-gradient(145deg,#fff,#f1fbf6)}.participant-detail-premium .detail-kpis .kpi-card:nth-child(2){background:linear-gradient(145deg,#fff,#fff8ef)}.participant-detail-premium .detail-kpis .kpi-card:nth-child(3){background:linear-gradient(145deg,#fff,#f2f8ff)}.participant-detail-premium .detail-kpis .kpi-card:nth-child(4){background:linear-gradient(145deg,#fff,#f7f3ff)}
.participant-detail-premium .info-list{gap:9px}.participant-detail-premium .info-list>div{padding:12px 13px;border-radius:12px;background:#f9fbfa;border-color:#e7eeea}.participant-detail-premium .info-list span{font-size:8px}.participant-detail-premium .info-list b{font-size:11px}.participant-detail-premium .timeline-item{padding:12px;border:1px solid #e7eeea;border-radius:13px;background:#fbfdfc}.participant-detail-premium .timeline-item>i{margin-left:2px}
.participant-detail-premium .evaluation-score-grid>div{padding:15px;border-radius:16px;background:#f9fcfa}.participant-detail-premium .evaluation-score-grid strong{font-size:23px}.participant-detail-premium .evaluation-layout,.participant-detail-premium .intervention-layout{gap:20px}.participant-detail-premium .evaluation-form,.participant-detail-premium .intervention-form{padding:16px;border:1px solid #e6eee9;border-radius:16px;background:#fbfdfc}.participant-detail-premium .evaluation-history,.participant-detail-premium .intervention-list{padding:2px}.participant-detail-premium .evaluation-item,.participant-detail-premium .intervention-item{box-shadow:0 5px 16px rgba(15,35,55,.035)}
.participant-detail-premium .admin-profile-form-grid{gap:12px}.participant-detail-premium .field label{font-size:9px;margin-bottom:6px;color:#33465e}.participant-detail-premium .input,.participant-detail-premium .select{border-color:#dce6e1;background:#fff;min-height:42px;border-radius:11px}.participant-detail-premium .input:focus,.participant-detail-premium .select:focus{border-color:#2dbd79;box-shadow:0 0 0 3px rgba(45,189,121,.10)}
.participant-detail-premium .admin-doc-grid,.participant-detail-premium .admin-learning-summary-grid{gap:16px}.participant-detail-premium .member-empty.compact{min-height:190px;border:1px dashed #cfe5da;border-radius:15px;background:#fbfefc}.participant-detail-premium .doc-upload-form{padding:2px}.participant-detail-premium .file-input::file-selector-button{background:#e8f8f0;color:#078c4b}.participant-detail-premium .participant-learning-stats span{background:#f8fbf9;border-color:#e3ece7;padding:13px}.participant-detail-premium .participant-cert-list>a{padding:12px;border-radius:12px}.participant-detail-premium .participant-cert-list>a:hover{background:#f7fbf9}.participant-detail-premium .participant-cert-list>a>span{font-size:0}.participant-detail-premium .participant-cert-list>a>span:before{content:"";width:18px;height:18px;display:block;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308a65b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M8.5 12 7 22l5-3 5 3-1.5-10'/%3E%3C/svg%3E")}
.participant-detail-premium .table-wrap{border:1px solid #e5ece8;border-radius:13px;overflow:hidden}.participant-detail-premium .table th{background:#f7faf8}.participant-detail-premium .bottom-tools .panel{padding:18px}.participant-detail-premium .btn{box-shadow:0 7px 16px rgba(7,158,82,.12)}.participant-detail-premium .btn-outline{box-shadow:none}
@media(max-width:1000px){.participant-detail-premium .detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-detail-premium .admin-profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.participant-detail-premium .panel{padding:16px;border-radius:17px}.participant-detail-premium .profile-hero{padding:18px}.participant-detail-premium .profile-main{width:100%}.participant-detail-premium .page-actions{width:100%}.participant-detail-premium .page-actions .btn{flex:1;justify-content:center}.participant-detail-premium .detail-kpis{grid-template-columns:1fr 1fr;gap:10px}.participant-detail-premium .detail-kpis .kpi-card{min-height:118px;padding:14px}.participant-detail-premium .detail-kpis .kpi-card strong{font-size:22px}.participant-detail-premium .admin-profile-form-grid{grid-template-columns:1fr}.participant-detail-premium .premium-icon{width:34px;height:34px;flex-basis:34px}.participant-detail-premium .premium-icon svg{width:18px;height:18px}}

/* v2.9.26 — Participant Detail Workspace: stronger visual hierarchy */
.participant-detail-premium{--pd-green:#079b55;--pd-navy:#0c2547;--pd-muted:#64748b;--pd-line:#dfe9e4;display:grid;gap:18px}
.participant-detail-premium .profile-hero{margin:0;padding:24px 26px;border-radius:22px;min-height:126px}
.participant-detail-premium .avatar-xl{width:66px;height:66px;flex:0 0 66px;border-radius:19px;font-size:28px;display:grid;place-items:center;font-weight:900}
.participant-detail-premium .profile-title h2{font-size:27px;color:var(--pd-navy)}
.participant-detail-premium .profile-main p{font-size:13px;margin:6px 0 10px}
.participant-detail-premium .profile-tags span{font-size:11px;padding:6px 10px}
.participant-detail-premium .detail-kpis{margin:0;gap:14px}
.participant-detail-premium .detail-kpis .kpi-card{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;min-height:148px;padding:18px;border-radius:20px;background:#fff!important}
.participant-detail-premium .detail-kpis .kpi-icon>.premium-icon{width:52px;height:52px;flex-basis:52px;border:0;border-radius:15px}
.participant-detail-premium .detail-kpis .kpi-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.participant-detail-premium .detail-kpis .label{font-size:10px!important;line-height:1.3;letter-spacing:.04em;color:#52627a;margin:1px 0 5px}
.participant-detail-premium .detail-kpis .kpi-card strong{font-size:29px;line-height:1.05;color:var(--pd-navy);margin:0 0 6px}
.participant-detail-premium .detail-kpis .kpi-card .kpi-text{font-size:18px;line-height:1.25;margin:2px 0 7px}
.participant-detail-premium .detail-kpis .badge{font-size:9px;padding:5px 8px;margin:0 0 7px}
.participant-detail-premium .detail-kpis .progress-thin{width:100%;margin:3px 0 7px;height:5px}
.participant-detail-premium .detail-kpis small{font-size:10px!important;line-height:1.45;color:#718096}
.participant-detail-premium .kpi-att .kpi-icon>.premium-icon{background:#dcf8ea;color:#079b55}.participant-detail-premium .kpi-sales .kpi-icon>.premium-icon{background:#fff0d8;color:#ef8b13}.participant-detail-premium .kpi-admin .kpi-icon>.premium-icon{background:#e6f2ff;color:#1672d4}.participant-detail-premium .kpi-program .kpi-icon>.premium-icon{background:#eee7ff;color:#6847dc}
.participant-detail-premium .profile-grid{margin:0;grid-template-columns:1.12fr .88fr;gap:18px}
.participant-detail-premium .panel{padding:22px;border-radius:20px}.participant-detail-premium .panel-head{margin-bottom:18px}.participant-detail-premium .panel-head h3{font-size:18px;color:var(--pd-navy)}.participant-detail-premium .panel-head p{font-size:11px;color:#718096}
.participant-detail-premium .section-title{gap:12px}.participant-detail-premium .section-title>.premium-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px}
.participant-detail-premium .info-list{gap:10px}.participant-detail-premium .info-list>div{padding:13px 14px}.participant-detail-premium .info-list span{font-size:9px}.participant-detail-premium .info-list b{font-size:12px}
.participant-detail-premium .evaluation-score-grid{gap:12px}.participant-detail-premium .evaluation-score-grid>div{padding:16px 17px;border:1px solid #e5eee9;background:#fbfdfc}.participant-detail-premium .evaluation-score-grid span{font-size:11px}.participant-detail-premium .evaluation-score-grid strong{font-size:25px}
.participant-detail-premium .evaluation-layout,.participant-detail-premium .intervention-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.participant-detail-premium .evaluation-form,.participant-detail-premium .intervention-form{padding:18px;background:#fbfdfc}
.participant-detail-premium .field label{font-size:10px!important;font-weight:800}.participant-detail-premium .input,.participant-detail-premium .select{font-size:12px;min-height:44px}.participant-detail-premium textarea.input{padding-top:12px}
.participant-detail-premium .admin-profile-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.participant-detail-premium .admin-profile-form-grid .full{grid-column:1/-1}
.participant-detail-premium .member-empty.compact{min-height:210px}.participant-detail-premium .member-empty.compact>span{font-size:0}.participant-detail-premium .member-empty.compact>span:before{content:"";display:block;width:42px;height:42px;margin:auto;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23079b55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E")}
.participant-detail-premium .doc-delete{font-size:0}.participant-detail-premium .doc-delete:before{content:"";display:block;width:16px;height:16px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc3b45' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2m-9 0 1 15h8l1-15M10 10v7m4-7v7'/%3E%3C/svg%3E")}
.participant-detail-premium .participant-learning-stats{gap:9px}.participant-detail-premium .participant-learning-stats span{min-height:72px;display:flex;flex-direction:column;justify-content:center;border-radius:13px}.participant-detail-premium .participant-learning-stats b{font-size:18px}.participant-detail-premium .participant-learning-stats small{font-size:9px}
.participant-detail-premium .table{font-size:11px}.participant-detail-premium .table th{font-size:9px;letter-spacing:.04em}.participant-detail-premium .inline-settings{gap:12px}
@media(max-width:1100px){.participant-detail-premium .detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-detail-premium .admin-profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.participant-detail-premium{gap:12px}.participant-detail-premium .profile-grid,.participant-detail-premium .evaluation-layout,.participant-detail-premium .intervention-layout,.participant-detail-premium .admin-doc-grid,.participant-detail-premium .admin-learning-summary-grid{grid-template-columns:1fr}.participant-detail-premium .profile-title h2{font-size:22px}.participant-detail-premium .profile-main{gap:12px}.participant-detail-premium .avatar-xl{width:54px;height:54px;flex-basis:54px;font-size:23px}.participant-detail-premium .panel{padding:16px}.participant-detail-premium .panel-head h3{font-size:16px}}
@media(max-width:560px){.participant-detail-premium .detail-kpis{grid-template-columns:1fr}.participant-detail-premium .detail-kpis .kpi-card{grid-template-columns:48px 1fr;min-height:auto;padding:15px}.participant-detail-premium .detail-kpis .kpi-icon>.premium-icon{width:46px;height:46px;flex-basis:46px}.participant-detail-premium .admin-profile-form-grid{grid-template-columns:1fr}.participant-detail-premium .profile-hero{padding:16px}.participant-detail-premium .profile-main{align-items:center}.participant-detail-premium .profile-main p{font-size:11px;overflow-wrap:anywhere}.participant-detail-premium .profile-tags{gap:5px}.participant-detail-premium .profile-tags span{font-size:9px}.participant-detail-premium .page-actions{display:grid;grid-template-columns:1fr 1fr}.participant-detail-premium .page-actions .btn{width:100%}.participant-detail-premium .section-title>.premium-icon{width:38px;height:38px;flex-basis:38px}.participant-detail-premium .panel-head{align-items:flex-start}}
/* v2.9.27 — Monitoring & Evaluation premium workspace */
.participant-detail-premium .evaluation-premium-v2{padding:24px;background:#fff;border:1px solid #e4ece8;box-shadow:0 12px 34px rgba(15,35,55,.055)}
.evaluation-premium-v2 .evaluation-main-head{margin-bottom:18px}.evaluation-premium-v2 .evaluation-main-head .section-title{align-items:center}.evaluation-premium-v2 .evaluation-main-head .premium-icon{width:46px;height:46px;border-radius:14px;background:#eaf9f1;color:#0aa55d}.evaluation-premium-v2 .evaluation-main-head h3{font-size:20px}.evaluation-premium-v2 .evaluation-main-head p{font-size:11px;margin-top:4px}.evaluation-premium-v2 .evaluation-status{padding:9px 15px;border-radius:999px;font-size:10px}
.participant-detail-premium .evaluation-score-premium{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.participant-detail-premium .evaluation-score-premium .eval-score-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid #e3ebe7;border-radius:18px;background:#fbfdfc;min-height:150px}.evaluation-score-premium .eval-score-icon .premium-icon{width:48px;height:48px;border-radius:14px}.evaluation-score-premium .eval-score-copy{flex:1;min-width:0;display:grid;gap:8px}.evaluation-score-premium .eval-score-copy>span{font-size:11px;font-weight:800;color:#43566d;display:flex;justify-content:space-between;gap:8px}.evaluation-score-premium .eval-score-copy>span b{font-size:11px;color:#079b50}.evaluation-score-premium .eval-score-copy strong{font-size:28px;line-height:1;color:#071c3a}.evaluation-score-premium .eval-score-copy small{font-size:10px;color:#66778b;line-height:1.45}.evaluation-score-premium .progress-thin{height:8px;border-radius:99px;background:#eaf0ee;overflow:hidden}.evaluation-score-premium .progress-thin i{height:100%;border-radius:99px}.evaluation-score-premium .eval-att{background:linear-gradient(145deg,#fff,#f3fbf7)}.evaluation-score-premium .eval-att .premium-icon{background:#dcf7e9;color:#08a45c}.evaluation-score-premium .eval-sales{background:linear-gradient(145deg,#fff,#f4f9ff)}.evaluation-score-premium .eval-sales .premium-icon{background:#e5f1ff;color:#1477e8}.evaluation-score-premium .eval-sales .progress-thin i{background:#2380e8}.evaluation-score-premium .eval-learning{background:linear-gradient(145deg,#fff,#faf7ff)}.evaluation-score-premium .eval-learning .premium-icon{background:#f0e8ff;color:#7550df}.evaluation-score-premium .eval-learning .progress-thin i{background:#7550df}.evaluation-score-premium .eval-overall{background:linear-gradient(145deg,#fff,#fff9ed)}.evaluation-score-premium .eval-overall .premium-icon{background:#fff0cf;color:#e59b08}.evaluation-score-premium .eval-overall .progress-thin i{background:#f0aa14}
.participant-detail-premium .evaluation-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding-top:20px}.participant-detail-premium .evaluation-input-card,.participant-detail-premium .evaluation-history-card{padding:20px;border:1px solid #e4ece8;border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(15,35,55,.035)}.evaluation-subhead{margin-bottom:18px}.evaluation-subhead .section-title{align-items:center}.evaluation-subhead .premium-icon{width:42px;height:42px;border-radius:13px;background:#e8f8f0;color:#079b50}.evaluation-subhead h4{font-size:16px;margin:0;color:#0a1f3d}.evaluation-subhead p{font-size:10px;margin:3px 0 0;color:#738197}.evaluation-input-card .field label{font-size:10px;margin-bottom:7px}.evaluation-input-card .input,.evaluation-input-card .select{min-height:48px;border-radius:12px;font-size:12px}.evaluation-input-card .textarea{min-height:112px;padding-top:13px}.evaluation-actions{display:flex;gap:10px;align-items:center;margin-top:4px}.evaluation-actions .btn{min-height:46px;border-radius:12px;padding:0 20px}.eval-save-btn{box-shadow:0 8px 18px rgba(8,166,92,.18)}
.evaluation-history-card .history-head{padding-bottom:14px;border-bottom:1px solid #edf1ef}.evaluation-history-card .history-head .premium-icon{background:#e8f8f0}.evaluation-timeline{position:relative;padding-left:22px}.evaluation-timeline:before{content:"";position:absolute;left:7px;top:12px;bottom:12px;width:2px;background:#e2eae6}.participant-detail-premium .evaluation-history-card .evaluation-item{position:relative;padding:15px 16px;margin-bottom:12px;border:1px solid #e5ece9;border-radius:15px;background:linear-gradient(135deg,#fff,#fbfdfc);box-shadow:none;gap:7px}.evaluation-item .timeline-dot{position:absolute;left:-22px;top:21px;width:12px;height:12px;border-radius:50%;background:#0aaa60;border:3px solid #e7f8ef;box-shadow:0 0 0 2px #fff}.evaluation-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.evaluation-history-card .evaluation-item b{font-size:11px;color:#0b203d}.evaluation-history-card .evaluation-item p{font-size:10px;color:#53657a}.evaluation-history-card .evaluation-item em{font-size:10px}.evaluation-history-card .evaluation-item small{font-size:9px}.evaluation-history-card .next-review{display:block;color:#64758a;margin-top:2px}
@media(max-width:1100px){.participant-detail-premium .evaluation-score-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-detail-premium .evaluation-workspace{grid-template-columns:1fr}}
@media(max-width:620px){.participant-detail-premium .evaluation-premium-v2{padding:16px}.participant-detail-premium .evaluation-score-premium{grid-template-columns:1fr}.participant-detail-premium .evaluation-score-premium .eval-score-card{min-height:auto}.evaluation-premium-v2 .evaluation-main-head{align-items:flex-start}.evaluation-premium-v2 .evaluation-status{margin-top:2px}.evaluation-actions{display:grid;grid-template-columns:1fr 1fr}.evaluation-actions .btn{width:100%;padding:0 10px}.evaluation-item-top{align-items:flex-start;flex-direction:column}.participant-detail-premium .evaluation-input-card,.participant-detail-premium .evaluation-history-card{padding:15px}}

/* v2.9.28 — center Monitoring KPI icons */
.participant-detail-premium .evaluation-score-premium .eval-score-card{align-items:center}
.participant-detail-premium .evaluation-score-premium .eval-score-icon{display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto}

/* v2.9.29 — KPI icon alignment: centered inside a dedicated icon column */
.participant-detail-premium .evaluation-score-premium .eval-score-card{
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  align-items:center;
  column-gap:16px;
  padding:18px 20px;
}
.participant-detail-premium .evaluation-score-premium .eval-score-icon{
  width:76px;
  height:100%;
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:stretch;
  justify-self:center;
}
.participant-detail-premium .evaluation-score-premium .eval-score-icon .premium-icon{
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media(max-width:620px){
  .participant-detail-premium .evaluation-score-premium .eval-score-card{
    grid-template-columns:64px minmax(0,1fr);
    column-gap:14px;
    padding:16px;
  }
  .participant-detail-premium .evaluation-score-premium .eval-score-icon{
    width:64px;
    min-height:88px;
  }
}

/* v2.9.30 — Monitoring KPI balanced centered layout */
.participant-detail-premium .evaluation-score-premium .eval-score-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  min-height:190px;
  padding:20px 22px 18px;
  text-align:center;
}
.participant-detail-premium .evaluation-score-premium .eval-score-icon{
  width:auto;
  height:auto;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  margin:0 0 12px;
}
.participant-detail-premium .evaluation-score-premium .eval-score-icon .premium-icon{
  width:52px;
  height:52px;
  flex:0 0 52px;
  margin:0;
}
.participant-detail-premium .evaluation-score-premium .eval-score-copy{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.participant-detail-premium .evaluation-score-premium .eval-score-copy>span{
  width:100%;
  justify-content:center;
  font-size:12px;
  line-height:1.25;
}
.participant-detail-premium .evaluation-score-premium .eval-score-copy>span b{
  position:absolute;
  top:18px;
  right:18px;
  padding:5px 8px;
  border-radius:999px;
  background:#e8f8ef;
  font-size:10px;
  line-height:1;
}
.participant-detail-premium .evaluation-score-premium .eval-score-copy strong{
  font-size:30px;
  line-height:1.05;
}
.participant-detail-premium .evaluation-score-premium .progress-thin{
  width:100%;
  max-width:230px;
  margin:2px auto 0;
}
.participant-detail-premium .evaluation-score-premium .eval-score-copy small{
  width:100%;
  min-height:30px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  text-align:center;
  font-size:10px;
  line-height:1.45;
}
@media(max-width:1100px){
  .participant-detail-premium .evaluation-score-premium .eval-score-card{min-height:184px}
}
@media(max-width:620px){
  .participant-detail-premium .evaluation-score-premium .eval-score-card{
    min-height:0;
    padding:18px 18px 16px;
  }
  .participant-detail-premium .evaluation-score-premium .eval-score-icon{margin-bottom:10px}
  .participant-detail-premium .evaluation-score-premium .eval-score-icon .premium-icon{width:50px;height:50px;flex-basis:50px}
  .participant-detail-premium .evaluation-score-premium .eval-score-copy strong{font-size:29px}
  .participant-detail-premium .evaluation-score-premium .eval-score-copy>span b{top:16px;right:16px}
  .participant-detail-premium .evaluation-score-premium .progress-thin{max-width:none}
  .participant-detail-premium .evaluation-score-premium .eval-score-copy small{min-height:0}
}

/* v2.9.31 — Premium Intervention & Follow-up Workspace */
.participant-detail-premium .intervention-premium{padding:24px;border:1px solid #e1ebe6;box-shadow:0 14px 38px rgba(15,35,55,.055);overflow:hidden}
.participant-detail-premium .intervention-main-head{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #edf2ef}
.participant-detail-premium .intervention-main-head .section-title .premium-icon{width:52px;height:52px;background:linear-gradient(145deg,#eafaf2,#dff5e9);border:1px solid #ccebdd;color:#08a66a;box-shadow:0 8px 18px rgba(8,166,106,.08)}
.participant-detail-premium .intervention-active-chip{display:grid;grid-template-columns:10px auto;align-items:center;gap:4px 8px;padding:10px 14px;border:1px solid #d7ebe1;border-radius:16px;background:linear-gradient(145deg,#f4fcf8,#eef9f3);font-size:12px;font-weight:900;color:#087b50;line-height:1.1}
.participant-detail-premium .intervention-active-chip i{width:9px;height:9px;border:3px solid #0eae71;border-radius:50%;grid-row:1/3}
.participant-detail-premium .intervention-active-chip small{display:block;font-size:9px;font-weight:500;color:#789083}
.participant-detail-premium .intervention-workspace{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;align-items:stretch}
.participant-detail-premium .intervention-create-card,.participant-detail-premium .intervention-history-card{padding:20px;border:1px solid #e3ece7;border-radius:20px;background:#fff;box-shadow:0 7px 24px rgba(15,35,55,.035)}
.participant-detail-premium .intervention-create-card{background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)}
.participant-detail-premium .intervention-subhead{margin-bottom:20px}
.participant-detail-premium .intervention-subhead .section-title{align-items:center}
.participant-detail-premium .intervention-subhead .premium-icon{width:42px;height:42px;background:#eaf9f1;color:#08a66a;border:1px solid #d2eee0}
.participant-detail-premium .intervention-subhead h4{margin:0 0 3px;font-size:17px;color:#0b2748}
.participant-detail-premium .intervention-subhead p{margin:0;color:#6d8198;font-size:11px}
.participant-detail-premium .intervention-create-card .field{margin-bottom:15px}
.participant-detail-premium .intervention-create-card label{font-size:11px;font-weight:850;color:#17385c;margin-bottom:7px}
.participant-detail-premium .intervention-create-card .input,.participant-detail-premium .intervention-create-card .select{min-height:48px;border-radius:13px;border-color:#d9e5ed;background:#fff;font-size:13px;padding-left:14px;box-shadow:0 1px 2px rgba(15,35,55,.02)}
.participant-detail-premium .intervention-create-card .textarea{min-height:112px;padding-top:13px;resize:vertical}
.participant-detail-premium .intervention-create-card .input:focus,.participant-detail-premium .intervention-create-card .select:focus{border-color:#70d4ad;box-shadow:0 0 0 3px rgba(12,174,111,.09);outline:0}
.participant-detail-premium .intervention-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.participant-detail-premium .field-help{display:block;margin-top:6px;color:#8a9caf;font-size:9.5px;line-height:1.35}
.participant-detail-premium .intervention-date-field{max-width:50%}
.participant-detail-premium .intervention-actions{display:flex;gap:10px;align-items:center;margin-top:4px}
.participant-detail-premium .intervention-actions .btn{min-height:46px;border-radius:13px;padding:0 18px}
.participant-detail-premium .intervention-create-btn{box-shadow:0 9px 20px rgba(5,163,103,.16)}
.participant-detail-premium .intervention-create-btn span{font-size:17px;margin-right:5px}
.participant-detail-premium .intervention-history-card{position:relative;min-width:0}
.participant-detail-premium .intervention-history-card:has(.intervention-timeline-item):before{content:"";position:absolute;left:31px;top:88px;bottom:42px;width:2px;background:linear-gradient(#dbe8f4,#dff2e8)}
.participant-detail-premium .intervention-history-card .history-head{padding-bottom:14px;border-bottom:1px solid #edf2ef}
.participant-detail-premium .intervention-timeline-item{position:relative;margin:0 0 12px 20px;padding:16px 16px 15px 18px;border-radius:16px;border:1px solid #dce8f5;background:linear-gradient(135deg,#fbfdff,#f5f9ff);box-shadow:none}
.participant-detail-premium .intervention-timeline-item.status-proses{border-color:#d9ecdf;background:linear-gradient(135deg,#fbfffc,#f2fbf6)}
.participant-detail-premium .intervention-timeline-item.status-selesai{border-color:#d7eddf;background:linear-gradient(135deg,#fbfffc,#f0faf4)}
.participant-detail-premium .intervention-timeline-item.status-dibatalkan,.participant-detail-premium .intervention-timeline-item.is-overdue{border-color:#f5dada;background:linear-gradient(135deg,#fffdfd,#fff4f4)}
.participant-detail-premium .intervention-timeline-dot{position:absolute;left:-29px;top:22px;width:14px;height:14px;border:4px solid #fff;border-radius:50%;background:#3488ef;box-shadow:0 0 0 2px #dbe8f4}
.participant-detail-premium .status-proses .intervention-timeline-dot,.participant-detail-premium .status-selesai .intervention-timeline-dot{background:#1eb879;box-shadow:0 0 0 2px #d9f0e4}
.participant-detail-premium .status-dibatalkan .intervention-timeline-dot,.participant-detail-premium .is-overdue .intervention-timeline-dot{background:#e85050;box-shadow:0 0 0 2px #f7dddd}
.participant-detail-premium .intervention-item-head{align-items:flex-start}
.participant-detail-premium .intervention-item-head small{font-size:10px;color:#59718c;text-align:right}
.participant-detail-premium .intervention-timeline-item h5{font-size:15px;line-height:1.35;margin:12px 0 5px;color:#0b2748}
.participant-detail-premium .intervention-timeline-item>p{font-size:12px;line-height:1.55;color:#607890;margin-bottom:11px}
.participant-detail-premium .intervention-meta{gap:8px 16px;padding:9px 0 11px;margin:0;font-size:10.5px;color:#5d738b;border-top:1px dashed #e3ebe7}
.participant-detail-premium .intervention-meta b{color:#334f6d}
.participant-detail-premium .intervention-update{grid-template-columns:145px minmax(0,1fr) auto;gap:8px}
.participant-detail-premium .intervention-update .input,.participant-detail-premium .intervention-update .select{min-height:42px;border-radius:11px;font-size:11px}
.participant-detail-premium .intervention-update .btn{min-height:42px;border-radius:11px;padding:0 15px}
.participant-detail-premium .intervention-empty{min-height:230px;display:grid;place-items:center;text-align:center;border:1px dashed #dce8e2;border-radius:16px;background:#fbfdfc;color:#789083}
@media(max-width:980px){.participant-detail-premium .intervention-workspace{grid-template-columns:1fr}.participant-detail-premium .intervention-history-card:has(.intervention-timeline-item):before{top:88px}}
@media(max-width:620px){.participant-detail-premium .intervention-premium{padding:16px}.participant-detail-premium .intervention-main-head{align-items:flex-start;gap:12px}.participant-detail-premium .intervention-main-head .section-title{align-items:flex-start}.participant-detail-premium .intervention-main-head .section-title .premium-icon{width:46px;height:46px;flex:0 0 46px}.participant-detail-premium .intervention-active-chip{padding:8px 10px;border-radius:14px}.participant-detail-premium .intervention-active-chip small{display:none}.participant-detail-premium .intervention-create-card,.participant-detail-premium .intervention-history-card{padding:15px;border-radius:17px}.participant-detail-premium .intervention-two{grid-template-columns:1fr;gap:0}.participant-detail-premium .intervention-date-field{max-width:none}.participant-detail-premium .intervention-actions{display:grid;grid-template-columns:1fr 1fr}.participant-detail-premium .intervention-actions .btn{width:100%;padding:0 10px}.participant-detail-premium .intervention-history-card:has(.intervention-timeline-item):before{left:23px;top:82px}.participant-detail-premium .intervention-timeline-item{margin-left:18px;padding:14px}.participant-detail-premium .intervention-timeline-dot{left:-27px}.participant-detail-premium .intervention-item-head{display:grid;gap:7px}.participant-detail-premium .intervention-item-head small{text-align:left}.participant-detail-premium .intervention-update{grid-template-columns:1fr}.participant-detail-premium .intervention-update .btn{width:100%}}

/* v2.9.32 Premium Participant Administration */
.admin-profile-premium-v2{padding:0;overflow:hidden}
.admin-profile-premium-v2 .admin-profile-main-head{padding:22px 24px;border-bottom:1px solid #edf2ef;background:linear-gradient(115deg,#fff 0%,#fff 70%,#f2fbf7 100%)}
.admin-profile-premium-v2 .admin-profile-main-head .premium-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#e9faf2,#dff5ea);color:#08a765;border:1px solid #ccebdd}
.admin-completeness-chip{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #cfe9dc;border-radius:13px;background:#f0faf5;color:#078653}
.admin-completeness-chip .premium-icon{width:28px!important;height:28px!important;background:#dcf6e9!important;border:0!important;border-radius:9px!important}
.admin-completeness-chip span{display:grid;gap:1px}.admin-completeness-chip b{font-size:11px}.admin-completeness-chip small{font-size:8px;color:#668176;font-weight:600}
.admin-profile-premium-form{padding:0 24px 22px}
.admin-form-section{padding:22px 0;border-bottom:1px solid #e9efec}.admin-form-section:last-of-type{border-bottom:0}
.admin-section-head{display:flex;align-items:center;gap:11px;margin-bottom:17px}.admin-section-head .premium-icon{width:40px;height:40px;border-radius:12px;background:#eaf8f1;color:#08a765;border:1px solid #d5eee2}.admin-section-head h4{font-size:14px;line-height:1.15;margin:0;color:#09264b}.admin-section-head p{font-size:9px;margin:4px 0 0;color:#708099}
.admin-section-purple .premium-icon{background:#f1eafe;color:#7a45e8;border-color:#e4d8fb}.admin-section-orange .premium-icon{background:#fff3df;color:#f09a00;border-color:#f7e1b9}
.admin-profile-premium-v2 .admin-profile-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}.admin-profile-premium-v2 .admin-emergency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-profile-premium-v2 .field label{font-size:10px;margin-bottom:7px;color:#102b50;font-weight:800}.admin-profile-premium-v2 .input,.admin-profile-premium-v2 .select{min-height:46px;border-color:#d8e4ec;border-radius:12px;background:#fff;font-size:12px;padding-left:14px}.admin-profile-premium-v2 .textarea{padding-top:12px;line-height:1.55;resize:vertical}.admin-profile-premium-v2 .input:focus,.admin-profile-premium-v2 .select:focus{border-color:#5acb96;box-shadow:0 0 0 3px rgba(16,174,105,.09)}
.admin-profile-premium-v2 .field-help{display:block;margin-top:6px;font-size:8px;line-height:1.45;color:#77869b}
.admin-wide-section .field{max-width:none}.admin-note-section{padding-bottom:18px}
.admin-profile-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid #edf1ef}.admin-profile-actions .btn{min-height:44px;border-radius:11px;padding:0 18px}.admin-save-btn{min-width:210px;box-shadow:0 8px 18px rgba(6,163,98,.15)}
@media(max-width:900px){.admin-profile-premium-v2 .admin-profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-profile-premium-v2 .admin-emergency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.admin-profile-premium-v2 .admin-profile-main-head{padding:18px;align-items:flex-start;gap:14px}.admin-profile-premium-v2 .admin-profile-main-head .section-title{align-items:flex-start}.admin-completeness-chip{padding:7px 9px}.admin-completeness-chip small{display:none}.admin-profile-premium-form{padding:0 18px 18px}.admin-form-section{padding:19px 0}.admin-profile-premium-v2 .admin-profile-form-grid,.admin-profile-premium-v2 .admin-emergency-grid{grid-template-columns:1fr;gap:15px}.admin-section-head{margin-bottom:15px}.admin-profile-actions{flex-direction:column-reverse;align-items:stretch}.admin-profile-actions .btn,.admin-save-btn{width:100%;min-width:0}}

/* v2.9.33 — Premium Document & Certificate Workspace */
.participant-detail-premium .premium-doc-workspace{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:20px;align-items:stretch;margin-bottom:16px}
.participant-detail-premium .premium-doc-workspace>.panel{padding:0;overflow:hidden;border:1px solid #e1ebe6;box-shadow:0 12px 34px rgba(21,52,72,.055);background:#fff}
.premium-doc-head{padding:22px 24px 18px;margin:0;border-bottom:0;align-items:flex-start}.premium-doc-head .section-title{align-items:center;gap:14px}.premium-doc-head .section-title>.premium-icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#eafaf2,#def6e9);border:1px solid #ccebdd;color:#08a765}.premium-doc-head h3{font-size:20px;line-height:1.2}.premium-doc-head p{font-size:10px;margin-top:5px;color:#718198}
.premium-doc-count{min-width:66px;height:58px;border:1px solid #d9eee4;border-radius:15px;background:linear-gradient(145deg,#f7fdf9,#eef9f3);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#079654}.premium-doc-count b{font-size:18px;line-height:1}.premium-doc-count small{font-size:8px;margin-top:5px;color:#7a8b96}
.premium-doc-empty{margin:0 24px;padding:38px 24px 34px;min-height:335px;border:1px dashed #bfe4d1;border-radius:18px;background:radial-gradient(circle at 50% 40%,#f1fbf6 0,#fbfefc 48%,#fff 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.premium-doc-empty>b{font-size:17px;color:#08244a;margin-top:13px}.premium-doc-empty>p{max-width:430px;margin:8px auto 17px;color:#61738c;font-size:11px;line-height:1.6}.premium-first-upload{min-height:44px;padding:0 24px;border-radius:12px;box-shadow:0 9px 20px rgba(9,164,91,.18)}
.premium-file-visual{position:relative;width:150px;height:112px}.file-folder{position:absolute;left:38px;bottom:0;width:78px;height:58px;border-radius:10px 10px 16px 16px;background:linear-gradient(145deg,#25c77d,#079c57);box-shadow:0 12px 25px rgba(9,160,89,.2);display:grid;place-items:center;z-index:3}.file-folder svg{width:43px;height:43px;fill:none;stroke:#fff;stroke-width:1.8}.file-sheet{position:absolute;top:7px;width:42px;height:51px;border-radius:8px;background:#fff;border:1px solid #e3e9ee;box-shadow:0 8px 18px rgba(21,52,72,.1);display:grid;place-items:center;font-size:9px;font-weight:900;z-index:2}.file-pdf{left:20px;color:#df3434;transform:rotate(-8deg)}.file-jpg{right:20px;color:#6847e8;transform:rotate(7deg)}.file-png{left:54px;top:0;color:#2685df}
.premium-doc-benefits{margin:18px 24px 24px;padding:15px;border:1px solid #e2ece7;border-radius:15px;background:#fbfdfc;display:grid;grid-template-columns:repeat(3,1fr)}.premium-doc-benefits>div{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:2px 13px;border-right:1px solid #e6eeea}.premium-doc-benefits>div:last-child{border-right:0}.premium-doc-benefits .premium-icon{width:38px;height:38px;border-radius:11px}.premium-doc-benefits b{display:block;font-size:10px;color:#0b2a50}.premium-doc-benefits small{display:block;font-size:8px;line-height:1.45;color:#728298;margin-top:3px}
.premium-secure-chip{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #cfe9dd;border-radius:13px;background:#f0faf5;color:#078f50}.premium-secure-chip>.premium-icon{width:30px!important;height:30px!important;border:0!important;background:transparent!important}.premium-secure-chip b,.premium-secure-chip small{display:block}.premium-secure-chip b{font-size:10px}.premium-secure-chip small{font-size:7px;color:#718a7d;margin-top:2px}
.premium-doc-form{padding:4px 24px 24px;gap:17px}.premium-field label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:850;color:#0d2b51;margin-bottom:7px}.premium-field label>.premium-icon{width:25px;height:25px;border-radius:8px;background:#f1f6fb;color:#2877cf;border:0}.premium-field>small{display:block;font-size:8px;color:#74859b;margin-top:6px}.premium-doc-form .input,.premium-doc-form .select{min-height:47px;border-radius:12px;border-color:#d8e4ec;font-size:12px;padding-left:14px}.premium-doc-meta-grid{grid-template-columns:1fr 1fr;gap:14px}
.premium-native-file{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.premium-dropzone{min-height:164px!important;margin:0!important;border:1.5px dashed #9fd8bc!important;border-radius:16px!important;background:linear-gradient(180deg,#fbfefc,#f7fcf9)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;cursor:pointer;padding:20px!important;transition:.2s ease}.premium-dropzone:hover{border-color:#0aad63!important;background:#f2fbf6!important;transform:translateY(-1px)}.premium-dropzone .drop-icon>.premium-icon{width:42px;height:42px;border-radius:13px;background:#e7f8ef;color:#08a75f}.premium-dropzone>b{font-size:13px;margin-top:8px;color:#0b2b52}.premium-dropzone>span:not(.drop-icon){font-size:9px;color:#74859b;margin-top:4px}.premium-dropzone>em{font-style:normal;margin-top:11px;padding:8px 14px;border-radius:9px;background:#e5f7ed;color:#078e4e;font-size:10px;font-weight:850}.premium-dropzone>small{font-size:8px;color:#77879a;margin-top:8px}
.premium-upload-submit{width:100%;min-height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;box-shadow:0 9px 22px rgba(8,163,91,.18)}.premium-upload-submit .premium-icon{width:20px;height:20px;background:transparent;border:0;color:#fff}
.premium-doc-list{padding:0 24px 24px}.premium-doc-list .admin-doc-row{padding:14px;border:1px solid #e5ece8;border-radius:13px;margin-bottom:9px;background:#fff}.premium-doc-list .admin-doc-row strong{font-size:11px}.premium-doc-list .admin-doc-row small,.premium-doc-list .admin-doc-row em{font-size:8px}
@media(max-width:900px){.participant-detail-premium .premium-doc-workspace{grid-template-columns:1fr}.premium-doc-empty{min-height:280px}.premium-doc-benefits{grid-template-columns:1fr;gap:10px}.premium-doc-benefits>div{border-right:0;border-bottom:1px solid #e6eeea;padding:9px}.premium-doc-benefits>div:last-child{border-bottom:0}}
@media(max-width:640px){.premium-doc-head{padding:18px}.premium-doc-head h3{font-size:17px}.premium-doc-head .section-title>.premium-icon{width:44px;height:44px}.premium-secure-chip small{display:none}.premium-doc-empty{margin:0 18px;padding:28px 16px;min-height:280px}.premium-doc-benefits{margin:14px 18px 18px}.premium-doc-form{padding:2px 18px 18px}.premium-doc-meta-grid{grid-template-columns:1fr}.premium-dropzone{min-height:150px!important}.premium-doc-list{padding:0 18px 18px}}

/* v2.9.34 — Premium Monitoring Participant Workspace */
.monitor-icon{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 auto}.monitor-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.monitor-hero{padding:24px 28px;background:linear-gradient(120deg,#f7fcf9 0%,#fff 58%,#f2f8ff 100%);border-color:#deebe5;box-shadow:0 10px 30px rgba(17,50,72,.04)}.monitor-hero h2{font-size:25px;letter-spacing:-.45px}.monitor-hero .eyebrow{background:#e8f8f0;color:#078d50;border:1px solid #d2eee0;padding:8px 13px;border-radius:999px;font-weight:850}.monitor-hero>.btn{min-height:46px;border-radius:13px;padding:0 20px}
.monitor-summary-premium{gap:14px}.monitor-summary-premium .monitor-stat{position:relative;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:14px;min-height:118px;padding:18px;border:1px solid #e1e9e5;border-radius:19px;overflow:hidden;box-shadow:0 8px 24px rgba(20,49,70,.04)}.monitor-stat:after{content:"";position:absolute;inset:auto -25px -35px auto;width:90px;height:90px;border-radius:50%;background:currentColor;opacity:.035}.monitor-stat>.monitor-icon{width:52px;height:52px;border-radius:15px;padding:14px;background:#e8f8f0;color:#08a45f;border:1px solid #d3eee1}.monitor-stat-copy{min-width:0}.monitor-stat-copy small{margin:0 0 4px!important;font-size:10px!important;font-weight:850;color:#52647b!important}.monitor-stat-copy strong{display:block;font-size:28px!important;line-height:1;color:#08264b}.monitor-stat-copy span{display:block;margin-top:7px;font-size:8px;color:#7a899c;line-height:1.35}.monitor-stat.stat-danger>.monitor-icon{background:#fff0ed;color:#e95c4e;border-color:#f8dcd7}.monitor-stat.stat-info>.monitor-icon{background:#eaf2ff;color:#337ee9;border-color:#d8e7fb}.monitor-stat.stat-success>.monitor-icon{background:#e8f8f0;color:#08a45f;border-color:#d3eee1}
.monitor-main-panel{padding:20px;border-radius:22px}.monitor-filter{padding:14px 15px;gap:11px;background:linear-gradient(180deg,#fbfdfc,#f7faf8);border-color:#dfe9e4;border-radius:17px}.monitor-filter label{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:850;color:#405670}.monitor-filter label .monitor-icon{width:16px;height:16px;color:#0aa15d}.monitor-filter .input,.monitor-filter .select{min-height:46px;border-radius:12px;background:#fff;border-color:#d8e4ec;font-size:11px}.monitor-filter-actions .btn{min-height:46px;border-radius:11px}.monitor-main-panel .panel-head{padding:7px 3px 12px}.monitor-main-panel .panel-head h3{font-size:17px}.monitor-main-panel .panel-head p{font-size:9px;color:#75859a}
.monitor-table{border-collapse:separate;border-spacing:0;border:1px solid #e1e8ed;border-radius:15px;overflow:hidden}.monitor-table thead th{padding:12px 13px;background:#f6f9fc;color:#60718a;font-size:8px;letter-spacing:.06em}.monitor-table tbody td{padding:13px;border-bottom:1px solid #edf1f3;font-size:10px;vertical-align:middle}.monitor-table tbody tr:last-child td{border-bottom:0}.monitor-table tbody tr:hover{background:#f8fcfa}.monitor-participant{display:flex;align-items:center;gap:10px;min-width:180px}.monitor-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#dcf8e9,#effbf5);color:#079c59;border:1px solid #d2eee0;font-size:13px;font-weight:900}.monitor-participant b{font-size:11px;color:#08264b}.monitor-participant small{font-size:8px!important}.monitor-table .badge{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:850}.monitor-table .btn-sm{min-height:36px;padding:0 12px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;font-size:9px}.monitor-table .btn-sm .monitor-icon{width:14px;height:14px}
@media(max-width:900px){.monitor-summary-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-summary-premium .monitor-stat{min-height:105px}.monitor-main-panel{padding:15px}}
@media(max-width:650px){.monitor-hero{padding:20px}.monitor-hero h2{font-size:21px}.monitor-summary-premium{grid-template-columns:1fr;gap:10px}.monitor-summary-premium .monitor-stat{min-height:92px;grid-template-columns:46px 1fr;padding:14px}.monitor-stat>.monitor-icon{width:46px;height:46px;padding:12px}.monitor-stat-copy strong{font-size:24px!important}.monitor-main-panel{padding:12px}.monitor-filter{padding:12px}.monitor-main-panel .table-wrap{overflow:visible}.monitor-table{min-width:0!important;border:0;background:transparent}.monitor-table thead{display:none}.monitor-table,.monitor-table tbody,.monitor-table tr,.monitor-table td{display:block;width:100%}.monitor-table tbody{display:grid;gap:12px}.monitor-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#fff;border:1px solid #e1e9e5;border-radius:16px;padding:13px;box-shadow:0 7px 20px rgba(20,49,70,.04)}.monitor-table tbody td{border:0!important;padding:8px;font-size:10px}.monitor-table tbody td:first-child{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid #edf1ef!important}.monitor-table tbody td:nth-child(2):before{content:"Kehadiran"}.monitor-table tbody td:nth-child(3):before{content:"Penjualan"}.monitor-table tbody td:nth-child(4):before{content:"Pembelajaran"}.monitor-table tbody td:nth-child(5):before{content:"Skor"}.monitor-table tbody td:nth-child(6):before{content:"Status"}.monitor-table tbody td:nth-child(7):before{content:"Evaluasi Berikutnya"}.monitor-table tbody td:nth-child(n+2):nth-child(-n+7):before{display:block;margin-bottom:4px;font-size:7px;font-weight:850;color:#8190a2;text-transform:uppercase;letter-spacing:.05em}.monitor-table tbody td:last-child{grid-column:1/-1;padding-top:10px}.monitor-table .btn-sm{width:100%;justify-content:center;min-height:40px}.monitor-participant{min-width:0}}

/* v2.9.35 — Premium Intervention Overview */
.followup-hero-premium{position:relative;overflow:hidden;background:linear-gradient(118deg,#fff 0%,#fbfefd 58%,#f0fbf6 100%)}
.followup-hero-premium:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-110px;top:-170px;background:radial-gradient(circle,rgba(16,185,129,.10),rgba(16,185,129,0) 70%);pointer-events:none}
.followup-hero-copy{display:flex;align-items:center;gap:18px;min-width:0}.followup-hero-copy>div{min-width:0}.followup-hero-icon{width:58px;height:58px;flex:0 0 58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#e7faf1,#f4fcf8);border:1px solid #cdeedf;box-shadow:0 10px 24px rgba(5,150,105,.08)}
.followup-hero-icon svg{width:28px;height:28px;stroke:#08a66c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.followup-summary-grid-4{gap:18px}.followup-summary-card{position:relative;min-height:148px;padding:22px 22px 20px 94px;display:flex;flex-direction:column;justify-content:center;border-color:#e1e9e6;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.followup-summary-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.08);border-color:#cddbd6}.followup-summary-card>span:not(.followup-stat-icon){font-size:12px;letter-spacing:.055em;color:#52677e}.followup-summary-card strong{font-size:34px;line-height:1;margin:8px 0 7px;color:#06274a}.followup-summary-card small{font-size:13px;color:#6b7d90}
.followup-stat-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:16px;display:grid;place-items:center;border:1px solid transparent}.followup-stat-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.followup-stat-icon.stat-wait{background:#eef4ff;color:#2563eb;border-color:#dbe8ff}.followup-stat-icon.stat-process{background:#eaf8ff;color:#0284c7;border-color:#d1effd}.followup-stat-icon.stat-overdue{background:#fff0ee;color:#e5484d;border-color:#ffd8d3}.followup-stat-icon.stat-done{background:#eaf9f1;color:#079669;border-color:#d0f0df}.followup-summary-card.attention{background:#fffafa;border-color:#ffc8c5}
.followup-list-panel{border:1px solid #e3ebe8;box-shadow:0 12px 34px rgba(15,23,42,.055)}.followup-list-panel .panel-head{padding-bottom:18px}.followup-list-panel .panel-head h3{font-size:20px}.followup-list-panel .panel-head p{margin-top:5px;color:#718096}.followup-list-panel .table-wrap{border:1px solid #e3ebe8;border-radius:18px;overflow:hidden}.followup-list-panel .monitor-table{margin:0}.followup-list-panel .monitor-table thead th{background:#f7faf9;color:#63758b;font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:14px}.followup-list-panel .monitor-table tbody td{padding:15px 14px;vertical-align:middle}.followup-list-panel .monitor-table tbody tr:hover{background:#fbfefc}.followup-list-panel .monitor-table td b{color:#102a43}.followup-list-panel .monitor-table td small{display:block;margin-top:5px;color:#7b8da1}.followup-person{display:flex;align-items:center;gap:11px}.followup-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:#e8f8f0;color:#079669;font-weight:900;border:1px solid #d3eee1}.followup-person-copy{min-width:0}.followup-list-panel .badge{border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800}.followup-list-panel .btn.btn-sm{border-radius:11px;padding:10px 14px;box-shadow:0 8px 18px rgba(5,150,105,.10)}
@media(max-width:760px){.followup-hero-premium{align-items:flex-start}.followup-hero-copy{align-items:flex-start;gap:12px}.followup-hero-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px}.followup-hero-icon svg{width:23px;height:23px}.followup-summary-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.followup-summary-card{min-height:124px;padding:18px 14px 16px 70px}.followup-stat-icon{left:14px;width:44px;height:44px;border-radius:14px}.followup-stat-icon svg{width:21px;height:21px}.followup-summary-card strong{font-size:29px}.followup-list-panel .table-wrap{border:0;overflow:visible}.followup-list-panel .monitor-table,.followup-list-panel .monitor-table tbody,.followup-list-panel .monitor-table tr,.followup-list-panel .monitor-table td{display:block;width:100%}.followup-list-panel .monitor-table thead{display:none}.followup-list-panel .monitor-table tbody{display:grid;gap:12px}.followup-list-panel .monitor-table tbody tr{border:1px solid #e1e9e6;border-radius:17px;padding:14px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.04)}.followup-list-panel .monitor-table tbody td{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 0;border:0;border-bottom:1px dashed #e8eeec;text-align:right}.followup-list-panel .monitor-table tbody td:last-child{border-bottom:0;padding-bottom:0}.followup-list-panel .monitor-table tbody td:before{content:attr(data-label);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7b8da1;text-align:left}.followup-list-panel .monitor-table tbody td:first-child{justify-content:flex-start;text-align:left;padding-top:0}.followup-list-panel .monitor-table tbody td:first-child:before{display:none}.followup-person{width:100%}.followup-list-panel .monitor-table tbody td:last-child .btn{width:100%;text-align:center}.followup-list-panel .monitor-table tbody td:last-child:before{display:none}}
@media(max-width:480px){.followup-summary-grid-4{grid-template-columns:1fr 1fr}.followup-summary-card{padding-left:16px;padding-top:72px;text-align:center}.followup-stat-icon{left:50%;top:16px;transform:translateX(-50%)}.followup-summary-card>span:not(.followup-stat-icon){font-size:10px}.followup-summary-card small{font-size:11px}}

/* v2.9.37 — Intervention Overview Finishing */
.followup-hero-premium{
  min-height:0;
  padding-top:26px;
  padding-bottom:26px;
}
.followup-hero-premium .followup-hero-copy{align-items:center}
.followup-hero-premium .eyebrow{margin-bottom:10px}
.followup-hero-premium h2{margin-top:0;margin-bottom:8px}
.followup-hero-premium p{margin-bottom:0;line-height:1.55}
.followup-summary-grid-4{align-items:stretch}
.followup-summary-grid-4 .followup-summary-card{
  min-height:132px;
  padding-top:18px;
  padding-bottom:18px;
  justify-content:center;
}
.followup-summary-grid-4 .followup-stat-icon{top:50%;transform:translateY(-50%)}
.followup-summary-grid-4 .followup-summary-card strong{margin:6px 0 5px}
.followup-list-panel{padding-top:20px}
.followup-list-panel .panel-head{margin-bottom:12px;padding-bottom:0}
.followup-list-panel .panel-head h3{margin-bottom:4px}
.followup-list-panel .panel-head p{margin:0}
.followup-list-panel .table-wrap{margin-top:0}
@media(max-width:760px){
  .followup-hero-premium{padding-top:20px;padding-bottom:20px}
  .followup-summary-grid-4 .followup-summary-card{min-height:116px;padding-top:16px;padding-bottom:16px}
  .followup-list-panel{padding-top:17px}
  .followup-list-panel .panel-head{margin-bottom:10px}
}
@media(max-width:480px){
  .followup-summary-grid-4 .followup-summary-card{min-height:132px;padding-top:70px;padding-bottom:14px}
  .followup-summary-grid-4 .followup-stat-icon{top:14px;transform:translateX(-50%)}
}

/* v2.9.37 — Intervention status cards visual balance */
.followup-summary-grid-4 .followup-summary-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  grid-template-rows:auto auto auto;
  column-gap:18px;
  align-content:center;
  padding:18px 22px;
}
.followup-summary-grid-4 .followup-stat-icon{
  position:static;
  grid-column:1;
  grid-row:1 / 4;
  align-self:center;
  justify-self:center;
  transform:none;
  width:52px;
  height:52px;
}
.followup-summary-grid-4 .followup-summary-card>span:not(.followup-stat-icon),
.followup-summary-grid-4 .followup-summary-card>strong,
.followup-summary-grid-4 .followup-summary-card>small{
  grid-column:2;
}
.followup-summary-grid-4 .followup-summary-card>span:not(.followup-stat-icon){grid-row:1}
.followup-summary-grid-4 .followup-summary-card>strong{grid-row:2;margin:6px 0 5px}
.followup-summary-grid-4 .followup-summary-card>small{grid-row:3}
.followup-summary-grid-4 .followup-summary-card.attention{
  background:#fffdfd;
  border-color:#ffd7d3;
}
@media(max-width:760px){
  .followup-summary-grid-4 .followup-summary-card{grid-template-columns:50px minmax(0,1fr);column-gap:13px;padding:16px 14px;min-height:116px}
  .followup-summary-grid-4 .followup-stat-icon{width:44px;height:44px}
}
@media(max-width:480px){
  .followup-summary-grid-4 .followup-summary-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:15px 10px;min-height:136px;text-align:center}
  .followup-summary-grid-4 .followup-stat-icon{position:static;transform:none;margin-bottom:9px}
  .followup-summary-grid-4 .followup-summary-card>span:not(.followup-stat-icon),.followup-summary-grid-4 .followup-summary-card>strong,.followup-summary-grid-4 .followup-summary-card>small{grid-column:auto;grid-row:auto}
}


/* v2.9.38 — hard-center SVG inside intervention status icon tile */
.followup-summary-grid-4 .followup-stat-icon{
  position:relative !important;
  display:block !important;
  overflow:hidden;
}
.followup-summary-grid-4 .followup-stat-icon > svg{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:25px !important;
  height:25px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate(-50%,-50%) !important;
  transform-origin:center center !important;
}
@media(max-width:760px){
  .followup-summary-grid-4 .followup-stat-icon > svg{
    width:21px !important;
    height:21px !important;
  }
}

/* v2.9.45 — Tim & Mentor premium UI polish */
.team-hero{position:relative;overflow:hidden;padding:30px 32px;border-radius:26px;background:radial-gradient(circle at 78% 18%,rgba(12,167,105,.12),transparent 29%),linear-gradient(120deg,#fff 0%,#fbfefc 55%,#f1fbf6 100%);box-shadow:0 16px 40px rgba(15,45,70,.055)}
.team-hero:after{content:"";position:absolute;right:250px;top:-75px;width:190px;height:190px;border:32px solid rgba(12,167,105,.035);border-radius:50%;pointer-events:none}.team-hero>div:first-child{position:relative;z-index:1}.team-hero h2{font-size:29px;margin:12px 0 8px}.team-hero p{font-size:11px;line-height:1.65;max-width:720px}.team-security{position:relative;z-index:1;min-width:250px;padding:17px 19px;border-color:#dfe9e4;border-radius:18px;box-shadow:0 10px 28px rgba(15,45,70,.06)}.team-security:before{content:"♛";position:absolute;right:15px;top:13px;width:32px;height:32px;border-radius:10px;background:#edf9f3;color:var(--green);display:grid;place-items:center;font-size:15px}.team-security strong{font-size:16px;margin-top:2px}.team-security span{padding-right:28px}
.team-stat-grid{gap:14px;margin-bottom:18px}.team-stat-grid>div{position:relative;min-height:98px;padding:17px 18px;border-radius:20px;box-shadow:0 9px 25px rgba(15,45,70,.045);transition:transform .18s ease,box-shadow .18s ease}.team-stat-grid>div:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,45,70,.075)}.team-stat-grid>div>span{width:44px;height:44px;border-radius:14px;font-size:0;position:relative}.team-stat-grid>div>span:before{font-size:20px;line-height:1}.team-stat-grid>div:nth-child(1)>span:before{content:"♟"}.team-stat-grid>div:nth-child(2)>span:before{content:"◎"}.team-stat-grid>div:nth-child(3)>span:before{content:"✦"}.team-stat-grid>div:nth-child(4)>span:before{content:"⊘"}.team-stat-grid>div:nth-child(2)>span{background:#eaf5ff;color:#1681df}.team-stat-grid>div:nth-child(3)>span{background:#f2ebff;color:#8051df}.team-stat-grid>div:nth-child(4)>span{background:#fff4df;color:#d98a00}.team-stat-grid small{font-size:8px;letter-spacing:.035em}.team-stat-grid strong{font-size:23px;line-height:1.15;margin:2px 0}.team-stat-grid em{font-size:7.5px;line-height:1.4}
.team-layout{grid-template-columns:minmax(0,1.45fr) minmax(370px,.7fr);gap:18px}.team-list-panel,.team-form-panel{border-radius:22px;box-shadow:0 12px 32px rgba(15,45,70,.045)}.team-list-panel .panel-head h3,.team-form-panel .panel-head h3{font-size:18px}.team-list-panel .panel-head p,.team-form-panel .panel-head p{font-size:9px}
.team-row{position:relative;grid-template-columns:auto minmax(200px,1fr) minmax(125px,.42fr) minmax(105px,.34fr) auto;gap:14px;padding:16px 10px;border-radius:16px;border-top:0;margin-top:7px;background:#fff;transition:background .18s ease,box-shadow .18s ease}.team-row:before{content:"";position:absolute;left:0;right:0;top:-4px;border-top:1px solid #edf0f2}.team-row:first-child:before{display:none}.team-row:hover{background:#fbfefc;box-shadow:inset 0 0 0 1px #e6f2eb}.team-avatar{width:46px;height:46px;border-radius:14px;box-shadow:inset 0 0 0 1px #d9eee3}.team-person strong{font-size:10.5px}.team-person small,.team-person em,.team-access small,.team-status small{font-size:7.3px}.team-row-actions .btn{min-height:38px;padding-inline:14px}.team-row-actions .icon-btn{width:38px;height:38px;border-radius:12px}
.team-form-panel{padding:20px}.team-form .field{margin:9px 0}.team-form .input,.team-form .select{min-height:46px;border-radius:12px}.team-permission-head{padding-top:14px;margin-top:8px}.team-permission-head b{font-size:10.5px}.team-permission-head small{font-size:7.2px;line-height:1.45}.team-permissions{gap:9px;margin:12px 0 16px}.team-permission-card{min-height:62px;border-radius:13px;padding:10px 11px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.team-permission-card:hover{transform:translateY(-1px);border-color:#cfe9da}.team-permission-card:has(input:checked){background:linear-gradient(135deg,#fbfffc,#f2fbf6)}.team-permission-card b{font-size:8.3px}.team-permission-card small{font-size:6.3px}.team-submit{min-height:48px;border-radius:12px;box-shadow:0 10px 22px rgba(7,155,80,.16)}.mentor-batch-card{border-radius:13px}
@media(max-width:1100px){.team-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.75fr)}.team-row{grid-template-columns:auto minmax(160px,1fr) minmax(110px,.42fr) auto}.team-status{grid-column:2}.team-row-actions{grid-column:4;grid-row:1/3}}
@media(max-width:900px){.team-layout{grid-template-columns:1fr}.team-form-panel{order:-1}.team-row{grid-template-columns:auto minmax(0,1fr) auto}.team-access,.team-status{grid-column:2}.team-row-actions{grid-column:3;grid-row:1/4}}
@media(max-width:760px){.team-hero{padding:22px}.team-hero h2{font-size:24px}.team-hero:after{display:none}.team-security{min-width:0}.team-stat-grid>div{min-height:90px}.team-layout{gap:14px}.team-form-panel{padding:16px}}
@media(max-width:520px){.team-stat-grid{grid-template-columns:1fr 1fr}.team-stat-grid>div{padding:13px;min-height:86px}.team-stat-grid>div>span{width:38px;height:38px}.team-stat-grid>div>span:before{font-size:17px}.team-stat-grid strong{font-size:20px}.team-row{padding:14px 4px}.team-permissions{grid-template-columns:1fr}}

/* v2.9.46 — fix duplicate Tim & Mentor stat icons */
.team-stat-grid>div>span:before,
.team-stat-grid>div>span:after{
  content:none !important;
  display:none !important;
}
.team-stat-grid>div>span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.team-stat-grid>div>span>svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
}
@media(max-width:520px){
  .team-stat-grid>div>span>svg{width:18px !important;height:18px !important;flex-basis:18px !important}
}


/* YSBN v2.9.94 - Profil Peserta Premium | isolated */
.member-profile-premium{--ppg:#08a861;--ppn:#0c2849;--ppm:#71859d;--ppl:#e3ecf2}
.member-profile-premium .mpp-page-intro{min-height:104px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;overflow:hidden}
.member-profile-premium .mpp-breadcrumb{display:block;margin-bottom:7px;color:#71859d;font-size:8px;font-weight:700}
.member-profile-premium .mpp-page-intro h2{margin:0;color:var(--ppn);font-size:25px;letter-spacing:-.035em}
.member-profile-premium .mpp-page-intro p{margin:5px 0 0;color:var(--ppm);font-size:10px}
.member-profile-premium .mpp-intro-art{width:300px;height:100px;display:flex;justify-content:flex-end}.member-profile-premium .mpp-intro-art img{height:100px}
.member-profile-premium .member-profile-hero{position:relative;overflow:hidden;padding:28px 30px!important;border:1px solid #dfeee7!important;border-radius:22px!important;background:radial-gradient(circle at 72% 40%,rgba(47,209,139,.14),transparent 24%),linear-gradient(115deg,#fff,#f4fcf8)!important;box-shadow:0 11px 30px rgba(19,60,47,.045)!important}
.member-profile-premium .member-profile-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-60px;top:-70px;background:rgba(42,204,132,.08)}
.member-profile-premium .member-profile-avatar{width:86px!important;height:86px!important;border-radius:22px!important;background:linear-gradient(145deg,#e9faf2,#dff4ea)!important;color:var(--ppg)!important;font-size:30px!important;border:1px solid #d7eee3!important}
.member-profile-premium .member-profile-hero .eyebrow{padding:7px 12px!important;border-radius:999px!important;background:#e4f8ed!important;color:#078b50!important;font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important}
.member-profile-premium .member-profile-hero h2{font-size:27px!important;color:var(--ppn)!important;letter-spacing:-.035em!important}
.member-profile-premium .member-profile-completion{position:relative;z-index:2;min-width:310px!important;padding:19px 20px!important;border:1px solid #e1ebe6!important;border-radius:17px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 10px 24px rgba(20,57,44,.05)!important}
.member-profile-premium .member-profile-completion .progress{height:8px!important;border-radius:999px!important;background:#e9eff2!important}.member-profile-premium .member-profile-completion .progress i{border-radius:999px!important;background:linear-gradient(90deg,#079d59,#35cf8c)!important}
.member-profile-premium .member-profile-alert{margin:14px 0!important;padding:15px 17px!important;border:1px solid #f4d58d!important;border-radius:17px!important;background:linear-gradient(90deg,#fffaf0,#fffdf8)!important}
.member-profile-premium .member-profile-alert>span:first-child{width:42px!important;height:42px!important;border-radius:12px!important;background:#fff0c8!important;color:#e39308!important;display:grid!important;place-items:center!important}
.member-profile-premium .member-profile-alert em{padding:6px 9px!important;border:1px solid #f0d28d!important;border-radius:999px!important;background:#fff!important;color:#a36b05!important;font-size:7px!important;font-style:normal!important}
.member-profile-premium .member-profile-grid{gap:16px!important;grid-template-columns:minmax(0,2.25fr) minmax(280px,.9fr)!important}
.member-profile-premium .panel{border:1px solid var(--ppl)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 9px 28px rgba(19,51,74,.04)!important}
.member-profile-premium .member-profile-form-panel{padding:22px!important}
.member-profile-premium .panel-head h3{display:flex!important;align-items:center!important;gap:10px!important;color:var(--ppn)!important;font-size:16px!important}
.member-profile-premium .mpp-title-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e4f8ee;flex:0 0 40px}
.member-profile-premium .mpp-title-icon.blue{background:#eaf2ff}.member-profile-premium .mpp-title-icon.amber{background:#fff2d6}.member-profile-premium .mpp-title-icon img{width:22px;height:22px}
.member-profile-premium .member-form-section{padding:18px 0!important;border-top:1px solid #edf1f4!important}
.member-profile-premium .member-form-section-head>span{width:36px!important;height:36px!important;border-radius:11px!important;background:#e8f8f0!important;color:#079b58!important;font-size:9px!important;font-weight:900!important}
.member-profile-premium label{font-size:8px!important;font-weight:800!important;color:#344e69!important}
.member-profile-premium input,.member-profile-premium select,.member-profile-premium textarea{min-height:44px!important;border:1px solid #dbe6ee!important;border-radius:10px!important;background:#fff!important;color:#334b65!important;font-size:10px!important;transition:.16s!important}
.member-profile-premium textarea{min-height:96px!important}.member-profile-premium input:focus,.member-profile-premium select:focus,.member-profile-premium textarea:focus{border-color:#79d6aa!important;box-shadow:0 0 0 3px rgba(8,168,97,.08)!important;outline:0!important}
.member-profile-premium .member-profile-actions .btn,.member-profile-premium button[type=submit]{min-height:44px!important;border-radius:11px!important;background:linear-gradient(135deg,#0aad64,#079552)!important;box-shadow:0 8px 18px rgba(8,158,89,.17)!important}
.member-profile-premium .member-profile-side{gap:14px!important}.member-profile-premium .member-profile-side>.panel{padding:18px!important}
.member-profile-premium .member-program-card{padding:13px!important;border:1px solid #e5edf2!important;border-radius:14px!important;background:linear-gradient(135deg,#fff,#fbfefd)!important}
.member-profile-premium .member-doc-count{width:42px!important;height:42px!important;border-radius:13px!important;background:#e7f8ef!important;color:#078b50!important;display:grid!important;place-items:center!important}
.member-profile-premium .member-empty.compact{min-height:190px!important}.member-profile-premium .member-empty .mpp-empty-icon{width:68px!important;height:68px!important;border-radius:18px!important;background:#eef6f7!important;display:grid!important;place-items:center!important}.member-profile-premium .mpp-empty-icon img{width:38px;height:38px}
@media(max-width:1000px){.member-profile-premium .member-profile-grid{grid-template-columns:1fr!important}.member-profile-premium .member-profile-side{display:grid!important;grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.member-profile-premium .mpp-intro-art{display:none}.member-profile-premium .mpp-page-intro{min-height:auto;padding:5px 2px 10px}.member-profile-premium .member-profile-hero{padding:20px 16px!important}.member-profile-premium .member-profile-completion{min-width:0!important;width:100%!important;margin-top:15px!important}.member-profile-premium .member-profile-side{grid-template-columns:1fr!important}.member-profile-premium .member-profile-form-panel{padding:15px!important}}


/* =========================================================
   YSBN v2.9.95 — Profil Form Refinement
   Fokus form; tanpa judul/ilustrasi tambahan.
   Scoped only inside .member-profile-premium.
   ========================================================= */
.member-profile-premium{padding-top:0!important}
.member-profile-premium .mpp-page-intro{display:none!important}
.member-profile-premium .member-profile-hero{margin-top:0!important;min-height:0!important;padding:24px 26px!important}
.member-profile-premium .member-profile-hero:after{display:none!important}
.member-profile-premium .member-profile-avatar{width:72px!important;height:72px!important;border-radius:19px!important;font-size:25px!important}
.member-profile-premium .member-profile-hero h2{font-size:24px!important;margin:7px 0 4px!important}
.member-profile-premium .member-profile-hero p{margin:0!important}
.member-profile-premium .member-profile-program{margin-top:9px!important}
.member-profile-premium .member-profile-completion{min-width:285px!important;padding:16px 18px!important}

.member-profile-premium .member-profile-alert{padding:13px 15px!important}
.member-profile-premium .member-profile-grid{grid-template-columns:minmax(0,2.45fr) minmax(260px,.82fr)!important;align-items:start!important}
.member-profile-premium .member-profile-form-panel{padding:0!important;overflow:hidden!important}
.member-profile-premium .member-profile-form-panel>.panel-head{padding:20px 22px 15px!important;margin:0!important;border-bottom:1px solid #edf2f5!important;background:linear-gradient(180deg,#fff,#fcfefd)!important}
.member-profile-premium .member-profile-form-panel>.panel-head h3{margin:0!important}
.member-profile-premium .member-profile-form-panel>.panel-head p{margin:4px 0 0 50px!important}

.member-profile-premium .mpp-profile-form{padding:0 22px 20px!important}
.member-profile-premium .member-form-section{padding:20px 0!important}
.member-profile-premium .member-form-section-head{margin-bottom:16px!important}
.member-profile-premium .member-form-section-head>span{width:34px!important;height:34px!important;flex:0 0 34px!important}
.member-profile-premium .member-form-section-head b{font-size:11px!important}
.member-profile-premium .member-form-section-head small{font-size:8px!important;margin-top:2px!important}

.member-profile-premium .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:16px!important;row-gap:15px!important}
.member-profile-premium .form-grid>.full,.member-profile-premium .form-grid>[style*="grid-column"]{grid-column:1/-1!important}
.member-profile-premium .form-grid label{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;font-size:8px!important;font-weight:850!important;letter-spacing:.01em!important;color:#29445f!important}
.member-profile-premium .form-grid input,
.member-profile-premium .form-grid select,
.member-profile-premium .form-grid textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #dce7ee!important;border-radius:11px!important;background:#fff!important;color:#263f59!important;font-size:10px!important;padding:0 13px!important;box-shadow:0 1px 2px rgba(20,50,70,.015)!important}
.member-profile-premium .form-grid input,
.member-profile-premium .form-grid select{height:45px!important;min-height:45px!important}
.member-profile-premium .form-grid textarea{min-height:92px!important;padding-top:12px!important;line-height:1.55!important;resize:vertical!important}
.member-profile-premium .form-grid input:hover,
.member-profile-premium .form-grid select:hover,
.member-profile-premium .form-grid textarea:hover{border-color:#c7d9e3!important}
.member-profile-premium .form-grid input:focus,
.member-profile-premium .form-grid select:focus,
.member-profile-premium .form-grid textarea:focus{border-color:#61c996!important;box-shadow:0 0 0 3px rgba(8,168,97,.075)!important}
.member-profile-premium .form-grid input[readonly],
.member-profile-premium .form-grid input:disabled{background:#f7fafb!important;color:#61768b!important}

.member-profile-premium .member-profile-actions{margin-top:0!important;padding:17px 0 0!important;border-top:1px solid #edf2f5!important;display:flex!important;justify-content:flex-end!important}
.member-profile-premium .member-profile-actions .btn,
.member-profile-premium .mpp-profile-form button[type=submit]{min-width:165px!important;height:44px!important;padding:0 20px!important;font-size:9px!important;font-weight:900!important;border-radius:11px!important}
.member-profile-premium .mpp-secure-note{display:none!important}

.member-profile-premium .member-profile-side{position:sticky!important;top:18px!important}
.member-profile-premium .member-profile-side>.panel{padding:17px!important}
.member-profile-premium .member-profile-side .panel-head{margin-bottom:13px!important}
.member-profile-premium .member-profile-side .panel-head h3{font-size:14px!important}
.member-profile-premium .member-profile-side .panel-head p{font-size:8px!important}
.member-profile-premium .member-program-card{padding:12px!important}
.member-profile-premium .member-empty.compact{min-height:170px!important}

@media(max-width:1000px){
 .member-profile-premium .member-profile-grid{grid-template-columns:1fr!important}
 .member-profile-premium .member-profile-side{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important}
}
@media(max-width:700px){
 .member-profile-premium .member-profile-hero{padding:18px 15px!important}
 .member-profile-premium .member-profile-completion{min-width:0!important;width:100%!important}
 .member-profile-premium .member-profile-form-panel>.panel-head{padding:17px 15px 13px!important}
 .member-profile-premium .member-profile-form-panel>.panel-head p{margin-left:0!important}
 .member-profile-premium .mpp-profile-form{padding:0 15px 16px!important}
 .member-profile-premium .form-grid{grid-template-columns:1fr!important;row-gap:13px!important}
 .member-profile-premium .form-grid>*{grid-column:1!important}
 .member-profile-premium .member-profile-side{grid-template-columns:1fr!important}
 .member-profile-premium .member-profile-actions{justify-content:stretch!important}
 .member-profile-premium .member-profile-actions .btn,
 .member-profile-premium .mpp-profile-form button[type=submit]{width:100%!important}
}


/* =========================================================
   YSBN v2.9.96 — Mobile Form + Bottom Navigation Refinement
   Profil: spacing dipadatkan. Bottom nav: kontras diperjelas.
   ========================================================= */
@media(max-width:700px){

  /* FORM PROFIL — hilangkan vertical gap bawaan yang terlalu besar */
  .member-profile-premium .mpp-profile-form{
    padding:0 14px 14px!important;
  }
  .member-profile-premium .member-form-section{
    padding:16px 0!important;
    margin:0!important;
  }
  .member-profile-premium .member-form-section-head{
    margin:0 0 13px!important;
    padding:0!important;
  }
  .member-profile-premium .form-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    row-gap:0!important;
  }
  .member-profile-premium .form-grid > *{
    grid-column:1!important;
    margin:0 0 13px!important;
    padding:0!important;
  }
  .member-profile-premium .form-grid > *:last-child{
    margin-bottom:0!important;
  }
  .member-profile-premium .form-grid label{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    line-height:1.25!important;
  }
  .member-profile-premium .form-grid input,
  .member-profile-premium .form-grid select{
    height:43px!important;
    min-height:43px!important;
    margin:0!important;
  }
  .member-profile-premium .form-grid textarea{
    min-height:82px!important;
    margin:0!important;
  }
  .member-profile-premium .member-profile-actions{
    margin-top:2px!important;
    padding-top:14px!important;
  }
  .member-profile-premium .member-profile-form-panel>.panel-head{
    padding:15px 14px 12px!important;
  }

  /* Bottom navigation — putih tetap clean, icon/text dibuat jelas */
  .mobile-bottom-nav,
  .member-bottom-nav,
  .bottom-nav,
  .dashboard-bottom-nav,
  .app-bottom-nav,
  .mobile-nav{
    background:rgba(255,255,255,.97)!important;
    border:1px solid #e0e9ef!important;
    box-shadow:0 -8px 28px rgba(17,42,66,.12)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  .mobile-bottom-nav a,
  .member-bottom-nav a,
  .bottom-nav a,
  .dashboard-bottom-nav a,
  .app-bottom-nav a,
  .mobile-nav a{
    color:#6d8094!important;
    opacity:1!important;
  }
  .mobile-bottom-nav a svg,
  .member-bottom-nav a svg,
  .bottom-nav a svg,
  .dashboard-bottom-nav a svg,
  .app-bottom-nav a svg,
  .mobile-nav a svg{
    opacity:1!important;
  }
  .mobile-bottom-nav a img,
  .member-bottom-nav a img,
  .bottom-nav a img,
  .dashboard-bottom-nav a img,
  .app-bottom-nav a img,
  .mobile-nav a img{
    opacity:.72!important;
    filter:none!important;
  }
  .mobile-bottom-nav a.active,
  .member-bottom-nav a.active,
  .bottom-nav a.active,
  .dashboard-bottom-nav a.active,
  .app-bottom-nav a.active,
  .mobile-nav a.active,
  .mobile-bottom-nav a[aria-current="page"],
  .member-bottom-nav a[aria-current="page"],
  .bottom-nav a[aria-current="page"]{
    color:#078f51!important;
    opacity:1!important;
  }
}

/* Selector aktual YSBN dari stylesheet lama */
@media(max-width:700px){
  .member-mobile-nav{
    background:rgba(255,255,255,.98)!important;
    border:1px solid #dfe8ee!important;
    box-shadow:0 -8px 26px rgba(19,45,68,.13)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  .member-mobile-nav a{
    color:#657b91!important;
    opacity:1!important;
  }
  .member-mobile-nav a span,
  .member-mobile-nav a small,
  .member-mobile-nav a b{
    color:inherit!important;
    opacity:1!important;
  }
  .member-mobile-nav a img{opacity:.78!important;filter:none!important}
  .member-mobile-nav a.active,
  .member-mobile-nav a[aria-current="page"]{
    color:#078f51!important;
  }
}


/* =========================================================
   YSBN v2.9.97 — Desktop Profile Form Compact
   Mengurangi ruang kosong vertikal tanpa mengubah logic/form.
   ========================================================= */
@media(min-width:701px){
  .member-profile-premium .member-profile-form-panel{
    padding:0!important;
  }
  .member-profile-premium .member-profile-form-panel>.panel-head{
    padding:18px 22px 13px!important;
    margin:0!important;
  }
  .member-profile-premium .member-profile-form-panel>.panel-head p{
    margin-top:3px!important;
  }

  .member-profile-premium .mpp-profile-form{
    padding:0 22px 18px!important;
  }

  .member-profile-premium .member-form-section{
    padding:16px 0!important;
    margin:0!important;
  }
  .member-profile-premium .member-form-section + .member-form-section{
    border-top:1px solid #edf2f5!important;
  }
  .member-profile-premium .member-form-section-head{
    margin:0 0 13px!important;
    padding:0!important;
  }
  .member-profile-premium .member-form-section-head>span{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }

  .member-profile-premium .form-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:16px!important;
    row-gap:14px!important;
    align-items:start!important;
  }

  /* Reset margin/gap lama yang membuat tiap row sangat tinggi */
  .member-profile-premium .form-grid > *{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
  }
  .member-profile-premium .form-grid label{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
  }

  .member-profile-premium .form-grid input,
  .member-profile-premium .form-grid select{
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
  }
  .member-profile-premium .form-grid textarea{
    min-height:78px!important;
    height:78px!important;
    margin:0!important;
    padding-top:11px!important;
  }

  .member-profile-premium .member-profile-actions{
    margin:0!important;
    padding:14px 0 0!important;
    min-height:0!important;
  }
  .member-profile-premium .member-profile-actions .btn,
  .member-profile-premium .mpp-profile-form button[type=submit]{
    height:43px!important;
    min-height:43px!important;
  }
}

/* Desktop lebar: sedikit lebih nyaman tetapi tetap compact */
@media(min-width:1200px){
  .member-profile-premium .form-grid{
    column-gap:18px!important;
    row-gap:15px!important;
  }
  .member-profile-premium .member-form-section{
    padding:17px 0!important;
  }
}


/* =========================================================
   YSBN v2.9.98 — Materi & Tugas Layout Repair
   Fix hero/icon nyasar, proporsi statistik, panel & sertifikat.
   Scoped only: .member-learning-premium
   ========================================================= */
.member-learning-premium .member-learning-hero{
  min-height:0!important;
  padding:26px 30px!important;
  grid-template-columns:minmax(0,1.35fr) minmax(390px,.75fr)!important;
  gap:26px!important;
  align-items:center!important;
}
.member-learning-premium .mlp-hero-copy{
  min-width:0!important;
}
.member-learning-premium .member-learning-hero h2{
  margin:12px 0 6px!important;
  font-size:27px!important;
  line-height:1.15!important;
}
.member-learning-premium .member-learning-hero p{
  margin:0!important;
  max-width:680px!important;
}
.member-learning-premium .mlp-quote{
  margin-top:10px!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  color:#17324e!important;
  font-size:10px!important;
  font-weight:600!important;
}

/* Ilustrasi eksperimen di tengah hero dihilangkan karena membuat icon nyasar */
.member-learning-premium .mlp-hero-art{
  display:none!important;
}

/* Statistik langsung berada di sisi kanan hero */
.member-learning-premium .member-learning-summary{
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  align-self:stretch!important;
}
.member-learning-premium .member-learning-summary .mlp-sum{
  min-width:0!important;
  min-height:112px!important;
  padding:12px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  border-radius:15px!important;
}
.member-learning-premium .mlp-sum i{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  margin:0 0 4px!important;
}
.member-learning-premium .mlp-sum i img{
  width:27px!important;
  height:27px!important;
}
.member-learning-premium .member-learning-summary b{
  font-size:18px!important;
  line-height:1!important;
}
.member-learning-premium .member-learning-summary small{
  font-size:7px!important;
  line-height:1.25!important;
}

/* Panel utama dibuat lebih proporsional dan tidak terlalu tinggi */
.member-learning-premium .member-learning-grid{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.member-learning-premium .member-learning-grid>.panel{
  min-height:0!important;
  padding:20px!important;
}
.member-learning-premium .panel-head{
  margin-bottom:13px!important;
}
.member-learning-premium .panel-head h3{
  margin:0!important;
  font-size:16px!important;
}
.member-learning-premium .panel-head p{
  margin:4px 0 0!important;
  font-size:9px!important;
}

/* Header icon besar di panel tidak diperlukan; icon konten sudah cukup */
.member-learning-premium .panel-head h3 .mlp-head-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
}
.member-learning-premium .mlp-head-icon img{
  width:19px!important;
  height:19px!important;
}

/* Materi */
.member-learning-premium .member-material{
  padding:12px!important;
  margin:0!important;
  border-radius:14px!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  gap:12px!important;
}
.member-learning-premium .learning-icon{
  width:58px!important;
  height:58px!important;
  border-radius:13px!important;
}
.member-learning-premium .learning-icon img{
  width:31px!important;
  height:31px!important;
}
.member-learning-premium .member-material strong{
  font-size:10px!important;
}
.member-learning-premium .member-material p{
  margin:3px 0!important;
  font-size:8px!important;
}
.member-learning-premium .material-link{
  margin-top:4px!important;
  padding:6px 9px!important;
  font-size:7px!important;
}

/* Empty state tugas tidak memaksa panel menjadi sangat tinggi */
.member-learning-premium .member-empty.compact{
  min-height:150px!important;
  padding:18px 10px!important;
}
.member-learning-premium .member-empty .mlp-empty-icon{
  width:52px!important;
  height:52px!important;
  border-radius:15px!important;
  margin-bottom:9px!important;
}
.member-learning-premium .member-empty .mlp-empty-icon img{
  width:27px!important;
  height:27px!important;
}

/* Sertifikat dibuat ringkas */
.member-learning-premium .member-certificates-panel{
  margin-top:16px!important;
  padding:20px!important;
}
.member-learning-premium .certificate-cards{
  grid-template-columns:minmax(0,560px)!important;
}
.member-learning-premium .certificate-card{
  padding:11px 13px!important;
  min-height:0!important;
}
.member-learning-premium .certificate-card>span.mlp-cert-icon{
  width:45px!important;
  height:45px!important;
  border-radius:12px!important;
}
.member-learning-premium .certificate-card>span.mlp-cert-icon img{
  width:25px!important;
  height:25px!important;
}
.member-learning-premium .member-doc-count{
  min-width:38px!important;
  width:38px!important;
  height:38px!important;
}

/* Tablet */
@media(max-width:1180px){
  .member-learning-premium .member-learning-hero{
    grid-template-columns:1fr!important;
  }
  .member-learning-premium .member-learning-summary{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* Mobile */
@media(max-width:700px){
  .member-learning-premium .member-learning-hero{
    padding:19px 15px!important;
    gap:16px!important;
  }
  .member-learning-premium .member-learning-hero h2{
    font-size:23px!important;
  }
  .member-learning-premium .mlp-quote{
    font-size:9px!important;
    line-height:1.45!important;
  }
  .member-learning-premium .member-learning-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .member-learning-premium .member-learning-summary .mlp-sum{
    min-height:82px!important;
    padding:10px!important;
  }
  .member-learning-premium .mlp-sum i{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
  .member-learning-premium .mlp-sum i img{
    width:21px!important;
    height:21px!important;
  }
  .member-learning-premium .member-learning-grid{
    grid-template-columns:1fr!important;
  }
  .member-learning-premium .member-learning-grid>.panel,
  .member-learning-premium .member-certificates-panel{
    padding:15px!important;
  }
  .member-learning-premium .member-material{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .member-learning-premium .learning-icon{
    width:48px!important;
    height:48px!important;
  }
  .member-learning-premium .certificate-cards{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   YSBN v2.9.99 — Materi & Tugas Compact Premium
   Final composition override; scoped to learning page only.
   ========================================================= */
.member-learning-premium{
  --ml-green:#08a861;
  --ml-navy:#0b2746;
  --ml-muted:#71859b;
  --ml-line:#e2ebf0;
}

/* HERO: compact, satu komposisi, statistik tidak terasa terpisah */
.member-learning-premium .member-learning-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
  min-height:0!important;
  padding:22px 26px!important;
  border-radius:20px!important;
}
.member-learning-premium .mlp-hero-copy{
  max-width:720px!important;
}
.member-learning-premium .member-learning-hero .eyebrow{
  margin:0 0 9px!important;
  padding:6px 11px!important;
  font-size:8px!important;
}
.member-learning-premium .member-learning-hero h2{
  margin:0 0 5px!important;
  font-size:25px!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
}
.member-learning-premium .member-learning-hero p{
  margin:0!important;
  font-size:9px!important;
  line-height:1.5!important;
}
.member-learning-premium .mlp-quote{
  margin:7px 0 0!important;
  font-size:9px!important;
  line-height:1.4!important;
}
.member-learning-premium .mlp-hero-art{display:none!important}

.member-learning-premium .member-learning-summary{
  display:grid!important;
  grid-template-columns:repeat(4,92px)!important;
  gap:8px!important;
  width:auto!important;
}
.member-learning-premium .member-learning-summary .mlp-sum{
  width:92px!important;
  min-width:92px!important;
  min-height:86px!important;
  padding:10px!important;
  border-radius:14px!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:2px!important;
}
.member-learning-premium .mlp-sum i{
  width:29px!important;
  height:29px!important;
  flex:0 0 29px!important;
  margin:0 0 4px!important;
  border-radius:8px!important;
}
.member-learning-premium .mlp-sum i img{
  width:18px!important;
  height:18px!important;
}
.member-learning-premium .member-learning-summary b{
  font-size:15px!important;
  line-height:1!important;
}
.member-learning-premium .member-learning-summary small{
  font-size:6.5px!important;
  line-height:1.2!important;
  white-space:normal!important;
}

/* DUA PANEL UTAMA: tinggi seimbang, tanpa ruang kosong berlebihan */
.member-learning-premium .member-learning-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  align-items:stretch!important;
  margin-top:14px!important;
}
.member-learning-premium .member-learning-grid>.panel{
  min-height:220px!important;
  height:220px!important;
  padding:18px 20px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}

/* Icon heading jangan menggantung sendiri */
.member-learning-premium .member-learning-grid .panel-head,
.member-learning-premium .member-certificates-panel .panel-head{
  display:block!important;
  position:relative!important;
  margin:0 0 14px!important;
  padding:0!important;
}
.member-learning-premium .member-learning-grid .panel-head h3,
.member-learning-premium .member-certificates-panel .panel-head h3{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.2!important;
}
.member-learning-premium .member-learning-grid .panel-head h3>i,
.member-learning-premium .member-certificates-panel .panel-head h3>i,
.member-learning-premium .mlp-head-icon{
  position:static!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  display:inline-grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:9px!important;
}
.member-learning-premium .member-learning-grid .panel-head h3>i img,
.member-learning-premium .member-certificates-panel .panel-head h3>i img,
.member-learning-premium .mlp-head-icon img{
  width:17px!important;
  height:17px!important;
}
.member-learning-premium .member-learning-grid .panel-head p,
.member-learning-premium .member-certificates-panel .panel-head p{
  margin:5px 0 0!important;
  font-size:8px!important;
  line-height:1.4!important;
}

/* Materi menjadi row card ringkas */
.member-learning-premium .member-material{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid var(--ml-line)!important;
  border-radius:13px!important;
  background:#fbfefd!important;
}
.member-learning-premium .learning-icon{
  width:46px!important;
  height:46px!important;
  border-radius:11px!important;
}
.member-learning-premium .learning-icon img{
  width:25px!important;
  height:25px!important;
}
.member-learning-premium .member-material strong{
  display:block!important;
  font-size:9px!important;
  line-height:1.3!important;
}
.member-learning-premium .member-material p{
  margin:2px 0!important;
  font-size:7.5px!important;
  line-height:1.35!important;
}
.member-learning-premium .material-link{
  display:inline-flex!important;
  width:auto!important;
  margin:3px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  font-size:7px!important;
}

/* Empty tugas tepat di tengah panel, bukan menciptakan panel raksasa */
.member-learning-premium .member-learning-grid .member-empty.compact{
  min-height:120px!important;
  height:120px!important;
  padding:8px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
}
.member-learning-premium .member-learning-grid .member-empty .mlp-empty-icon{
  width:43px!important;
  height:43px!important;
  margin:0 0 7px!important;
  border-radius:12px!important;
}
.member-learning-premium .member-learning-grid .member-empty .mlp-empty-icon img{
  width:22px!important;
  height:22px!important;
}
.member-learning-premium .member-learning-grid .member-empty b{
  font-size:9px!important;
}
.member-learning-premium .member-learning-grid .member-empty small{
  margin-top:3px!important;
  font-size:7px!important;
}

/* SERTIFIKAT: tidak lagi jadi blok kosong selebar layar */
.member-learning-premium .member-certificates-panel{
  position:relative!important;
  margin-top:14px!important;
  padding:18px 20px!important;
  min-height:0!important;
  border-radius:18px!important;
}
.member-learning-premium .member-certificates-panel .panel-head{
  padding-right:55px!important;
}
.member-learning-premium .member-certificates-panel .member-doc-count{
  position:absolute!important;
  top:17px!important;
  right:18px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:11px!important;
}
.member-learning-premium .certificate-cards{
  display:grid!important;
  grid-template-columns:minmax(0,520px)!important;
  gap:10px!important;
  margin-top:10px!important;
}
.member-learning-premium .certificate-card{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:9px 11px!important;
  border-radius:12px!important;
}
.member-learning-premium .certificate-card>span.mlp-cert-icon{
  width:39px!important;
  height:39px!important;
  border-radius:10px!important;
}
.member-learning-premium .certificate-card>span.mlp-cert-icon img{
  width:21px!important;
  height:21px!important;
}
.member-learning-premium .certificate-card strong{
  font-size:8.5px!important;
}
.member-learning-premium .certificate-card small{
  font-size:6.5px!important;
}
.member-learning-premium .certificate-card a{
  font-size:7px!important;
  white-space:nowrap!important;
}

/* TABLET */
@media(max-width:1100px){
  .member-learning-premium .member-learning-hero{
    grid-template-columns:1fr!important;
    gap:15px!important;
  }
  .member-learning-premium .member-learning-summary{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
  }
  .member-learning-premium .member-learning-summary .mlp-sum{
    width:auto!important;
    min-width:0!important;
  }
}

/* MOBILE */
@media(max-width:700px){
  .member-learning-premium .member-learning-hero{
    padding:17px 14px!important;
    border-radius:17px!important;
  }
  .member-learning-premium .member-learning-hero h2{
    font-size:21px!important;
  }
  .member-learning-premium .mlp-quote{
    display:none!important;
  }
  .member-learning-premium .member-learning-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .member-learning-premium .member-learning-summary .mlp-sum{
    min-height:72px!important;
    padding:8px!important;
  }
  .member-learning-premium .member-learning-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:10px!important;
  }
  .member-learning-premium .member-learning-grid>.panel{
    height:auto!important;
    min-height:0!important;
    padding:15px!important;
  }
  .member-learning-premium .member-learning-grid .member-empty.compact{
    height:110px!important;
    min-height:110px!important;
  }
  .member-learning-premium .member-certificates-panel{
    margin-top:10px!important;
    padding:15px!important;
  }
  .member-learning-premium .certificate-cards{
    grid-template-columns:1fr!important;
  }
  .member-learning-premium .certificate-card{
    grid-template-columns:38px minmax(0,1fr)!important;
  }
  .member-learning-premium .certificate-card a{
    grid-column:2!important;
    justify-self:start!important;
  }
}

/* ==========================================================
   YSBN v2.10.02 — Member Attendance Premium
   Scoped khusus halaman Kehadiran Saya.
   ========================================================== */
.member-attendance-premium{--att-navy:#102b4c;--att-muted:#70849a;--att-line:#dfe8ee;--att-green:#08a760;--att-blue:#347cf3;--att-orange:#f0a21a;--att-purple:#7d55e8;color:var(--att-navy)}
.member-attendance-premium .member-attendance-hero{position:relative;overflow:hidden;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr)!important;align-items:center!important;gap:32px!important;min-height:260px!important;padding:34px 38px!important;margin-bottom:20px!important;border:1px solid #d9ebe2!important;border-radius:26px!important;background:radial-gradient(circle at 74% 50%,rgba(9,170,98,.12),transparent 27%),linear-gradient(118deg,#fff 0%,#f9fffc 58%,#effbf5 100%)!important;box-shadow:0 14px 38px rgba(18,52,73,.05)!important}
.member-attendance-premium .member-attendance-hero:after{content:"";position:absolute;right:-90px;top:-120px;width:360px;height:360px;border-radius:50%;border:50px solid rgba(8,166,96,.035);pointer-events:none}
.member-attendance-premium .member-attendance-hero-copy{position:relative;z-index:2;max-width:800px}
.member-attendance-premium .member-attendance-hero .eyebrow{display:inline-flex!important;align-items:center!important;padding:9px 16px!important;border:1px solid #caebdb!important;border-radius:999px!important;background:#eaf9f1!important;color:#087f4b!important;font-size:12px!important;font-weight:900!important;letter-spacing:.07em!important}
.member-attendance-premium .member-attendance-hero h2{margin:18px 0 10px!important;color:var(--att-navy)!important;font-size:36px!important;line-height:1.08!important;letter-spacing:-.035em!important}
.member-attendance-premium .member-attendance-hero h2 strong{color:#07975a!important;font-weight:900!important}
.member-attendance-premium .member-attendance-hero p{margin:0!important;color:#60788f!important;font-size:15px!important;line-height:1.55!important}.member-attendance-premium .member-attendance-hero p b{color:#31526d!important}
.member-attendance-premium .attendance-quote{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:11px 15px;border:1px solid #d2ebdf;border-radius:12px;background:rgba(239,251,245,.88);color:#315746;font-size:12px}.member-attendance-premium .attendance-quote>span{font-size:27px;line-height:.6;color:#08a760}.member-attendance-premium .attendance-quote b{font-weight:750}
.member-attendance-premium .attendance-hero-side{position:relative;z-index:2;min-height:190px;display:flex;align-items:center;justify-content:center}.member-attendance-premium .member-kpi-badge{position:absolute;right:0;top:0;display:flex!important;align-items:center!important;gap:7px!important;padding:9px 13px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important}.member-attendance-premium .member-kpi-badge img{width:17px;height:17px}
.member-attendance-premium .attendance-hero-visual{position:relative;width:280px;height:165px}.member-attendance-premium .attendance-visual-calendar{position:absolute;left:30px;top:8px;width:130px;height:130px;display:grid;place-items:center;border-radius:30px;background:linear-gradient(145deg,#dcf8e9,#bdeed5);box-shadow:0 18px 35px rgba(8,145,84,.13);transform:rotate(-3deg)}.member-attendance-premium .attendance-visual-calendar img{width:76px;height:76px}.member-attendance-premium .attendance-visual-check{position:absolute;left:138px;top:72px;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 12px 28px rgba(16,43,76,.12)}.member-attendance-premium .attendance-visual-check img{width:43px;height:43px}.member-attendance-premium .attendance-visual-caption{position:absolute;right:-6px;bottom:2px;width:145px;color:#48705d;font-size:12px;line-height:1.4;transform:rotate(-3deg)}.member-attendance-premium .attendance-visual-caption b{display:block;color:#087d4b;font-size:14px}
.member-attendance-premium .attendance-member-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:20px!important}.member-attendance-premium .attendance-stat{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;align-items:center!important;gap:16px!important;min-height:132px!important;padding:20px!important;border:1px solid var(--att-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(18,52,73,.045)!important}.member-attendance-premium .attendance-stat-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:18px}.member-attendance-premium .attendance-stat-icon img{width:37px;height:37px}.member-attendance-premium .stat-total .attendance-stat-icon{background:linear-gradient(145deg,#e8f2ff,#cfe1ff)}.member-attendance-premium .stat-hadir .attendance-stat-icon{background:linear-gradient(145deg,#e2faee,#bfeecf)}.member-attendance-premium .stat-izin .attendance-stat-icon{background:linear-gradient(145deg,#fff4dd,#ffe1a4)}.member-attendance-premium .stat-alpa .attendance-stat-icon{background:linear-gradient(145deg,#f0eaff,#dacbff)}
.member-attendance-premium .attendance-stat>div{min-width:0;display:grid}.member-attendance-premium .attendance-stat .label{color:#60728a!important;font-size:11px!important;font-weight:900!important;letter-spacing:.025em!important}.member-attendance-premium .attendance-stat strong{margin:5px 0 3px!important;color:var(--att-navy)!important;font-size:28px!important;line-height:1!important}.member-attendance-premium .attendance-stat small{color:#6f8298!important;font-size:12px!important}.member-attendance-premium .attendance-mini-progress{height:5px;margin-top:10px;border-radius:999px;background:#e8eef1;overflow:hidden}.member-attendance-premium .attendance-mini-progress i{display:block;height:100%;border-radius:inherit;background:#08a760}
.member-attendance-premium .member-attendance-panel{padding:0!important;overflow:hidden!important;border:1px solid var(--att-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 32px rgba(18,52,73,.045)!important}.member-attendance-premium .attendance-history-head{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:22px 24px!important;margin:0!important;border-bottom:1px solid #e8eef2!important}.member-attendance-premium .attendance-history-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#e2faee,#c9f2df)}.member-attendance-premium .attendance-history-icon img{width:27px;height:27px}.member-attendance-premium .attendance-history-head h3{margin:0!important;color:var(--att-navy)!important;font-size:20px!important}.member-attendance-premium .attendance-history-head p{margin:5px 0 0!important;color:#75889d!important;font-size:12px!important}.member-attendance-premium .attendance-history-total{padding:8px 12px;border-radius:999px;background:#eef8f3;color:#14804f;font-size:10px;font-weight:900}
.member-attendance-premium .member-attendance-list{padding:0 24px 20px!important}.member-attendance-premium .member-attendance-row{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;margin-top:14px!important;padding:15px 16px!important;border:1px solid #e1e9ee!important;border-radius:16px!important;background:linear-gradient(110deg,#fbfefd,#fff)!important}.member-attendance-premium .meeting-date{width:66px!important;height:66px!important;flex:0 0 66px!important;border:0!important;border-radius:16px!important;background:#eaf9f2!important;color:var(--att-navy)!important}.member-attendance-premium .meeting-date b{font-size:21px!important}.member-attendance-premium .meeting-date span{font-size:9px!important;color:#23865a!important}.member-attendance-premium .meeting-date em{display:block;margin-top:3px;color:#6c8196;font-size:8px;font-style:normal;font-weight:800}.member-attendance-premium .member-attendance-copy strong{color:var(--att-navy)!important;font-size:14px!important}.member-attendance-premium .member-attendance-copy small{margin-top:4px!important;color:#657b91!important;font-size:11px!important}.member-attendance-premium .attendance-row-meta{display:flex;align-items:center;gap:6px;margin-top:8px;color:#8192a4;font-size:10px}.member-attendance-premium .attendance-row-meta i{font-style:normal;color:#6b8298}.member-attendance-premium .member-attendance-copy p{font-size:11px!important}.member-attendance-premium .member-attendance-status{gap:7px!important}.member-attendance-premium .member-attendance-status .badge{padding:8px 12px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important}.member-attendance-premium .member-attendance-status small{font-size:9px!important;color:#8394a6!important}
@media(max-width:1100px){.member-attendance-premium .member-attendance-hero{grid-template-columns:1fr!important}.member-attendance-premium .attendance-hero-side{display:none}.member-attendance-premium .attendance-member-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.member-attendance-premium .member-attendance-hero{padding:22px 17px!important;border-radius:19px!important}.member-attendance-premium .member-attendance-hero h2{font-size:27px!important}.member-attendance-premium .member-attendance-hero p{font-size:13px!important}.member-attendance-premium .attendance-quote{font-size:11px!important}.member-attendance-premium .attendance-member-stats{grid-template-columns:1fr 1fr!important;gap:9px!important}.member-attendance-premium .attendance-stat{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;min-height:100px!important;padding:12px!important;border-radius:15px!important}.member-attendance-premium .attendance-stat-icon{width:46px;height:46px;border-radius:13px}.member-attendance-premium .attendance-stat-icon img{width:27px;height:27px}.member-attendance-premium .attendance-stat strong{font-size:22px!important}.member-attendance-premium .attendance-stat .label{font-size:8px!important}.member-attendance-premium .attendance-stat small{font-size:9px!important}.member-attendance-premium .attendance-history-head{grid-template-columns:42px minmax(0,1fr)!important;padding:17px 15px!important}.member-attendance-premium .attendance-history-total{display:none}.member-attendance-premium .member-attendance-list{padding:0 12px 14px!important}.member-attendance-premium .member-attendance-row{grid-template-columns:56px minmax(0,1fr)!important;padding:12px!important;gap:11px!important}.member-attendance-premium .meeting-date{width:54px!important;height:58px!important}.member-attendance-premium .member-attendance-status{grid-column:2!important;justify-items:start!important}.member-attendance-premium .attendance-row-meta{flex-wrap:wrap}}
\n\n/* YSBN v2.10.03 - Kehadiran hero cleanup */\n.member-attendance-premium .member-attendance-hero{grid-template-columns:minmax(0,1fr) 310px!important;gap:42px!important;min-height:238px!important;padding:32px 36px!important;background:linear-gradient(120deg,#fff 0%,#fbfffd 62%,#f1fbf6 100%)!important}\n.member-attendance-premium .member-attendance-hero:after{right:-170px!important;top:-180px!important;width:430px!important;height:430px!important;border-width:55px!important;opacity:.7}\n.member-attendance-premium .member-attendance-hero h2{font-size:34px!important;margin:17px 0 8px!important}\n.member-attendance-premium .attendance-quote{margin-top:17px!important}\n.member-attendance-premium .attendance-hero-side{min-height:0!important;display:grid!important;align-content:center!important;gap:12px!important;justify-items:stretch!important}\n.member-attendance-premium .attendance-summary-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:15px;padding:18px;border:1px solid #d8eae1;border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(18,74,51,.07);backdrop-filter:blur(8px)}\n.member-attendance-premium .attendance-summary-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:18px;background:#e4f8ee}\n.member-attendance-premium .attendance-summary-icon img{width:38px;height:38px}\n.member-attendance-premium .attendance-summary-copy{display:grid;min-width:0}\n.member-attendance-premium .attendance-summary-copy small{color:#6c8194;font-size:9px;font-weight:900;letter-spacing:.07em}\n.member-attendance-premium .attendance-summary-copy strong{margin:3px 0;color:#07975a;font-size:30px;line-height:1;font-weight:900}\n.member-attendance-premium .attendance-summary-copy span{color:#667d91;font-size:10px;line-height:1.45}\n.member-attendance-premium .member-kpi-badge{position:static!important;justify-self:start!important;padding:7px 11px!important;background:#eef9f3!important;border:1px solid #d6eee2!important;color:#087c4a!important}\n.member-attendance-premium .member-kpi-badge img{width:15px!important;height:15px!important}\n.member-attendance-premium .attendance-hero-visual,.member-attendance-premium .attendance-visual-calendar,.member-attendance-premium .attendance-visual-check,.member-attendance-premium .attendance-visual-caption{display:none!important}\n@media(max-width:1100px){.member-attendance-premium .member-attendance-hero{grid-template-columns:minmax(0,1fr) 280px!important;gap:24px!important}.member-attendance-premium .attendance-hero-side{display:grid!important}}\n@media(max-width:820px){.member-attendance-premium .member-attendance-hero{grid-template-columns:1fr!important}.member-attendance-premium .attendance-hero-side{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}.member-attendance-premium .member-kpi-badge{justify-self:end!important}}\n@media(max-width:650px){.member-attendance-premium .member-attendance-hero{padding:21px 16px!important;gap:18px!important}.member-attendance-premium .member-attendance-hero h2{font-size:27px!important}.member-attendance-premium .attendance-hero-side{grid-template-columns:1fr!important}.member-attendance-premium .attendance-summary-card{grid-template-columns:56px minmax(0,1fr)!important;padding:13px!important;border-radius:15px!important}.member-attendance-premium .attendance-summary-icon{width:54px;height:54px;border-radius:14px}.member-attendance-premium .attendance-summary-icon img{width:31px;height:31px}.member-attendance-premium .attendance-summary-copy strong{font-size:25px}.member-attendance-premium .member-kpi-badge{justify-self:start!important}.member-attendance-premium .attendance-quote{width:100%;box-sizing:border-box}}\n
/* YSBN 2.10.04 - compact attendance hero */
.member-attendance-hero{min-height:0!important;height:auto!important;max-height:300px!important;padding:26px 34px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;align-items:center!important;gap:28px!important;overflow:hidden!important}
.member-attendance-hero .attendance-hero-copy,.member-attendance-hero .member-attendance-copy{padding:0!important;align-self:center!important}
.member-attendance-hero h1,.member-attendance-hero h2{margin-top:16px!important;margin-bottom:9px!important;line-height:1.12!important}
.member-attendance-hero .attendance-hero-visual,.member-attendance-hero .attendance-visual,.member-attendance-hero .attendance-hero-art{position:relative!important;inset:auto!important;width:100%!important;height:180px!important;min-height:180px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important}
.member-attendance-hero .attendance-hero-visual img,.member-attendance-hero .attendance-visual img,.member-attendance-hero .attendance-hero-art img{position:static!important;width:124px!important;height:124px!important;max-width:124px!important;max-height:124px!important;object-fit:contain!important;transform:none!important}
.member-attendance-hero svg.attendance-icon,.member-attendance-hero .hero-calendar-icon,.member-attendance-hero .hero-calendar-icon svg{width:124px!important;height:124px!important;max-width:124px!important;max-height:124px!important}
.member-attendance-hero .attendance-target-badge,.member-attendance-hero .target-badge{position:absolute!important;top:5px!important;right:5px!important;padding:8px 12px!important;font-size:11px!important;line-height:1!important;border-radius:999px!important;z-index:4!important}
.member-attendance-hero .attendance-visual-summary,.member-attendance-hero .attendance-summary,.member-attendance-hero .attendance-rate-card{position:absolute!important;left:50%!important;bottom:3px!important;transform:translateX(-50%)!important;width:max-content!important;max-width:94%!important;margin:0!important;padding:8px 13px!important;border:1px solid #d8ebe1!important;border-radius:11px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 7px 18px rgba(18,68,48,.07)!important;text-align:center!important;font-size:11px!important;line-height:1.3!important}
.member-attendance-hero .attendance-visual-summary strong,.member-attendance-hero .attendance-summary strong,.member-attendance-hero .attendance-rate-card strong{font-size:14px!important}
@media(max-width:1050px){.member-attendance-hero{grid-template-columns:minmax(0,1fr) 250px!important;padding:24px 26px!important}.member-attendance-hero .attendance-hero-visual,.member-attendance-hero .attendance-visual,.member-attendance-hero .attendance-hero-art{height:160px!important;min-height:160px!important}}
@media(max-width:760px){.member-attendance-hero{display:block!important;max-height:none!important;padding:19px 16px!important}.member-attendance-hero h1,.member-attendance-hero h2{font-size:27px!important;margin-top:13px!important}.member-attendance-hero .attendance-hero-visual,.member-attendance-hero .attendance-visual,.member-attendance-hero .attendance-hero-art{height:138px!important;min-height:138px!important;margin-top:12px!important}.member-attendance-hero .attendance-hero-visual img,.member-attendance-hero .attendance-visual img,.member-attendance-hero .attendance-hero-art img,.member-attendance-hero svg.attendance-icon,.member-attendance-hero .hero-calendar-icon,.member-attendance-hero .hero-calendar-icon svg{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important}}


/* ==========================================================
   YSBN v2.10.05 — Attendance Hero Compact FIX
   Selector mengikuti HTML aktual:
   .attendance-hero-side / .attendance-summary-card /
   .attendance-summary-icon / .member-kpi-badge
   ========================================================== */

.member-attendance-hero{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding:26px 34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  align-items:center!important;
  gap:28px!important;
  overflow:hidden!important;
}

/* kolom kiri */
.member-attendance-hero > div:first-child{
  min-width:0!important;
  align-self:center!important;
}
.member-attendance-hero h1,
.member-attendance-hero h2{
  margin:16px 0 8px!important;
  line-height:1.12!important;
}
.member-attendance-hero p{
  margin:0!important;
}
.member-attendance-hero .attendance-quote{
  margin-top:18px!important;
  min-height:44px!important;
}

/* kolom kanan aktual */
.member-attendance-hero .attendance-hero-side{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
}

/* kartu ringkasan kanan dibuat kecil, bukan ilustrasi raksasa */
.member-attendance-hero .attendance-summary-card{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:280px!important;
  min-height:148px!important;
  height:auto!important;
  margin:0!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  align-items:center!important;
  column-gap:15px!important;
  border:1px solid #d6ebe0!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 12px 30px rgba(17,79,53,.08)!important;
  backdrop-filter:blur(8px)!important;
}

/* icon kalender aktual */
.member-attendance-hero .attendance-summary-icon{
  position:static!important;
  grid-column:1!important;
  grid-row:1/4!important;
  width:70px!important;
  height:70px!important;
  min-width:70px!important;
  min-height:70px!important;
  max-width:70px!important;
  max-height:70px!important;
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ddf8ea,#bcefd5)!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.member-attendance-hero .attendance-summary-icon img,
.member-attendance-hero .attendance-summary-icon svg{
  position:static!important;
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  margin:0!important;
  transform:none!important;
}

/* seluruh teks dalam card kanan jangan membuat card tinggi */
.member-attendance-hero .attendance-summary-card small{
  font-size:10px!important;
  line-height:1.2!important;
  margin:0!important;
}
.member-attendance-hero .attendance-summary-card strong{
  font-size:24px!important;
  line-height:1.05!important;
  margin:3px 0!important;
}
.member-attendance-hero .attendance-summary-card p{
  font-size:11px!important;
  line-height:1.35!important;
  margin:2px 0 0!important;
}

/* badge target tidak lagi absolute di pojok hero */
.member-attendance-hero .member-kpi-badge{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 12px auto!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
}

/* paksa semua ilustrasi dekoratif lama di kanan tidak membesar */
.member-attendance-hero .attendance-hero-side > img:not(.keep-attendance-art),
.member-attendance-hero .attendance-hero-side > svg{
  max-width:110px!important;
  max-height:110px!important;
}

/* desktop: hero benar-benar pendek */
@media(min-width:901px){
  .member-attendance-hero{
    min-height:230px!important;
    max-height:280px!important;
  }
}

/* tablet */
@media(max-width:1050px){
  .member-attendance-hero{
    grid-template-columns:minmax(0,1fr) 260px!important;
    padding:24px 26px!important;
  }
  .member-attendance-hero .attendance-summary-card{
    max-width:250px!important;
    min-height:136px!important;
    grid-template-columns:62px minmax(0,1fr)!important;
    padding:15px!important;
  }
  .member-attendance-hero .attendance-summary-icon{
    width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;
  }
  .member-attendance-hero .attendance-summary-icon img,
  .member-attendance-hero .attendance-summary-icon svg{
    width:36px!important;height:36px!important;
  }
}

/* mobile */
@media(max-width:760px){
  .member-attendance-hero{
    display:block!important;
    padding:19px 16px!important;
    min-height:0!important;
    max-height:none!important;
  }
  .member-attendance-hero h1,
  .member-attendance-hero h2{
    font-size:27px!important;
    margin-top:13px!important;
  }
  .member-attendance-hero .attendance-hero-side{
    margin-top:16px!important;
    justify-content:flex-start!important;
  }
  .member-attendance-hero .attendance-summary-card{
    max-width:none!important;
    min-height:112px!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    padding:13px!important;
    border-radius:16px!important;
  }
  .member-attendance-hero .attendance-summary-icon{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
    border-radius:14px!important;padding:10px!important;
  }
  .member-attendance-hero .attendance-summary-icon img,
  .member-attendance-hero .attendance-summary-icon svg{
    width:32px!important;height:32px!important;
  }
  .member-attendance-hero .member-kpi-badge{
    margin:0 0 10px!important;
  }
}


/* ==========================================================
   YSBN v2.10.06 — Attendance Hero: no duplicate information
   Left = KPI/data/quote. Right = premium icon + target badge only.
   ========================================================== */
.member-attendance-hero{
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:34px!important;
}

/* Box kanan khusus visual icon; hilangkan seluruh copy data yang mengulang sisi kiri */
.member-attendance-hero .attendance-summary-card{
  width:170px!important;
  height:150px!important;
  min-height:150px!important;
  max-width:170px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid #d5ebdf!important;
  box-shadow:0 14px 34px rgba(17,79,53,.08)!important;
}

/* Sembunyikan teks ringkasan duplikat, tetapi icon tetap tampil */
.member-attendance-hero .attendance-summary-card > :not(.attendance-summary-icon){
  display:none!important;
}

.member-attendance-hero .attendance-summary-icon{
  position:static!important;
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
  min-height:92px!important;
  max-width:92px!important;
  max-height:92px!important;
  margin:0!important;
  padding:20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:25px!important;
  background:linear-gradient(145deg,#dcf8e9,#b7efd3)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 10px 24px rgba(5,166,94,.12)!important;
}

.member-attendance-hero .attendance-summary-icon img,
.member-attendance-hero .attendance-summary-icon svg{
  width:52px!important;
  height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
}

/* Badge menjadi pasangan visual icon, bukan informasi kedua */
.member-attendance-hero .member-kpi-badge{
  position:absolute!important;
  top:50%!important;
  right:0!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  padding:9px 13px!important;
  white-space:nowrap!important;
  z-index:4!important;
}

/* Area kanan cukup pendek */
.member-attendance-hero .attendance-hero-side{
  position:relative!important;
  width:250px!important;
  min-width:250px!important;
  min-height:170px!important;
  height:170px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

/* Hero desktop tetap compact */
@media(min-width:901px){
  .member-attendance-hero{
    min-height:220px!important;
    max-height:270px!important;
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
}

/* Tablet */
@media(max-width:1050px){
  .member-attendance-hero{
    grid-template-columns:minmax(0,1fr) 220px!important;
    gap:22px!important;
  }
  .member-attendance-hero .attendance-hero-side{
    width:220px!important;
    min-width:220px!important;
  }
  .member-attendance-hero .attendance-summary-card{
    width:145px!important;
    max-width:145px!important;
    height:132px!important;
    min-height:132px!important;
  }
  .member-attendance-hero .attendance-summary-icon{
    width:78px!important;height:78px!important;
    min-width:78px!important;min-height:78px!important;
    max-width:78px!important;max-height:78px!important;
    padding:17px!important;
  }
  .member-attendance-hero .attendance-summary-icon img,
  .member-attendance-hero .attendance-summary-icon svg{
    width:44px!important;height:44px!important;
  }
}

/* Mobile: icon box + badge tetap sederhana dan tidak mengulang isi */
@media(max-width:760px){
  .member-attendance-hero{
    display:block!important;
  }
  .member-attendance-hero .attendance-hero-side{
    width:100%!important;
    min-width:0!important;
    height:112px!important;
    min-height:112px!important;
    margin-top:14px!important;
    justify-content:flex-start!important;
  }
  .member-attendance-hero .attendance-summary-card{
    width:104px!important;
    max-width:104px!important;
    height:104px!important;
    min-height:104px!important;
    border-radius:20px!important;
  }
  .member-attendance-hero .attendance-summary-icon{
    width:64px!important;height:64px!important;
    min-width:64px!important;min-height:64px!important;
    max-width:64px!important;max-height:64px!important;
    padding:14px!important;border-radius:18px!important;
  }
  .member-attendance-hero .attendance-summary-icon img,
  .member-attendance-hero .attendance-summary-icon svg{
    width:36px!important;height:36px!important;
  }
  .member-attendance-hero .member-kpi-badge{
    top:50%!important;
    right:auto!important;
    left:118px!important;
    transform:translateY(-50%)!important;
  }
}


/* ==========================================================
   YSBN v2.10.07 — FINAL HARD FIX MATERI & TUGAS
   Hanya berlaku di .member-learning-premium
   ========================================================== */

.member-learning-premium .member-learning-hero{
  display:block!important;
  position:relative!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding:28px 32px!important;
  overflow:hidden!important;
  background:linear-gradient(120deg,#fff 0%,#fbfffd 62%,#effaf4 100%)!important;
}

.member-learning-premium .mlp-hero-copy{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:780px!important;
}

.member-learning-premium .member-learning-hero h1,
.member-learning-premium .member-learning-hero h2,
.member-learning-premium .member-learning-hero h1 *,
.member-learning-premium .member-learning-hero h2 *,
.member-learning-premium .member-learning-hero em{
  font-style:normal!important;
}

.member-learning-premium .member-learning-hero h1,
.member-learning-premium .member-learning-hero h2{
  margin:12px 0 7px!important;
  font-size:34px!important;
  line-height:1.12!important;
  font-weight:800!important;
}

.member-learning-premium .member-learning-hero p{
  margin:0!important;
  max-width:700px!important;
  font-size:14px!important;
  line-height:1.5!important;
}

.member-learning-premium .mlp-quote{
  width:auto!important;
  max-width:650px!important;
  min-height:0!important;
  margin:17px 0 0!important;
  padding:10px 14px!important;
  font-size:12px!important;
  line-height:1.4!important;
}

/* Jangan pernah biarkan icon langsung di hero membesar */
.member-learning-premium .member-learning-hero > img,
.member-learning-premium .member-learning-hero > svg,
.member-learning-premium .mlp-hero-copy > img,
.member-learning-premium .mlp-hero-copy > svg{
  width:24px!important;
  height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
}

/* Statistik diposisikan normal di BAWAH hero */
.member-learning-premium .member-learning-summary{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:14px 0 0!important;
  padding:0!important;
}

.member-learning-premium .member-learning-summary .mlp-sum{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:3px!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:76px!important;
  max-height:none!important;
  margin:0!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #dde9ee!important;
  box-shadow:0 7px 20px rgba(23,55,75,.055)!important;
}

.member-learning-premium .member-learning-summary .mlp-sum:after{
  display:none!important;
  content:none!important;
}

.member-learning-premium .member-learning-summary .mlp-sum i{
  grid-column:1!important;
  grid-row:1/3!important;
  position:static!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  transform:none!important;
}

.member-learning-premium .member-learning-summary .mlp-sum i img,
.member-learning-premium .member-learning-summary .mlp-sum i svg{
  position:static!important;
  width:27px!important;
  height:27px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:27px!important;
  max-height:27px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  transform:none!important;
}

.member-learning-premium .member-learning-summary .mlp-sum b{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  align-self:end!important;
  font-size:20px!important;
  line-height:1!important;
  font-style:normal!important;
}

.member-learning-premium .member-learning-summary .mlp-sum small{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  align-self:start!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:800!important;
  font-style:normal!important;
}

.member-learning-premium .member-learning-summary .mlp-sum em{
  display:none!important;
}

/* Tidak ada margin kompensasi lama */
.member-learning-premium .member-learning-grid{
  margin-top:16px!important;
}

/* Batas keras seluruh icon panel */
.member-learning-premium .mlp-head-icon{
  width:42px!important;height:42px!important;
  min-width:42px!important;min-height:42px!important;
  max-width:42px!important;max-height:42px!important;
  padding:9px!important;border-radius:13px!important;
}
.member-learning-premium .mlp-head-icon img,
.member-learning-premium .mlp-head-icon svg{
  width:24px!important;height:24px!important;
  max-width:24px!important;max-height:24px!important;
}

.member-learning-premium .learning-icon{
  width:58px!important;height:58px!important;
  min-width:58px!important;min-height:58px!important;
  max-width:58px!important;max-height:58px!important;
  padding:12px!important;border-radius:15px!important;
}
.member-learning-premium .learning-icon img,
.member-learning-premium .learning-icon svg{
  width:32px!important;height:32px!important;
  max-width:32px!important;max-height:32px!important;
}

.member-learning-premium .mlp-empty-icon{
  width:58px!important;height:58px!important;
  min-width:58px!important;min-height:58px!important;
  max-width:58px!important;max-height:58px!important;
  padding:12px!important;border-radius:16px!important;
}
.member-learning-premium .mlp-empty-icon img,
.member-learning-premium .mlp-empty-icon svg{
  width:32px!important;height:32px!important;
  max-width:32px!important;max-height:32px!important;
}

.member-learning-premium .mlp-cert-icon{
  width:52px!important;height:52px!important;
  min-width:52px!important;min-height:52px!important;
  max-width:52px!important;max-height:52px!important;
  padding:10px!important;border-radius:14px!important;
}
.member-learning-premium .mlp-cert-icon img,
.member-learning-premium .mlp-cert-icon svg{
  width:29px!important;height:29px!important;
  max-width:29px!important;max-height:29px!important;
}

/* Hilangkan italic yang tersisa di halaman pembelajaran */
.member-learning-premium .member-learning-grid em,
.member-learning-premium .member-cert-panel em{
  font-style:normal!important;
}

@media(max-width:1050px){
  .member-learning-premium .member-learning-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  .member-learning-premium .member-learning-hero{
    padding:20px 16px!important;
  }
  .member-learning-premium .member-learning-hero h1,
  .member-learning-premium .member-learning-hero h2{
    font-size:27px!important;
  }
  .member-learning-premium .member-learning-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .member-learning-premium .member-learning-summary .mlp-sum{
    grid-template-columns:40px minmax(0,1fr)!important;
    min-height:64px!important;
    padding:9px!important;
    border-radius:13px!important;
  }
  .member-learning-premium .member-learning-summary .mlp-sum i{
    width:38px!important;height:38px!important;
    min-width:38px!important;min-height:38px!important;
    max-width:38px!important;max-height:38px!important;
    border-radius:11px!important;
  }
  .member-learning-premium .member-learning-summary .mlp-sum i img,
  .member-learning-premium .member-learning-summary .mlp-sum i svg{
    width:22px!important;height:22px!important;
    max-width:22px!important;max-height:22px!important;
  }
  .member-learning-premium .member-learning-summary .mlp-sum b{font-size:18px!important}
  .member-learning-premium .member-learning-summary .mlp-sum small{font-size:9px!important}
  .member-learning-premium .member-learning-grid{margin-top:12px!important}
}


/* ==========================================================
   YSBN v2.10.08 — FIX AKAR MASALAH ICON RAKSASA
   ========================================================== */
.member-learning-premium .mlp-quote{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  max-width:680px!important;
  min-height:42px!important;
  height:auto!important;
  margin:18px 0 0!important;
  padding:10px 14px!important;
  overflow:hidden!important;
}

.member-learning-premium .mlp-quote img,
.member-learning-premium .mlp-quote svg{
  position:static!important;
  display:block!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  transform:none!important;
}

.member-learning-premium .mlp-quote span{
  display:block!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:700!important;
  font-style:normal!important;
}

/* Hero tidak boleh mengambil tinggi dari asset/icon */
.member-learning-premium .member-learning-hero{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding:28px 32px!important;
}

/* Statistik tetap satu baris compact di bawah copy hero */
.member-learning-premium .member-learning-summary{
  margin-top:20px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

@media(max-width:700px){
  .member-learning-premium .mlp-quote{
    max-width:100%!important;
    margin-top:14px!important;
  }
  .member-learning-premium .mlp-quote img,
  .member-learning-premium .mlp-quote svg{
    flex-basis:20px!important;
    width:20px!important;height:20px!important;
    min-width:20px!important;min-height:20px!important;
    max-width:20px!important;max-height:20px!important;
  }
  .member-learning-premium .member-learning-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* ==========================================================
   YSBN v2.10.09 — PANEL BAWAH MATERI & TUGAS
   Scope: .member-learning-premium
   HERO TIDAK DISENTUH
   ========================================================== */

/* Dua panel utama */
.member-learning-premium .member-learning-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  margin-top:18px!important;
}

.member-learning-premium .member-learning-panel{
  position:relative!important;
  min-width:0!important;
  min-height:280px!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:24px!important;
  border-radius:22px!important;
}

/* Judul panel lebih tegas */
.member-learning-premium .member-learning-panel h2,
.member-learning-premium .member-learning-panel h3,
.member-learning-premium .member-cert-panel h2,
.member-learning-premium .member-cert-panel h3{
  margin-top:0!important;
  font-style:normal!important;
  line-height:1.2!important;
}

/* Teks total jangan mendominasi */
.member-learning-premium .member-learning-panel > p,
.member-learning-premium .member-cert-panel > p{
  line-height:1.5!important;
}
.member-learning-premium .member-learning-panel .mlp-total,
.member-learning-premium .member-cert-panel .mlp-total{
  margin:5px 0 14px!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:#5f7185!important;
}

/* Item materi */
.member-learning-premium .learning-item,
.member-learning-premium .mlp-material-item{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  min-width:0!important;
  height:auto!important;
  min-height:104px!important;
  padding:14px!important;
  border-radius:17px!important;
  overflow:hidden!important;
}

.member-learning-premium .learning-item > div,
.member-learning-premium .mlp-material-item > div{
  min-width:0!important;
}

/* Action materi: kecil dan rapi */
.member-learning-premium .learning-item a,
.member-learning-premium .mlp-material-item a{
  font-size:12px!important;
  line-height:1.3!important;
  text-decoration:none!important;
  overflow-wrap:anywhere!important;
}

.member-learning-premium .learning-item .mlp-actions,
.member-learning-premium .mlp-material-item .mlp-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:9px!important;
}

.member-learning-premium .learning-item .mlp-actions a,
.member-learning-premium .mlp-material-item .mlp-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:34px!important;
  margin:0!important;
  padding:7px 11px!important;
  border:1px solid #dce8e3!important;
  border-radius:10px!important;
  background:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* Bila link lama belum punya wrapper action, cegah ukurannya membesar */
.member-learning-premium .learning-item a[href],
.member-learning-premium .mlp-material-item a[href]{
  max-width:100%!important;
}

/* Empty state tugas: tidak boleh keluar dari card */
.member-learning-premium .mlp-empty,
.member-learning-premium .learning-empty{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  min-height:150px!important;
  height:auto!important;
  margin:14px 0 0!important;
  padding:22px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.member-learning-premium .mlp-empty > *,
.member-learning-premium .learning-empty > *{
  max-width:100%!important;
}

.member-learning-premium .mlp-empty p,
.member-learning-premium .learning-empty p{
  margin:7px auto 0!important;
  max-width:420px!important;
  font-size:11px!important;
  line-height:1.5!important;
  overflow-wrap:anywhere!important;
}

/* Hapus/hide helper tambahan yang menyebabkan teks menjulur keluar */
.member-learning-premium .mlp-empty .mlp-empty-help,
.member-learning-premium .learning-empty .mlp-empty-help{
  display:none!important;
}

/* Sertifikat */
.member-learning-premium .member-cert-panel{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:24px!important;
  margin-top:18px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}

.member-learning-premium .mlp-cert-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:14px!important;
}

.member-learning-premium .mlp-cert-item{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:82px!important;
  margin:0!important;
  padding:13px!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
}

.member-learning-premium .mlp-cert-item > div{
  min-width:0!important;
}

.member-learning-premium .mlp-cert-item h4,
.member-learning-premium .mlp-cert-item strong{
  overflow-wrap:anywhere!important;
}

.member-learning-premium .mlp-cert-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
  min-width:66px!important;
}

.member-learning-premium .mlp-cert-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:5px 9px!important;
  border-radius:8px!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
}

/* Tablet */
@media(max-width:1000px){
  .member-learning-premium .member-learning-grid{
    grid-template-columns:1fr!important;
  }
  .member-learning-premium .member-learning-panel{
    min-height:0!important;
  }
  .member-learning-premium .mlp-cert-list{
    grid-template-columns:1fr!important;
  }
}

/* Mobile */
@media(max-width:700px){
  .member-learning-premium .member-learning-grid{
    gap:12px!important;
    margin-top:12px!important;
  }
  .member-learning-premium .member-learning-panel,
  .member-learning-premium .member-cert-panel{
    padding:16px!important;
    border-radius:17px!important;
  }
  .member-learning-premium .learning-item,
  .member-learning-premium .mlp-material-item{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:11px!important;
    min-height:0!important;
    padding:11px!important;
  }
  .member-learning-premium .mlp-cert-item{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:0!important;
    padding:11px!important;
  }
  .member-learning-premium .mlp-cert-actions{
    grid-column:2!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    min-width:0!important;
  }
}


/* ==========================================================
   YSBN v2.10.10 — PREMIUM LEARNING PANELS
   Scope ketat: hanya area panel bawah Materi & Tugas.
   Hero + Update Sistem tidak disentuh.
   ========================================================== */

/* ====== GRID UTAMA ====== */
.member-learning-premium .member-learning-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:20px!important;
  align-items:stretch!important;
  margin-top:20px!important;
}

/* ====== PANEL MATERIAL & TUGAS ====== */
.member-learning-premium .member-learning-panel{
  min-height:315px!important;
  height:auto!important;
  padding:26px!important;
  border:1px solid #dce8ee!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(22,50,70,.065)!important;
  overflow:hidden!important;
}

/* heading row */
.member-learning-premium .member-learning-panel .mlp-panel-head,
.member-learning-premium .member-cert-panel .mlp-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 22px!important;
}

/* icon judul */
.member-learning-premium .mlp-head-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  padding:0!important;
  border-radius:15px!important;
}
.member-learning-premium .mlp-head-icon img,
.member-learning-premium .mlp-head-icon svg{
  width:27px!important;
  height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
}

/* count/total dibuat badge premium */
.member-learning-premium .member-learning-panel .mlp-total,
.member-learning-premium .member-cert-panel .mlp-total{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-height:34px!important;
  margin:8px 0 16px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

/* Materi = hijau */
.member-learning-premium .member-learning-panel:first-child .mlp-total{
  color:#07894f!important;
  background:#eaf9f1!important;
  border:1px solid #cfeedd!important;
}

/* Tugas = biru */
.member-learning-premium .member-learning-panel:nth-child(2) .mlp-total{
  color:#246ddd!important;
  background:#edf5ff!important;
  border:1px solid #d5e6ff!important;
}

/* ====== ITEM MATERI ====== */
.member-learning-premium .learning-item,
.member-learning-premium .mlp-material-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  min-height:142px!important;
  padding:18px!important;
  border:1px solid #d7e8e1!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#fbfffd 0%,#f7fcfa 100%)!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

/* icon file premium */
.member-learning-premium .learning-icon{
  display:grid!important;
  place-items:center!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  max-width:72px!important;
  max-height:72px!important;
  padding:0!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#e6faf0,#d5f5e5)!important;
  border:1px solid #c9ecd9!important;
}
.member-learning-premium .learning-icon img,
.member-learning-premium .learning-icon svg{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
}

/* typography item */
.member-learning-premium .learning-item h4,
.member-learning-premium .learning-item strong,
.member-learning-premium .mlp-material-item h4,
.member-learning-premium .mlp-material-item strong{
  display:block!important;
  margin:2px 0 5px!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#09213e!important;
}
.member-learning-premium .learning-item small,
.member-learning-premium .mlp-material-item small{
  font-size:10px!important;
  line-height:1.35!important;
}
.member-learning-premium .learning-item p,
.member-learning-premium .mlp-material-item p{
  margin:4px 0!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* tombol action */
.member-learning-premium .learning-item .mlp-actions,
.member-learning-premium .mlp-material-item .mlp-actions{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-width:128px!important;
  margin:0!important;
}
.member-learning-premium .learning-item .mlp-actions a,
.member-learning-premium .mlp-material-item .mlp-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:128px!important;
  min-height:38px!important;
  padding:9px 14px!important;
  border-radius:11px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.member-learning-premium .learning-item .mlp-actions a:first-child,
.member-learning-premium .mlp-material-item .mlp-actions a:first-child{
  color:#079455!important;
  background:#fff!important;
  border:1px solid #16b56d!important;
}
.member-learning-premium .learning-item .mlp-actions a:last-child,
.member-learning-premium .mlp-material-item .mlp-actions a:last-child{
  color:#fff!important;
  background:linear-gradient(135deg,#11b66e,#079956)!important;
  border:1px solid #079956!important;
  box-shadow:0 7px 16px rgba(8,168,100,.16)!important;
}

/* ====== EMPTY TUGAS ====== */
.member-learning-premium .mlp-empty,
.member-learning-premium .learning-empty{
  min-height:176px!important;
  margin:8px 0 0!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border:1px dashed #cfe0fa!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,#fbfdff,#f5f9ff)!important;
  overflow:hidden!important;
}
.member-learning-premium .mlp-empty-icon{
  width:70px!important;
  height:70px!important;
  min-width:70px!important;
  min-height:70px!important;
  max-width:70px!important;
  max-height:70px!important;
  margin:0 0 10px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#edf5ff,#dceaff)!important;
}
.member-learning-premium .mlp-empty-icon img,
.member-learning-premium .mlp-empty-icon svg{
  width:37px!important;
  height:37px!important;
  max-width:37px!important;
  max-height:37px!important;
}
.member-learning-premium .mlp-empty strong,
.member-learning-premium .learning-empty strong{
  margin:0!important;
  font-size:14px!important;
  line-height:1.3!important;
  color:#0a2140!important;
}
.member-learning-premium .mlp-empty p,
.member-learning-premium .learning-empty p{
  margin:7px auto 0!important;
  max-width:390px!important;
  font-size:11px!important;
  line-height:1.5!important;
  color:#71839a!important;
}

/* ====== SERTIFIKAT ====== */
.member-learning-premium .member-cert-panel{
  position:relative!important;
  min-height:0!important;
  margin-top:20px!important;
  padding:26px!important;
  border:1px solid #eee4cc!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(246,178,24,.08),transparent 27%),
    #fff!important;
  box-shadow:0 14px 38px rgba(22,50,70,.06)!important;
  overflow:hidden!important;
}
.member-learning-premium .member-cert-panel .mlp-total{
  color:#c47d00!important;
  background:#fff7df!important;
  border:1px solid #f5dfaa!important;
}

/* sertifikat isi full width */
.member-learning-premium .mlp-cert-list{
  display:block!important;
  width:100%!important;
  margin-top:14px!important;
}
.member-learning-premium .mlp-cert-item{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:108px!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid #f0dfb6!important;
  border-radius:19px!important;
  background:linear-gradient(135deg,#fffefb,#fffbf0)!important;
  box-sizing:border-box!important;
}
.member-learning-premium .mlp-cert-icon{
  display:grid!important;
  place-items:center!important;
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  max-width:68px!important;
  max-height:68px!important;
  padding:0!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff7df,#ffedbd)!important;
}
.member-learning-premium .mlp-cert-icon img,
.member-learning-premium .mlp-cert-icon svg{
  width:36px!important;
  height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
}
.member-learning-premium .mlp-cert-item h4,
.member-learning-premium .mlp-cert-item strong{
  display:block!important;
  margin:3px 0 5px!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#0a2140!important;
}
.member-learning-premium .mlp-cert-item small{
  font-size:10px!important;
  line-height:1.45!important;
  color:#60738a!important;
}

/* tombol sertifikat */
.member-learning-premium .mlp-cert-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.member-learning-premium .mlp-cert-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:112px!important;
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:11px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.member-learning-premium .mlp-cert-actions a:first-child{
  color:#102847!important;
  background:#fff!important;
  border:1px solid #bdcad7!important;
}
.member-learning-premium .mlp-cert-actions a:last-child{
  color:#7c5100!important;
  background:linear-gradient(135deg,#ffd86c,#f8b916)!important;
  border:1px solid #efb21c!important;
}

/* ====== TABLET ====== */
@media(max-width:1000px){
  .member-learning-premium .member-learning-grid{
    grid-template-columns:1fr!important;
  }
  .member-learning-premium .member-learning-panel{
    min-height:0!important;
  }
}

/* ====== MOBILE ====== */
@media(max-width:700px){
  .member-learning-premium .member-learning-grid{
    gap:12px!important;
    margin-top:12px!important;
  }
  .member-learning-premium .member-learning-panel,
  .member-learning-premium .member-cert-panel{
    padding:16px!important;
    border-radius:18px!important;
  }
  .member-learning-premium .learning-item,
  .member-learning-premium .mlp-material-item{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:11px!important;
    min-height:0!important;
    padding:12px!important;
  }
  .member-learning-premium .learning-icon{
    width:52px!important;height:52px!important;
    min-width:52px!important;min-height:52px!important;
    max-width:52px!important;max-height:52px!important;
    border-radius:15px!important;
  }
  .member-learning-premium .learning-icon img,
  .member-learning-premium .learning-icon svg{
    width:29px!important;height:29px!important;
    max-width:29px!important;max-height:29px!important;
  }
  .member-learning-premium .learning-item .mlp-actions,
  .member-learning-premium .mlp-material-item .mlp-actions{
    grid-column:1/3!important;
    width:100%!important;
    min-width:0!important;
    flex-direction:row!important;
  }
  .member-learning-premium .learning-item .mlp-actions a,
  .member-learning-premium .mlp-material-item .mlp-actions a{
    flex:1 1 0!important;
    min-width:0!important;
  }
  .member-learning-premium .mlp-cert-item{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:11px!important;
    min-height:0!important;
    padding:12px!important;
  }
  .member-learning-premium .mlp-cert-icon{
    width:52px!important;height:52px!important;
    min-width:52px!important;min-height:52px!important;
    max-width:52px!important;max-height:52px!important;
    border-radius:15px!important;
  }
  .member-learning-premium .mlp-cert-icon img,
  .member-learning-premium .mlp-cert-icon svg{
    width:29px!important;height:29px!important;
    max-width:29px!important;max-height:29px!important;
  }
  .member-learning-premium .mlp-cert-actions{
    grid-column:1/3!important;
    width:100%!important;
  }
  .member-learning-premium .mlp-cert-actions a{
    flex:1 1 0!important;
    min-width:0!important;
  }
}


/* ==========================================================
   YSBN v2.10.11 — FIX WARNA BOTTOM NAV MEMBER
   Hanya warna/kontras footer member mobile.
   ========================================================== */
@media (max-width:700px){
  .dash-member .member-bottom-nav{
    background:rgba(255,255,255,.98)!important;
    border-color:#dfe7ee!important;
  }

  /* Menu nonaktif: icon jangan putih/pudar */
  .dash-member .member-bottom-nav a:not(.member-bottom-main){
    color:#53657c!important;
  }
  .dash-member .member-bottom-nav a:not(.member-bottom-main) .sidebar-icon{
    background:#eef3f7!important;
    border:1px solid #e3eaf0!important;
  }
  .dash-member .member-bottom-nav a:not(.member-bottom-main) .sidebar-icon img{
    /* SVG sumber berwarna putih -> ubah menjadi slate/navy */
    filter:brightness(0) saturate(100%) invert(36%) sepia(18%) saturate(719%) hue-rotate(174deg) brightness(91%) contrast(88%)!important;
    opacity:1!important;
  }
  .dash-member .member-bottom-nav a:not(.member-bottom-main) small{
    color:#53657c!important;
    opacity:1!important;
  }

  /* Agenda aktif: hijau YSBN + icon putih */
  .dash-member .member-bottom-nav .member-bottom-main{
    color:#078956!important;
  }
  .dash-member .member-bottom-nav .member-bottom-main .sidebar-icon{
    background:linear-gradient(145deg,#16b86f,#079456)!important;
    border:1px solid #079456!important;
    box-shadow:0 8px 18px rgba(7,148,86,.22)!important;
  }
  .dash-member .member-bottom-nav .member-bottom-main .sidebar-icon img{
    filter:none!important;
    opacity:1!important;
  }
  .dash-member .member-bottom-nav .member-bottom-main small{
    color:#078956!important;
    opacity:1!important;
  }
}


/* =========================================================
   YSBN v2.10.29 — MEMBER LEARNING PANELS / ACTUAL DOM FIX
   Actual selectors from member/pembelajaran.php.
   ========================================================= */
.member-learning-premium .mlp-content-panel{
  min-height:0!important;
  padding:24px!important;
  border:1px solid #dfe8ed!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(22,50,70,.055)!important;
  overflow:hidden!important;
}
.member-learning-premium .member-learning-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.member-learning-premium .member-learning-grid>.mlp-content-panel{min-height:290px!important}

.member-learning-premium .mlp-content-panel>.panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 18px!important;
}
.member-learning-premium .mlp-content-panel>.panel-head>div{min-width:0!important}
.member-learning-premium .mlp-content-panel .panel-head h3{
  display:flex!important;align-items:center!important;gap:11px!important;
  margin:0!important;font-size:17px!important;line-height:1.2!important;color:#0c213e!important;
}
.member-learning-premium .mlp-content-panel .panel-head p{
  margin:8px 0 0!important;font-size:10px!important;line-height:1.45!important;color:#728198!important;
}
.member-learning-premium .mlp-head-icon{
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  max-width:40px!important;max-height:40px!important;border-radius:12px!important;
}
.member-learning-premium .mlp-head-icon img{
  width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important;
}
.member-learning-premium .mlp-total-pill{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-height:30px!important;width:auto!important;
  margin:0!important;padding:7px 10px!important;border-radius:999px!important;
  font-size:9px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;
  color:#07894f!important;background:#eaf8f1!important;border:1px solid #d1eddf!important;
}
.member-learning-premium .mlp-task-panel .mlp-total-pill{color:#286bd5!important;background:#eef5ff!important;border-color:#dce9ff!important}
.member-learning-premium .mlp-certificate-panel .mlp-total-pill{color:#a96d00!important;background:#fff7df!important;border-color:#f4e0ad!important}

/* actual material DOM */
.member-learning-premium .member-material{
  display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:14px!important;
  align-items:center!important;min-height:112px!important;margin:0!important;padding:14px!important;
  border:1px solid #dce9e3!important;border-radius:17px!important;background:#fbfefc!important;
}
.member-learning-premium .member-material .learning-icon{
  width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
  max-width:56px!important;max-height:56px!important;border-radius:16px!important;
}
.member-learning-premium .member-material .learning-icon img{width:29px!important;height:29px!important}
.member-learning-premium .member-material>div{display:block!important}
.member-learning-premium .member-material small{font-size:8px!important;line-height:1.3!important}
.member-learning-premium .member-material strong{display:block!important;margin:3px 0!important;font-size:11px!important;line-height:1.3!important}
.member-learning-premium .member-material p{margin:3px 0 9px!important;font-size:9px!important;line-height:1.45!important}
.member-learning-premium .mlp-material-actions{
  display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:9px!important;
}
.member-learning-premium .mlp-material-actions>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:34px!important;margin:0!important;padding:8px 11px!important;border-radius:10px!important;
  font-size:9px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;
}
.member-learning-premium .mlp-material-actions .material-meta{
  color:#078f55!important;background:#fff!important;border:1px solid #bfe3d1!important;
}
.member-learning-premium .mlp-material-actions .material-meta small{
  margin-left:5px!important;font-size:8px!important;color:#72877d!important;text-transform:none!important;
}
.member-learning-premium .mlp-material-actions .mlp-open-btn{
  color:#fff!important;background:#07975a!important;border:1px solid #07975a!important;
}

/* actual empty task DOM */
.member-learning-premium .mlp-task-panel .member-empty.compact{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  min-height:180px!important;margin:0!important;padding:22px!important;text-align:center!important;
  border:1px dashed #d6e4ee!important;border-radius:17px!important;background:#f9fcff!important;overflow:hidden!important;
}
.member-learning-premium .mlp-task-panel .mlp-empty-icon{
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
  margin:0 0 10px!important;border-radius:16px!important;background:#e9f8f1!important;
}
.member-learning-premium .mlp-task-panel .mlp-empty-icon img{width:28px!important;height:28px!important}
.member-learning-premium .mlp-task-panel .member-empty b{font-size:11px!important;color:#0d213d!important}
.member-learning-premium .mlp-task-panel .member-empty small{
  display:block!important;margin-top:5px!important;font-size:8px!important;line-height:1.45!important;color:#718197!important;
}
.member-learning-premium .mlp-task-panel .mlp-empty-note{display:none!important}

/* actual certificate DOM */
.member-learning-premium .mlp-certificate-panel{margin-bottom:16px!important}
.member-learning-premium .certificate-cards{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
}
.member-learning-premium .certificate-card{
  display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:13px!important;align-items:center!important;
  min-height:94px!important;margin:0!important;padding:13px!important;border:1px solid #eadfbe!important;
  border-radius:17px!important;background:linear-gradient(135deg,#fffefb,#fffbef)!important;
}
.member-learning-premium .certificate-card>.mlp-cert-icon{
  width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
  max-width:52px!important;max-height:52px!important;border-radius:15px!important;background:#fff1c8!important;
}
.member-learning-premium .certificate-card>.mlp-cert-icon img{width:26px!important;height:26px!important}
.member-learning-premium .certificate-card>div:not(.mlp-cert-actions){display:block!important;min-width:0!important}
.member-learning-premium .certificate-card small{font-size:8px!important;line-height:1.35!important}
.member-learning-premium .certificate-card strong{
  display:block!important;margin:3px 0!important;font-size:10px!important;line-height:1.3!important;white-space:normal!important;
}
.member-learning-premium .certificate-card em{display:block!important;font-size:8px!important;line-height:1.35!important;color:#68798d!important}
.member-learning-premium .mlp-cert-actions{display:flex!important;gap:8px!important;align-items:center!important}
.member-learning-premium .mlp-cert-actions>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:92px!important;min-height:36px!important;margin:0!important;padding:8px 12px!important;
  border-radius:10px!important;font-size:9px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;
}
.member-learning-premium .mlp-view-btn{color:#102847!important;background:#fff!important;border:1px solid #bdcad7!important}
.member-learning-premium .mlp-print-btn{color:#7c5100!important;background:#ffc433!important;border:1px solid #efb21c!important}

@media(max-width:1100px){
 .member-learning-premium .member-learning-grid{grid-template-columns:1fr!important}
 .member-learning-premium .member-learning-grid>.mlp-content-panel{min-height:0!important}
 .member-learning-premium .certificate-cards{grid-template-columns:1fr!important}
}
@media(max-width:700px){
 .member-learning-premium .mlp-content-panel{padding:16px!important;border-radius:18px!important}
 .member-learning-premium .mlp-content-panel>.panel-head{gap:10px!important}
 .member-learning-premium .mlp-content-panel .panel-head h3{font-size:14px!important}
 .member-learning-premium .mlp-head-icon{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
 .member-learning-premium .mlp-head-icon img{width:19px!important;height:19px!important}
 .member-learning-premium .mlp-total-pill{font-size:8px!important;padding:6px 8px!important}
 .member-learning-premium .member-material{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;padding:11px!important}
 .member-learning-premium .member-material .learning-icon{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
 .member-learning-premium .member-material .learning-icon img{width:24px!important;height:24px!important}
 .member-learning-premium .mlp-material-actions>a{flex:1 1 0!important;min-width:0!important}
 .member-learning-premium .certificate-card{grid-template-columns:46px minmax(0,1fr)!important}
 .member-learning-premium .certificate-card>.mlp-cert-icon{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
 .member-learning-premium .mlp-cert-actions{grid-column:1/-1!important;width:100%!important}
 .member-learning-premium .mlp-cert-actions>a{flex:1 1 0!important;min-width:0!important}
}

/* v2.10.34 — Registration admin */
.regadmin-page{max-width:1200px;margin:0 auto}.regadmin-title,.regadmin-detail-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.regadmin-title>div>span,.regadmin-detail-head>div>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#0a8d55}.regadmin-title h2,.regadmin-detail-head h2{margin:5px 0 4px;font-size:27px}.regadmin-title p,.regadmin-detail-head p{margin:0;color:#788493;font-size:12px}.regadmin-title>a,.regadmin-back{display:inline-flex;padding:10px 13px;border-radius:11px;background:#e8f7ef;color:#087e4d;font-size:11px;font-weight:900;text-decoration:none}.regadmin-filter{display:grid;grid-template-columns:1fr 190px auto;gap:9px;padding:12px;background:#fff;border:1px solid #e5ebe8;border-radius:15px;margin-bottom:12px}.regadmin-filter input,.regadmin-filter select{border:1px solid #dce5e0;border-radius:10px;padding:10px 12px}.regadmin-filter button{border:0;border-radius:10px;padding:0 17px;background:#0a8f56;color:#fff;font-weight:800}.regadmin-list{background:#fff;border:1px solid #e5ebe8;border-radius:18px;overflow:hidden}.regadmin-row{display:grid;grid-template-columns:42px minmax(220px,1.4fr) 1fr 130px 20px;gap:12px;align-items:center;padding:14px 17px;border-bottom:1px solid #edf1ef;text-decoration:none;color:#213248}.regadmin-row:last-child{border-bottom:0}.regadmin-row:hover{background:#f9fcfa}.regadmin-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e8f7ef;color:#087f4e;font-weight:900}.regadmin-person b,.regadmin-person span,.regadmin-program small,.regadmin-program b,.regadmin-program span{display:block}.regadmin-person b{font-size:13px}.regadmin-person span,.regadmin-program span{font-size:10px;color:#84909c;margin-top:3px}.regadmin-program small{font-size:8px;letter-spacing:.1em;color:#96a19a}.regadmin-program b{font-size:11px;margin-top:2px}.regadmin-status{display:inline-flex;padding:7px 9px;border-radius:999px;font-size:9px;font-weight:900}.regadmin-status.pending{background:#fff4dc;color:#9a6813}.regadmin-status.approved{background:#e5f8ed;color:#087e4d}.regadmin-status.rejected{background:#ffeded;color:#a33b3b}.regadmin-arrow{font-size:22px;color:#a6b0aa}.regadmin-empty{padding:45px;text-align:center;color:#85918b}.regadmin-back{margin-bottom:14px}.regadmin-detail-head{background:#fff;border:1px solid #e5ebe8;border-radius:18px;padding:18px}.regadmin-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:14px}.regadmin-card{background:#fff;border:1px solid #e5ebe8;border-radius:18px;padding:18px;margin-bottom:14px}.regadmin-card h3{margin:0 0 15px;font-size:15px}.regadmin-card h4{font-size:11px;margin:18px 0 7px}.regadmin-card dl{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.regadmin-card dl div{padding:10px 0;border-bottom:1px solid #edf1ef}.regadmin-card dt{font-size:9px;color:#87938c;text-transform:uppercase;letter-spacing:.08em}.regadmin-card dd{margin:3px 0 0;font-size:11px;font-weight:700}.regadmin-motivation{font-size:11px;line-height:1.65;color:#526273}.regadmin-docs{display:grid;gap:8px}.regadmin-docs a{display:flex;justify-content:space-between;padding:11px 12px;border-radius:10px;background:#f3f8f5;color:#254237;font-size:11px;font-weight:800;text-decoration:none}.regadmin-card textarea{width:100%;margin-top:7px;border:1px solid #dce5e0;border-radius:10px;padding:10px}.regadmin-card label{font-size:10px;font-weight:800}.regadmin-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:10px}.regadmin-actions button{border:0;border-radius:10px;padding:11px;font-weight:900;font-size:10px}.regadmin-actions .reject{background:#fff0f0;color:#a33d3d}.regadmin-actions .approve{background:#078d54;color:#fff}.regadmin-approved{margin-top:10px;padding:11px;border-radius:10px;background:#e8f7ef;color:#087e4d;font-size:10px;font-weight:900}
@media(max-width:800px){.regadmin-title,.regadmin-detail-head{align-items:flex-start;flex-direction:column}.regadmin-filter{grid-template-columns:1fr}.regadmin-row{grid-template-columns:42px 1fr auto}.regadmin-program{grid-column:2}.regadmin-arrow{grid-column:3;grid-row:1}.regadmin-detail-grid{grid-template-columns:1fr}.regadmin-card dl{grid-template-columns:1fr}}

/* v2.10.35 — Portal Peserta Login / Daftar tabs */
.portal-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin:0 0 22px;background:#f1f6f3;border:1px solid #e0eae4;border-radius:15px}
.portal-auth-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:7px 10px;border-radius:11px;text-decoration:none;color:#647469;transition:.18s ease}
.portal-auth-tabs a span{font-size:12px;font-weight:900}
.portal-auth-tabs a small{font-size:8px;margin-top:2px;opacity:.78}
.portal-auth-tabs a.active{background:#fff;color:#087e4d;box-shadow:0 5px 15px rgba(27,68,48,.08)}
@media(max-width:600px){.portal-auth-tabs{margin-bottom:17px}.portal-auth-tabs a{min-height:48px}}