@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,400;0,700;1,300;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;1,400&family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Fraunces:ital,wght@0,400;0,600;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Fraunces:ital,wght@0,400;0,600;1,400&display=swap";:root{--teal:#2f7d79;--teal-lt:#79d8d1;--teal-bg:#d9f0da;--teal-glow:#2f7d792e;--teal-glow-strong:#2f7d7952;--green-card:#c8e6c5;--cream:#f2f2ea;--dark:#1a2e2c;--dark-card:#162724;--gray:#666;--gray-lt:#e4e4dc;--white:#fff;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--grad-teal:linear-gradient(135deg, #2f7d79 0%, #79d8d1 100%);--grad-hero:linear-gradient(160deg, #d9f0da 0%, #f2f2ea 60%);--grad-card:linear-gradient(145deg, #fff 0%, #f5f5ef 100%);--grad-dark:linear-gradient(145deg, #1a2e2c 0%, #0f1e1c 100%);--grad-green:linear-gradient(145deg, #d4edd1 0%, #b8ddb5 100%);--grad-stat:linear-gradient(160deg, #fff 0%, #eef8f7 100%);--grad-glass:linear-gradient(135deg, #ffffffb8 0%, #ffffff70 100%)}.sanctuary{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.nav-shell{z-index:100;background:#f2f2ead1;border-bottom:1px solid #2f7d791a;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;width:92%;margin:auto;padding:16px 0;display:flex}.nav-l{align-items:center;gap:48px;display:flex}.nav-logo{letter-spacing:-.3px;background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.nav-menu{gap:28px;list-style:none;display:flex}.nav-item{color:var(--gray);cursor:pointer;padding-bottom:2px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.nav-item:after{content:"";background:var(--grad-teal);border-radius:2px;height:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-item:hover:after,.nav-item.is-active:after{transform:scaleX(1)}.nav-item:hover,.nav-item.is-active{color:var(--teal);font-weight:600}.nav-r{align-items:center;gap:12px;display:flex}.nav-cta{background:var(--grad-teal);color:var(--white);border-radius:var(--radius-sm);letter-spacing:.01em;box-shadow:0 4px 16px var(--teal-glow-strong);border:none;padding:10px 22px;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s}.nav-cta:hover{opacity:.88;box-shadow:0 8px 24px var(--teal-glow-strong);transform:translateY(-1px)}.nav-icon-btn{color:var(--teal);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,transform .15s;display:flex}.nav-icon-btn:hover{background:var(--teal-bg);transform:scale(1.08)}.nav-avatar{border:2px solid var(--teal);width:38px;height:38px;color:var(--teal);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.nav-avatar:hover{background:var(--teal-bg);box-shadow:0 0 0 4px var(--teal-glow);transform:scale(1.08)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:92%;margin:auto;padding:72px 0 110px;display:grid}.hero-pill{background:var(--teal-bg);color:var(--teal);letter-spacing:.06em;text-transform:uppercase;border:1px solid #2f7d792e;border-radius:999px;margin-bottom:24px;padding:8px 18px;font-size:12px;font-weight:700;display:inline-block}.hero-h1{color:#111;letter-spacing:-1.5px;font-size:62px;font-weight:800;line-height:1.06}.hero-h1 em{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-body{color:var(--gray);max-width:500px;margin-top:24px;font-size:15px;font-weight:400;line-height:1.85}.hero-btns{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.btn-primary{background:var(--grad-teal);color:var(--white);border-radius:var(--radius-md);letter-spacing:.01em;box-shadow:0 6px 24px var(--teal-glow-strong);border:none;padding:16px 30px;font-size:14px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .25s}.btn-primary:hover{opacity:.88;box-shadow:0 12px 32px var(--teal-glow-strong);transform:translateY(-2px)}.btn-ghost{color:#333;border-radius:var(--radius-md);background:#ffffffb3;border:1px solid #0000001a;padding:16px 28px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .15s}.btn-ghost:hover{background:#fffffff2;border-color:#2f7d7940;transform:translateY(-1px)}.hero-media{position:relative}.hero-photo{border-radius:var(--radius-lg);object-fit:cover;aspect-ratio:4/3;width:100%;box-shadow:0 24px 60px #00000024}.hero-badge{background:#fff;border:1px solid #ffffffb3;border-radius:22px;align-items:flex-start;gap:12px;max-width:268px;padding:18px 22px;display:flex;position:absolute;bottom:-26px;left:-28px;box-shadow:0 16px 40px #0000001f}.hero-badge-icon{margin-top:2px;font-size:24px}.hero-badge-title{color:#111;font-size:13px;font-weight:700}.hero-badge-sub{color:var(--gray);margin-top:4px;font-size:11px;line-height:1.5}.stats{text-align:center;width:92%;margin:120px auto 0}.stats-h2{color:#111;letter-spacing:-1px;font-size:50px;font-weight:800}.stats-sub{color:var(--gray);max-width:580px;margin-top:14px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.75}.stats-row{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:48px;display:flex}.stat-card{background:var(--grad-stat);border-radius:var(--radius-lg);border:1px solid #2f7d791a;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:160px;max-width:220px;padding:40px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 16px #0000000a}.stat-card:before{content:"";background:var(--grad-teal);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card:after{content:"";background:radial-gradient(circle, var(--teal-glow) 0%, transparent 70%);border-radius:50%;width:100px;height:100px;position:absolute;bottom:-40px;right:-40px}.stat-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #2f7d7921}.stat-big{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:58px;font-weight:800;line-height:1}.stat-micro{color:#999;font-size:12px;font-weight:500}.stat-label{color:#444;text-align:center;font-size:13px;font-weight:700}.stats-detail-row{grid-template-columns:3fr 2fr;gap:20px;margin-top:24px;display:grid}.stats-detail-card{background:var(--grad-stat);border-radius:var(--radius-lg);text-align:left;border:1px solid #2f7d791a;width:100%;padding:32px 30px;transition:box-shadow .25s;box-shadow:0 2px 16px #0000000a}.stats-detail-card:hover{box-shadow:0 12px 36px #2f7d791a}.sdc-title{color:#111;letter-spacing:-.2px;margin-bottom:20px;font-size:17px;font-weight:800}.kategori-bars{flex-direction:column;gap:13px;display:flex}.kat-row{align-items:center;gap:12px;display:flex}.kat-label{color:#555;flex-shrink:0;width:170px;font-size:13px;font-weight:500;line-height:1.4}.kat-track{background:#2f7d7914;border-radius:6px;flex:1;height:10px;overflow:hidden}.kat-fill{background:linear-gradient(90deg, var(--teal) 0%, var(--teal-lt) 100%);border-radius:6px;height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1);position:relative}.kat-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59);border-radius:0 6px 6px 0;width:24px;position:absolute;top:0;bottom:0;right:0}.kat-count{color:var(--teal);text-align:right;width:20px;font-size:14px;font-weight:800}.status-donut-wrap{flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.donut-svg{filter:drop-shadow(0 10px 25px #2f7d7940);width:260px;height:260px}.donut-legend{flex-direction:column;gap:14px;display:flex}.donut-item{color:#333;align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.donut-dot{border-radius:50%;flex-shrink:0;width:13px;height:13px}.features{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:20px;width:92%;margin:80px auto;display:grid}.feat{border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:38px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;display:flex;position:relative;overflow:hidden}.feat:hover{transform:translateY(-5px)}.feat-light{background:var(--grad-card);color:#111;border:1px solid #00000012;box-shadow:0 2px 16px #0000000a}.feat-light:hover{box-shadow:0 16px 48px #0000001a}.feat-dark{background:var(--grad-dark);color:var(--white);box-shadow:0 8px 32px #00000038}.feat-dark:hover{box-shadow:0 20px 56px #0000004d}.feat-dark:after{content:"";pointer-events:none;background:radial-gradient(circle,#79d8d11a 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-30%;right:-10%}.feat-green{background:var(--grad-green);color:#111;border:1px solid #2f7d7926}.feat-green:hover{box-shadow:0 16px 40px #2f7d7924}.feat-h3{letter-spacing:-.3px;font-size:20px;font-weight:800}.feat-p{opacity:.72;font-size:14px;font-weight:400;line-height:1.75}.feat-dark .feat-p{opacity:.62}.feat-icon-ring{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.feat-shield{margin-bottom:4px;font-size:30px}.feat-avatars{align-items:center;margin-top:auto;padding-top:12px;display:flex}.feat-av{object-fit:cover;border:2.5px solid var(--white);border-radius:50%;width:40px;height:40px;margin-left:-10px;box-shadow:0 2px 8px #0000001a}.feat-av:first-child{margin-left:0}.feat-av-extra{background:var(--grad-teal);width:40px;height:40px;color:var(--white);border:2.5px solid var(--white);border-radius:50%;justify-content:center;align-items:center;margin-left:-10px;font-size:11px;font-weight:700;display:flex}.journey{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:92%;margin:80px auto;display:grid}.journey-left{flex-direction:column;display:flex}.step{gap:20px;padding-bottom:36px;display:flex;position:relative}.step-line:after{content:"";background:linear-gradient(#2f7d7933,#0000);width:2px;position:absolute;top:36px;bottom:0;left:18px}.step-n{color:var(--teal);background:linear-gradient(135deg, #eef8f7 0%, var(--teal-bg) 100%);z-index:1;letter-spacing:.02em;width:38px;height:38px;box-shadow:0 4px 12px var(--teal-glow);border:1px solid #2f7d792e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.step-h4{color:#111;letter-spacing:-.2px;margin-bottom:8px;font-size:16px;font-weight:800}.step-p{color:var(--gray);font-size:13px;line-height:1.75}.step-cta{background:var(--grad-teal);color:var(--white);border-radius:var(--radius-sm);box-shadow:0 4px 16px var(--teal-glow-strong);border:none;margin-top:16px;padding:13px 24px;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s}.step-cta:hover{opacity:.88;box-shadow:0 8px 24px var(--teal-glow-strong);transform:translateY(-1px)}.journey-right{flex-direction:column;gap:18px;display:flex}.journey-h2{color:#111;letter-spacing:-.8px;font-size:40px;font-weight:800;line-height:1.15}.journey-p{color:var(--gray);font-size:14px;line-height:1.85}.journey-img-box{border-radius:var(--radius-lg);margin-top:8px;overflow:hidden;box-shadow:0 20px 50px #00000021}.journey-img{border-radius:var(--radius-lg);object-fit:cover;aspect-ratio:4/3;width:100%;display:block}.mentors{width:92%;margin:80px auto}.mentors-hd{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.mentors-h2{color:#111;letter-spacing:-.7px;font-size:40px;font-weight:800}.mentors-sub{color:var(--gray);margin-top:8px;font-size:14px;font-weight:400}.mentors-arrows{gap:10px;display:flex}.arrow-btn{background:#fff;border:1.5px solid #2f7d7933;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000f}.arrow-btn:hover{border-color:var(--teal);background:var(--teal-bg);box-shadow:0 6px 20px var(--teal-glow);transform:scale(1.08)}.mentors-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.mcard{background:var(--grad-card);border-radius:var(--radius-lg);border:1px solid #0000000f;padding:18px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;box-shadow:0 2px 12px #0000000d}.mcard:hover{transform:translateY(-10px);box-shadow:0 24px 60px #2f7d7924}.mcard-photo-wrap{border-radius:var(--radius-md);position:relative;overflow:hidden}.mcard-photo{object-fit:cover;width:100%;height:240px;display:block}.mcard-hover-layer{opacity:0;background:linear-gradient(#0000 0%,#0f3c3ab8 100%);justify-content:center;align-items:flex-end;padding-bottom:20px;transition:opacity .28s;display:flex;position:absolute;inset:0}.mcard:hover .mcard-hover-layer{opacity:1}.mcard-book{color:var(--teal);border-radius:var(--radius-sm);background:#fffffff2;border:none;padding:10px 24px;font-size:13px;font-weight:800;box-shadow:0 4px 14px #00000026}.mcard-info{flex-direction:column;gap:6px;padding:16px 4px 4px;display:flex}.mcard-name{color:#111;letter-spacing:-.2px;font-size:15px;font-weight:800}.mcard-cat{color:var(--teal);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.stars{color:#f5a623;align-items:center;gap:2px;display:flex}.star-svg.s-empty{color:#ddd}.rating-val{color:#333;margin-left:4px;font-size:12px;font-weight:700}.mcard-meta{color:var(--gray);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.mcard-cases{color:var(--teal);font-weight:700}.mcard-rate-bar{background:#2f7d791a;border-radius:3px;height:5px;margin-top:4px;overflow:hidden}.mcard-rate-fill{border-radius:3px;height:100%;transition:width .8s}.mcard-sr{color:#999;font-size:11px;font-weight:500}.cta{width:88%;margin:100px auto}.cta-box{background:linear-gradient(140deg, var(--dark) 0%, #0f2624 40%, #1d5753 100%);text-align:center;color:var(--white);border-radius:40px;padding:90px;position:relative;overflow:hidden;box-shadow:0 32px 80px #0f262459}.cta-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#79d8d121 0%,#0000 65%);border-radius:50%;width:340px;height:340px;position:absolute;top:-60px;left:-60px}.cta-box:after{content:"";pointer-events:none;background:radial-gradient(circle,#2f7d792e 0%,#0000 65%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-80px;right:-60px}.cta-h2{letter-spacing:-1px;z-index:1;font-size:48px;font-weight:800;line-height:1.15;position:relative}.cta-p{opacity:.78;z-index:1;max-width:500px;margin-top:18px;margin-left:auto;margin-right:auto;font-size:15px;line-height:1.78;position:relative}.cta-btns{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:38px;display:flex;position:relative}.cta-btn-solid{background:var(--white);color:var(--teal);border-radius:var(--radius-md);border:none;padding:16px 34px;font-size:14px;font-weight:800;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 8px 28px #0003}.cta-btn-solid:hover{opacity:.94;transform:translateY(-2px);box-shadow:0 14px 40px #00000047}.cta-btn-ghost{color:var(--white);border-radius:var(--radius-md);background:0 0;border:1.5px solid #ffffff5c;padding:16px 32px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s,transform .15s}.cta-btn-ghost:hover{background:#ffffff14;border-color:#ffffffbf;transform:translateY(-1px)}.footer{border-top:1px solid #00000012;grid-template-columns:2fr 1fr 1fr;gap:60px;width:92%;margin:80px auto 50px;padding-top:60px;display:grid}.footer-name{letter-spacing:-.3px;background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.footer-desc{color:var(--gray);max-width:320px;margin-top:14px;font-size:13px;line-height:1.85}.footer-copy{color:#bbb;margin-top:22px;font-size:11px;font-weight:500;display:block}.footer-col-h{color:#111;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;font-size:13px;font-weight:800}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links li{color:var(--gray);cursor:pointer;font-size:13px;font-weight:500;transition:color .2s,transform .2s;display:inline-block}.footer-links li:hover{color:var(--teal);transform:translate(3px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stat-card,.stats-detail-card,.mcard,.feat,.step{animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.12s}.stat-card:nth-child(3){animation-delay:.19s}.stat-card:nth-child(4){animation-delay:.26s}.stats-detail-card:first-child{animation-delay:.3s}.stats-detail-card:nth-child(2){animation-delay:.38s}.mcard:first-child{animation-delay:40ms}.mcard:nth-child(2){animation-delay:.1s}.mcard:nth-child(3){animation-delay:.16s}.mcard:nth-child(4){animation-delay:.22s}@media (width<=1024px){.hero-h1{font-size:48px}.stats-h2,.cta-h2{font-size:38px}.journey-h2{font-size:32px}.mentors-grid{grid-template-columns:repeat(2,1fr)}.stats-detail-row{grid-template-columns:1fr 1fr}}@media (width<=768px){.hero{grid-template-columns:1fr;gap:40px;padding:40px 0 80px}.hero-h1{font-size:38px}.hero-badge{max-width:100%;margin:20px auto 0;position:static;box-shadow:0 8px 24px #00000014}.features{grid-template-columns:1fr}.journey{grid-template-columns:1fr;gap:40px}.stats-h2{font-size:30px}.stats-row{flex-direction:column;align-items:center}.stat-card{width:100%;max-width:100%}.stats-detail-row{grid-template-columns:1fr}.cta-box{padding:50px 28px}.cta-h2{font-size:28px}.footer{grid-template-columns:1fr;gap:36px}.nav-shell{height:98px;position:relative}.nav{justify-content:space-between;align-items:flex-start;width:92%;height:98px;margin:auto;padding:0;display:flex;position:relative}.nav-l{align-items:center;gap:16px;width:auto;height:58px;display:flex}.nav-r{align-items:center;gap:12px;height:58px;display:flex}.nav-menu{border-top:1px solid #2f7d7914;justify-content:center;align-items:center;gap:24px;width:100%;height:40px;margin:0;padding:0;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-cta{padding:7px 12px;font-size:11px;display:inline-block}.mentors-grid{grid-template-columns:repeat(2,1fr);gap:12px}.mcard{padding:10px}.mcard-photo{height:140px}.mcard-hover-layer{opacity:0;background:linear-gradient(#0000 40%,#0f3c3ab8 100%);padding-bottom:10px}.mcard-book{padding:6px 14px;font-size:11px}.mcard-info{gap:4px;padding:10px 2px 2px}.mcard-name{font-size:13px}.mcard-cat{font-size:9px}.stars{gap:1px}.star-svg{width:10px;height:10px}.rating-val{font-size:11px}.mcard-meta{flex-direction:column;align-items:flex-start;gap:2px;font-size:10px}.mcard-sr{font-size:9px}}.nav-user-wrap{align-items:center;gap:8px;display:flex}.nav-avatar--active{background:var(--teal);color:#fff;font-size:13px;font-weight:700}.nav-avatar-initial{line-height:1}.nav-logout-btn{color:var(--gray);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:color .2s,background .2s;display:flex}.page-dummy{background:#fff;border-radius:20px;width:92%;margin:60px auto;padding:40px}.page-dummy h1{color:#2f7d79;margin-bottom:10px;font-size:28px}.page-dummy p{color:#666;margin-bottom:20px}.dummy-box{background:#f5f5ef;border-radius:16px;padding:20px}:root{--teal:#2f7d79;--teal-lt:#79d8d1;--teal-bg:#d9f0da;--cream:#f0efe8;--dark:#1a1a18;--gray:#6b7280;--gray-lt:#e8e8e0;--white:#fff;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--grad-teal:linear-gradient(135deg, #2f7d79 0%, #79d8d1 100%);--grad-konselor:linear-gradient(135deg, #1a5e5a 0%, #2f7d79 100%);--grad-admin:linear-gradient(135deg, #2d2d6b 0%, #4a4aaa 100%);--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 28px #0000001a;--shadow-lg:0 24px 64px #00000021}body{-webkit-font-smoothing:antialiased;background:var(--cream);font-family:Plus Jakarta Sans,sans-serif}.auth-logo{letter-spacing:-.3px;background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Fraunces,serif;font-size:18px;font-weight:700}.auth-logo--light{-webkit-text-fill-color:white;color:#fff;background:0 0}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-label{color:#444;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-input{border-radius:var(--radius-sm);color:#111;width:100%;box-shadow:var(--shadow-sm);background:#ffffffbf;border:1.5px solid #00000017;outline:none;padding:14px 18px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input::placeholder{color:#b8b8b0}.auth-input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #2f7d791a, var(--shadow-sm);background:#fff}.auth-input-wrap{position:relative}.auth-input-wrap .auth-input{padding-right:46px}.auth-eye{color:var(--gray);cursor:pointer;background:0 0;border:none;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-eye:hover{color:var(--teal)}.auth-forgot{color:var(--teal);cursor:pointer;letter-spacing:.03em;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .2s}.auth-forgot:hover{opacity:.7}.auth-submit{background:var(--grad-teal);color:#fff;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.04em;border:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:15px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #2f7d7959,0 2px 6px #2f7d7933}.auth-submit:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#0000 100%);position:absolute;inset:0}.auth-submit:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 12px 32px #2f7d796b,0 4px 10px #2f7d7938}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-submit--loading{pointer-events:none}.auth-submit--konselor{background:var(--grad-konselor);box-shadow:0 6px 24px #1a5e5a61,0 2px 6px #1a5e5a38}.auth-submit--konselor:hover:not(:disabled){box-shadow:0 12px 32px #1a5e5a75,0 4px 10px #1a5e5a3d}.auth-submit--admin{background:var(--grad-admin);box-shadow:0 6px 24px #2d2d6b66,0 2px 6px #2d2d6b38}.auth-submit--admin:hover:not(:disabled){box-shadow:0 12px 32px #2d2d6b7a,0 4px 10px #2d2d6b42}.auth-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-error{color:#c0392b;border-radius:var(--radius-sm);background:#c0392b12;border:1px solid #c0392b26;align-items:center;gap:8px;padding:11px 15px;font-size:13px;font-weight:600;display:flex}.auth-error:before{content:"";font-size:13px}.auth-notice{color:#2f7d79;border-radius:var(--radius-sm);background:#2f7d7914;border:1px solid #2f7d7933;align-items:flex-start;gap:8px;padding:11px 15px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.auth-switch{color:var(--gray);text-align:center;font-size:14px;font-weight:500}.auth-switch-link{color:var(--teal);cursor:pointer;font-weight:700;transition:opacity .2s}.auth-switch-link:hover{opacity:.75}.auth-mode-toggle{background:#0000000d;border:1.5px solid #00000012;border-radius:14px;gap:6px;padding:5px;display:flex}.auth-mode-btn{cursor:pointer;color:#999;letter-spacing:.02em;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background .22s,color .22s,box-shadow .22s,transform .15s}.auth-mode-btn--active{color:var(--teal);background:#fff;transform:translateY(-1px);box-shadow:0 2px 10px #2f7d7921,0 1px 3px #00000012}.auth-mode-btn--active.konselor-active{color:#1a5e5a;box-shadow:0 2px 10px #1a5e5a29,0 1px 3px #00000012}.auth-mode-btn--active.admin-active{color:#2d2d6b;box-shadow:0 2px 10px #2d2d6b29,0 1px 3px #00000012}.auth-mode-btn:not(.auth-mode-btn--active):hover{color:#666;background:#ffffff80}.auth-shell{min-height:100vh;display:flex}.auth-panel-left{color:#fff;background:linear-gradient(160deg,#0a4f45 0%,#1a7a6e 45%,#036b56 100%);flex-direction:column;justify-content:space-between;width:38%;min-height:100vh;padding:2.5rem;transition:background .5s;display:flex;position:relative;overflow:hidden}.auth-panel-left--konselor{background:linear-gradient(160deg,#071e1c 0%,#1a5e5a 50%,#0f3e3c 100%)}.auth-panel-left--admin{background:linear-gradient(160deg,#1a1a2e 0%,#2d2d6b 50%,#1a1a3e 100%)}.auth-panel-left:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:420px;height:420px;position:absolute;top:-80px;right:-120px}.auth-panel-left:after{content:"";pointer-events:none;background:#79d8d114;border-radius:50%;width:280px;height:280px;position:absolute;bottom:60px;left:-80px}.auth-panel-left .auth-overlay{pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.auth-left-mode-badge{letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-bottom:20px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.auth-bg-img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.auth-left-brand{z-index:1;position:relative}.auth-left-copy{z-index:1;margin-bottom:20px;position:relative}.auth-left-h2{color:#fff;letter-spacing:-.5px;margin-bottom:16px;font-family:Fraunces,serif;font-size:38px;font-style:italic;font-weight:400;line-height:1.2}.auth-left-p{color:#ffffffa6;max-width:300px;font-size:14px;font-weight:400;line-height:1.8}.auth-left-copy:before{content:"";background:var(--teal-lt);border-radius:2px;width:40px;height:3px;margin-bottom:20px;display:block}.auth-left-footer{z-index:1;color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:500;position:relative}.auth-panel-right{background:var(--cream);background-image:radial-gradient(at 80% 20%,#79d8d114 0%,#0000 60%),radial-gradient(at 20% 80%,#2f7d790d 0%,#0000 50%);flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.auth-form-wrap{flex-direction:column;gap:24px;width:100%;max-width:400px;display:flex}.auth-form-wrap>.auth-form{border-radius:var(--radius-lg);box-shadow:var(--shadow-md), inset 0 1px 0 #fffc;background:#ffffffa6;border:1px solid #ffffffe6;padding:28px}.auth-form-header{flex-direction:column;gap:10px;display:flex}.auth-form-h1{color:#111;letter-spacing:-.8px;font-family:Fraunces,serif;font-size:34px;font-weight:400;line-height:1.15}.auth-form-sub{color:var(--gray);font-size:14px;font-weight:400;line-height:1.7}.auth-support-wrapper{justify-content:center;display:flex}.auth-support-btn{border-radius:var(--radius-sm);color:#666;cursor:pointer;width:fit-content;box-shadow:var(--shadow-sm);background:#fff9;border:1.5px solid #00000017;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;display:flex}.auth-support-btn:hover{border-color:var(--teal);color:var(--teal);background:#2f7d790d;box-shadow:0 4px 14px #2f7d791f}@media (width<=768px){.auth-shell{flex-direction:column}.auth-panel-left{width:100%;min-height:240px}.auth-panel-right{padding:36px 24px}.auth-form-h1{font-size:28px}.auth-left-h2{font-size:30px}.auth-mode-btn{padding:9px 10px;font-size:12px}}@media (width<=480px){.auth-panel-left{min-height:180px;padding:1.5rem}.auth-left-h2{font-size:24px}.auth-panel-right{padding:24px 16px}.auth-form-wrap>.auth-form{padding:20px}}.db-shell{z-index:1;min-height:100vh;display:flex;position:relative}.db-sidebar{z-index:1000;background:#f5f5ef;border-right:1px solid #2f7d791f;flex-direction:column;flex-shrink:0;justify-content:space-between;width:220px;height:100vh;padding:28px 16px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-110%);box-shadow:4px 0 28px #0000001a}.db-sidebar--open{transform:translate(0)}.db-logo{cursor:pointer;letter-spacing:-.3px;background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:18px;font-weight:800;display:block}.db-nav{flex-direction:column;gap:4px;display:flex}.db-nav-item{border-radius:var(--radius-sm);color:var(--gray);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.db-nav-item:hover{background:var(--teal-bg);color:var(--teal)}.db-nav-item--active{color:var(--teal);background:linear-gradient(135deg,#2f7d791f 0%,#79d8d11a 100%);border:1px solid #2f7d7926;font-weight:700}.db-logout{border:1px solid var(--gray-lt);border-radius:var(--radius-sm);color:var(--gray);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .2s,color .2s;display:flex}.db-logout:hover{color:#c0392b;border-color:#c0392b}.db-sidebar-overlay{z-index:999;background:#00000059;position:fixed;inset:0}.db-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.db-topbar{z-index:10;background:#f2f2eaeb;border-bottom:1px solid #2f7d791a;position:sticky;top:0}.db-topbar-inner{justify-content:space-between;align-items:center;gap:12px;width:92%;margin:auto;padding:14px 0;display:flex}.db-topbar-l{align-items:center;gap:48px;display:flex}.db-sidebar-toggle{width:36px;height:36px;color:var(--teal);cursor:pointer;background:#2f7d791a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.db-sidebar-toggle:hover{background:#2f7d7933;transform:scale(1.05)}.db-topbar-logo{cursor:pointer;letter-spacing:-.3px;background:var(--grad-teal);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.db-topbar-nav{gap:28px;list-style:none;display:flex}.db-topbar-nav span{color:var(--gray);cursor:pointer;padding-bottom:2px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.db-topbar-nav span:after{content:"";background:var(--grad-teal);border-radius:2px;height:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.db-topbar-nav span:hover:after{transform:scaleX(1)}.db-topbar-nav span:hover{color:var(--teal);font-weight:600}.db-topbar-active{color:var(--teal)!important;font-weight:600!important}.db-topbar-active:after{transform:scaleX(1)!important}.db-topbar-r{align-items:center;gap:12px;display:flex}.db-topbar-cta{background:var(--grad-teal);color:#fff;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.01em;box-shadow:0 4px 16px var(--teal-glow-strong);white-space:nowrap;border:none;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s}.db-topbar-cta:hover{opacity:.88;box-shadow:0 8px 24px var(--teal-glow-strong);transform:translateY(-1px)}.db-icon-btn{color:var(--teal);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,transform .15s;display:flex}.db-icon-btn:hover{background:var(--teal-bg);transform:scale(1.08)}.db-avatar{background:var(--grad-teal);color:#fff;cursor:pointer;border:2px solid var(--teal);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.db-avatar:hover{background:var(--teal-bg);box-shadow:0 0 0 4px var(--teal-glow);transform:scale(1.08)}.nav-logout-btn{color:var(--gray);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:color .2s,background .2s;display:flex}.nav-logout-btn:hover{color:#c0392b;background:#c0392b14}.db-content{flex:1;padding:28px 36px;overflow-y:auto}.db-greeting{margin-bottom:24px}.db-greeting-sub{color:#111;letter-spacing:-.3px;font-size:18px;font-weight:800}.db-greeting-hint{color:var(--gray);margin-top:3px;font-size:13px}.db-hero-card{background:linear-gradient(140deg, var(--dark) 0%, #0f2624 40%, #1d5753 100%);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:24px;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0f262440}.db-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#79d8d11f 0%,#0000 65%);border-radius:50%;width:280px;height:280px;position:absolute;top:-60px;left:-60px}.db-hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#2f7d7926 0%,#0000 65%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-80px;right:140px}.db-hero-left{z-index:1;flex:1;position:relative}.db-hero-tag{color:#79d8d1e6;letter-spacing:.1em;text-transform:uppercase;background:#79d8d11f;border:1px solid #79d8d140;border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-block}.db-hero-h2{color:#fff;letter-spacing:-.3px;margin-bottom:10px;font-size:22px;font-weight:800;line-height:1.35}.db-hero-p{color:#ffffffa6;margin-bottom:20px;font-size:13px;line-height:1.75}.db-hero-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;z-index:1;background:#ffffff26;border:1px solid #ffffff4d;padding:11px 24px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,transform .15s;position:relative}.db-hero-btn:hover{background:#ffffff3d;transform:translateY(-1px)}.db-hero-right{z-index:1;flex-direction:column;align-items:center;gap:14px;padding-left:32px;display:flex;position:relative}.db-hero-badge{text-align:center;max-width:180px}.db-hero-badge-title{color:#fff;font-size:13px;font-weight:700}.db-hero-badge-desc{color:#fff9;margin-top:4px;font-size:11px;line-height:1.5}.donut-wrap{position:relative}.donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-pct{color:var(--teal-lt);font-size:18px;font-weight:800;line-height:1}.donut-lbl{color:#ffffff8c;letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:700}.db-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.db-stat-card{background:var(--grad-stat);border-radius:var(--radius-md);border:1px solid #2f7d791a;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 18px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.db-stat-card:before{content:"";background:var(--grad-teal);border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.db-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2f7d7921}.db-stat-icon{font-size:18px}.db-stat-val{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.db-stat-lbl{color:var(--gray);font-size:11px;font-weight:500}.db-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:18px;display:grid}.db-card{background:var(--grad-card);border-radius:var(--radius-lg);border:1px solid #2f7d7914;padding:24px 26px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;box-shadow:0 2px 16px #0000000a}.db-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #2f7d791a}.db-card--wide{grid-column:1/2}.db-card-hd{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.db-card-h3{color:#111;letter-spacing:-.2px;margin-bottom:3px;font-size:15px;font-weight:800}.db-card-sub{color:var(--gray);font-size:12px}.db-card-link{color:var(--teal);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:700}.db-kuesioner-card{background:var(--grad-card);border-radius:var(--radius-lg);border:1px solid #2f7d791a;flex-direction:column;grid-area:1/1/3/2;gap:20px;padding:28px;transition:box-shadow .28s;display:flex;box-shadow:0 2px 16px #0000000a}.db-kuesioner-card:hover{box-shadow:0 16px 48px #2f7d791a}.db-kues-header{justify-content:space-between;align-items:flex-start;display:flex}.db-kues-h3{color:#111;letter-spacing:-.3px;font-size:16px;font-weight:800}.db-kues-sub{color:var(--gray);margin-top:3px;font-size:12px}.db-kues-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--teal-bg);color:var(--teal);white-space:nowrap;border:1px solid #2f7d792e;border-radius:999px;padding:4px 12px;font-size:10px;font-weight:800}.db-kues-badge--done{color:var(--teal);background:linear-gradient(135deg,#2f7d7926 0%,#79d8d126 100%);border-color:#2f7d794d}.db-kues-progress-wrap{flex-direction:column;gap:6px;display:flex}.db-kues-progress-track{background:#2f7d7914;border-radius:4px;height:6px;overflow:hidden}.db-kues-progress-fill{background:var(--grad-teal);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.db-kues-tabs{gap:8px;display:flex}.db-kues-tab{border-radius:var(--radius-sm);border:1.5px solid var(--gray-lt);color:var(--gray);cursor:pointer;text-align:center;background:0 0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 8px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.db-kues-tab:hover{border-color:var(--teal);color:var(--teal)}.db-kues-tab--active{background:var(--grad-teal);color:#fff;box-shadow:0 4px 16px var(--teal-glow-strong);border-color:#0000}.db-kues-tab-count{opacity:.75;font-size:10px;font-weight:700}.db-kues-tab--active .db-kues-tab-count{opacity:1}.db-kues-form{flex-direction:column;gap:18px;display:flex}.db-kues-question{flex-direction:column;gap:10px;display:flex}.db-kues-q-label{color:#333;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.db-kues-q-num{background:var(--grad-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:inline-flex}.db-kues-q-desc{color:var(--gray);margin-left:30px;font-size:11px}.db-kues-scale{gap:6px;margin-left:30px;display:flex}.db-kues-scale-btn{border-radius:var(--radius-sm);border:1.5px solid var(--gray-lt);width:40px;height:40px;color:var(--gray);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:flex}.db-kues-scale-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-bg)}.db-kues-scale-btn--active{background:var(--grad-teal);color:#fff;box-shadow:0 4px 12px var(--teal-glow-strong);border-color:#0000;transform:scale(1.08)}.db-kues-scale-lbl{color:var(--gray);justify-content:space-between;margin-left:30px;font-size:10px;font-weight:500;display:flex}.db-kues-nav-row{justify-content:space-between;align-items:center;display:flex}.db-kues-btn-ghost{border:1.5px solid var(--gray-lt);border-radius:var(--radius-sm);color:var(--gray);cursor:pointer;background:0 0;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:border-color .2s,color .2s}.db-kues-btn-ghost:hover{border-color:var(--teal);color:var(--teal)}.db-kues-submit{background:var(--grad-teal);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 16px var(--teal-glow-strong);border:none;align-self:flex-start;padding:13px 28px;font-family:inherit;font-size:13px;font-weight:800;transition:opacity .2s,transform .15s,box-shadow .2s}.db-kues-submit:hover{opacity:.88;box-shadow:0 8px 24px var(--teal-glow-strong);transform:translateY(-1px)}.db-kues-submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.db-ux-index{border-radius:var(--radius-md);text-align:center;background:linear-gradient(135deg,#2f7d7914 0%,#79d8d114 100%);border:1px solid #2f7d7926;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.db-ux-index-val{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;line-height:1}.db-ux-index-lbl{color:var(--gray);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700}.db-ux-index-sub{color:var(--gray);margin-top:2px;font-size:12px}.db-kues-donuts-row{flex-flow:row;justify-content:space-around;align-items:center;gap:12px;padding:8px 0;display:flex}.db-kues-donut-item{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.db-kues-donut-wrap{width:80px;height:80px;position:relative}.db-kues-donut-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.db-kues-donut-val{font-size:16px;font-weight:800;line-height:1}.db-kues-donut-lbl{color:var(--gray);text-align:center;font-size:11px;font-weight:600}.db-kues-hasil{flex-direction:column;gap:12px;display:flex}.db-kues-hasil-h{color:#111;margin-bottom:4px;font-size:14px;font-weight:800}.db-kues-result-row{align-items:center;gap:12px;display:flex}.db-kues-result-label{color:#444;flex-shrink:0;width:90px;font-size:12px;font-weight:600}.db-kues-result-track{background:#2f7d7914;border-radius:6px;flex:1;height:10px;overflow:hidden}.db-kues-result-fill{border-radius:6px;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1)}.db-kues-result-val{text-align:right;flex-shrink:0;width:40px;font-size:13px;font-weight:800}.db-kues-detail{flex-direction:column;gap:16px;display:flex}.db-kues-detail-group{flex-direction:column;gap:8px;display:flex}.db-kues-detail-dim{letter-spacing:.03em;font-size:12px;font-weight:800}.db-kues-detail-row{align-items:center;gap:10px;display:flex}.db-kues-detail-q{color:#444;flex:1;font-size:11px;line-height:1.4}.db-kues-detail-track{background:#2f7d7914;border-radius:4px;flex-shrink:0;width:80px;height:6px;overflow:hidden}.db-kues-detail-fill{border-radius:4px;height:100%;transition:width .8s}.db-kues-detail-val{color:var(--gray);text-align:right;flex-shrink:0;width:28px;font-size:11px;font-weight:700}.db-konsul-list{flex-direction:column;gap:14px;margin-top:4px;display:flex}.db-konsul-item{align-items:center;gap:12px;display:flex}.db-konsul-img{object-fit:cover;border:2px solid #2f7d7933;border-radius:50%;flex-shrink:0;width:42px;height:42px}.db-konsul-info{flex:1}.db-konsul-name{color:#111;font-size:13px;font-weight:700}.db-konsul-cat{color:var(--gray);margin-top:1px;font-size:11px;line-height:1.4}.db-konsul-tgl{text-align:right}.db-konsul-day{color:#111;font-size:12px;font-weight:600;display:block}.db-konsul-status{border-radius:999px;margin-top:3px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.s-done{color:var(--teal);background:#2f7d791f}.s-run{color:#a06030;background:#e8c4a040}.db-empty{color:var(--gray);text-align:center;padding:16px 0;font-size:13px}.db-badge-new{background:var(--grad-teal);color:#fff;box-shadow:0 2px 8px var(--teal-glow);border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700}.db-pesan-list{flex-direction:column;gap:14px;margin-top:4px;display:flex}.db-pesan-item{align-items:flex-start;gap:10px;display:flex}.db-pesan-item--unread .db-pesan-text{color:#333;font-weight:600}.db-pesan-avatar{background:var(--grad-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.db-pesan-avatar--team{background:var(--grad-dark)}.db-pesan-body{flex:1}.db-pesan-head{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.db-pesan-name{color:#111;font-size:13px;font-weight:700}.db-pesan-time{color:var(--gray);font-size:11px}.db-pesan-text{color:var(--gray);white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:12px;line-height:1.5;overflow:hidden}.db-btn-mulai-sesi{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#79d8d1,#2f7d79);border:none;border-radius:20px;margin-top:4px;padding:5px 12px;font-size:11px;font-weight:600;transition:opacity .2s}.db-btn-mulai-sesi:hover{opacity:.85}.db-footer{background:#f2f2eaf2;border-top:1px solid #2f7d7914;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:20px 36px;display:flex}.db-footer-brand{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:14px;font-weight:800;display:block}.db-footer-copy{color:#aaa;font-size:11px}.db-footer-links{color:var(--gray);gap:20px;font-size:12px;font-weight:500;display:flex}.db-footer-links span{cursor:pointer;transition:color .15s}.db-footer-links span:hover{color:var(--teal)}.footer-modal-title{color:#1a1a2e;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.db-stat-card{animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp}.db-stat-card:first-child{animation-delay:50ms}.db-stat-card:nth-child(2){animation-delay:.1s}.db-stat-card:nth-child(3){animation-delay:.15s}.db-stat-card:nth-child(4){animation-delay:.2s}.db-topbar-nav--desktop{display:flex}.db-topbar-nav--mobile{display:none}.db-topbar-row1{display:contents}@media (width<=1024px){.db-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.db-topbar-nav--desktop{display:none!important}.db-topbar-nav--mobile{display:flex}.db-topbar-inner{flex-direction:column;align-items:stretch;gap:0;width:92%;height:auto;margin:auto;padding:0;display:flex}.db-topbar-row1{justify-content:space-between;align-items:center;gap:0;width:100%;height:56px;display:flex}.db-topbar-l{flex:none;align-items:center;gap:10px;height:56px;display:flex}.db-topbar-r{flex:none;align-items:center;gap:6px;height:56px;display:flex}.db-topbar-nav--mobile{border-top:1px solid #2f7d7914;justify-content:center;align-items:center;gap:24px;width:100%;height:38px;position:static}.db-topbar-nav--mobile span{font-size:13px}.db-topbar-logo{font-size:15px}.db-topbar-cta{padding:7px 10px;font-size:11px}.db-icon-btn{width:32px;height:32px}.db-avatar{width:32px;height:32px;font-size:12px}.nav-logout-btn{flex-shrink:0;width:28px;height:28px;display:flex}.db-content{padding:20px 16px}.db-grid{grid-template-columns:1fr}.db-kuesioner-card{grid-area:auto/1}.db-card--wide{grid-column:1}.db-hero-card{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:24px}.db-hero-right{padding-left:0}.db-stats-row{grid-template-columns:repeat(2,1fr)}.db-kues-donuts-row{gap:8px}.db-footer{padding:16px}}.db-loading{background:#f2f2ea;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;display:flex}.db-loading-spinner{border:4px solid #e0e0e0;border-top-color:#2f7d79;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.db-loading-text{color:#2f7d79;font-weight:600}input[type=range]{accent-color:var(--teal)}input[type=range]::-webkit-slider-thumb{background:var(--teal)}input[type=range]::-webkit-slider-thumb:hover{background:var(--teal-lt)}.kon-page{background:var(--cream)}.kon-hero{background:linear-gradient(160deg,#d9f0da 0%,#f2f2ea 60%);border-bottom:1px solid #2f7d791a;padding:64px 0 48px}.kon-hero-inner{flex-direction:column;align-items:flex-start;gap:14px;width:92%;margin:0 auto;display:flex}.kon-hero-pill{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;background:#2f7d791f;border:1px solid #2f7d7933;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;display:inline-block}.kon-hero-h1{color:#111;letter-spacing:-1.2px;font-size:52px;font-weight:800;line-height:1.08}.kon-hero-sub{color:var(--gray);max-width:560px;font-size:15px;font-weight:400;line-height:1.75}.kon-searchbar{background:#fff;border:1.5px solid #2f7d792e;border-radius:14px;align-items:center;gap:10px;width:480px;max-width:100%;margin-top:8px;padding:12px 18px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #2f7d7914}.kon-searchbar:focus-within{border-color:var(--teal);box-shadow:0 4px 20px #2f7d7929}.kon-search-icon{color:#aaa;flex-shrink:0}.kon-search-input{color:#333;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px;font-weight:500}.kon-search-input::placeholder{color:#bbb;font-weight:400}.kon-search-clear{color:#bbb;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px 6px;font-size:12px;transition:color .2s,background .2s}.kon-search-clear:hover{color:#888;background:#f0f0f0}.kon-body{grid-template-columns:220px 1fr;align-items:flex-start;gap:36px;width:92%;margin:40px auto 0;display:grid}.kon-sidebar{border-radius:var(--radius-lg);background:#fff;border:1px solid #2f7d791a;flex-direction:column;gap:20px;padding:24px 20px;display:flex;position:sticky;top:80px;box-shadow:0 2px 16px #0000000a}.kon-sidebar-header{color:#111;border-bottom:1px solid #2f7d791a;align-items:center;gap:8px;padding-bottom:16px;font-size:14px;font-weight:800;display:flex}.kon-filter-group{flex-direction:column;gap:10px;display:flex}.kon-filter-label{color:#aaa;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.kon-checkbox-row{cursor:pointer;align-items:flex-start;gap:10px;line-height:1.5;display:flex}.kon-checkbox{display:none}.kon-checkbox-custom{background:#fff;border:1.5px solid #d0d0d0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;transition:all .2s;display:flex}.kon-checkbox:checked+.kon-checkbox-custom{background:var(--teal);border-color:var(--teal)}.kon-checkbox:checked+.kon-checkbox-custom:after{content:"✓";color:#fff;font-size:10px;font-weight:800}.kon-checkbox-text{color:#444;font-size:12px;font-weight:500;line-height:1.5}.kon-select-wrap{position:relative}.kon-select{border-radius:var(--radius-sm);color:#333;appearance:none;cursor:pointer;background:#fff;border:1.5px solid #e0e0d6;outline:none;width:100%;padding:9px 32px 9px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s}.kon-select:focus{border-color:var(--teal)}.kon-select-arrow{color:#888;pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.kon-avail-wrap{flex-wrap:wrap;gap:6px;display:flex}.kon-avail-btn{color:#666;cursor:pointer;background:#fff;border:1.5px solid #e0e0d6;border-radius:20px;padding:5px 11px;font-family:inherit;font-size:11px;font-weight:600;transition:all .18s}.kon-avail-btn:hover{border-color:var(--teal);color:var(--teal)}.kon-avail-btn.aktif{background:var(--teal);border-color:var(--teal);color:#fff}.kon-reset-btn{border-radius:var(--radius-sm);color:var(--teal);cursor:pointer;text-align:center;background:linear-gradient(135deg,#eef8f7 0%,#d9f0da 100%);border:1px solid #2f7d7933;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:block}.kon-reset-btn:hover{background:var(--teal);color:#fff;border-color:var(--teal)}.kon-grid-wrap{flex-direction:column;gap:20px;padding-bottom:60px;display:flex}.kon-result-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.kon-result-count{color:var(--gray);font-size:13px;font-weight:500}.kon-result-count strong{color:var(--teal);font-weight:800}.kon-clear-all{color:#c0392b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s}.kon-clear-all:hover{background:#c0392b14}.kon-empty{border-radius:var(--radius-lg);text-align:center;background:#fff;border:1px dashed #ddd;flex-direction:column;align-items:center;gap:12px;padding:60px 32px;display:flex}.kon-empty-icon{font-size:40px}.kon-empty-h{color:#111;font-size:18px;font-weight:800}.kon-empty-p{color:var(--gray);font-size:14px}.kon-grid{grid-template-columns:repeat(2,minmax(420px,1fr));gap:28px;display:grid}.kon-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #0000000f;flex-direction:column;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s;animation:.55s cubic-bezier(.22,1,.36,1) both konFadeUp;display:flex;overflow:hidden;box-shadow:0 2px 14px #0000000d}@keyframes konFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.kon-card:hover{transform:translateY(-8px);box-shadow:0 24px 56px #2f7d7924}.kon-card-photo-wrap{height:360px;position:relative;overflow:hidden}.kon-card-photo{object-fit:contain;object-position:center;background:#d60000;width:100%;height:100%;transition:transform .4s;display:block}.kon-card:hover .kon-card-photo{transform:scale(1.04)}.kon-card-photo-overlay{opacity:0;background:linear-gradient(#0000 0%,#0f3c3ab8 100%);justify-content:center;align-items:flex-end;padding-bottom:20px;transition:opacity .28s;display:flex;position:absolute;inset:0}.kon-card:hover .kon-card-photo-overlay{opacity:1}.kon-card-book-btn{color:var(--teal);border-radius:var(--radius-sm);cursor:pointer;background:#fffffff2;border:none;padding:10px 28px;font-family:inherit;font-size:13px;font-weight:800;transition:background .2s,transform .15s;box-shadow:0 4px 14px #00000026}.kon-card-book-btn:hover{background:#fff;transform:scale(1.03)}.kon-card-rating-badge{color:#111;background:#ffffffeb;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:800;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000001f}.kon-card-rating-star{color:#f5a623;font-size:13px}.kon-card-info{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.kon-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.kon-card-name{color:#111;letter-spacing:-.2px;flex:1;font-size:16px;font-weight:800}.kon-kat-badge{letter-spacing:.05em;border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:800}.kon-card-kat{color:var(--teal);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.kon-stars{color:#f5a623;align-items:center;gap:2px;display:flex}.kon-star-svg.s-empty{color:#ddd}.kon-rating-val{color:#333;margin-left:4px;font-size:12px;font-weight:700}.kon-card-meta{color:var(--gray);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.kon-card-exp{color:#666}.kon-card-cases{color:var(--teal);font-weight:700}.kon-card-bar-wrap{align-items:center;gap:10px;display:flex}.kon-card-bar-track{background:#2f7d791a;border-radius:3px;flex:1;height:5px;overflow:hidden}.kon-card-bar-fill{border-radius:3px;height:100%;transition:width .8s}.kon-card-sr{color:#999;white-space:nowrap;font-size:11px;font-weight:600}.kon-card-avail{flex-wrap:wrap;gap:5px;display:flex}.kon-avail-tag{color:var(--teal);background:#2f7d7914;border:1px solid #2f7d7933;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.kon-card-cta{border-radius:var(--radius-sm);color:var(--teal);cursor:pointer;text-align:center;background:linear-gradient(135deg,#eef8f7 0%,#d9f0da 100%);border:1px solid #2f7d7933;width:100%;margin-top:auto;padding:11px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.kon-card-cta:hover{background:var(--teal);color:#fff;border-color:var(--teal);transform:translateY(-1px);box-shadow:0 6px 20px #2f7d7940}.kon-loadmore-wrap{flex-direction:column;align-items:center;gap:12px;padding-top:10px;display:flex}.kon-loadmore-info{color:var(--gray);text-align:center;font-size:13px}.kon-loadmore-btn{color:var(--teal);cursor:pointer;background:#fff;border:1.5px solid #2f7d7940;border-radius:999px;align-items:center;gap:8px;padding:13px 28px;font-family:inherit;font-size:14px;font-weight:700;transition:all .22s;display:flex;box-shadow:0 2px 12px #0000000f}.kon-loadmore-btn:hover{background:var(--teal);color:#fff;border-color:var(--teal);transform:translateY(-2px);box-shadow:0 10px 30px #2f7d7940}@media (width<=1024px){.kon-hero-h1{font-size:40px}.kon-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.kon-body{grid-template-columns:1fr}.kon-sidebar{position:static}.kon-hero-h1{font-size:32px}.kon-searchbar{width:100%}.kon-grid{grid-template-columns:repeat(2,1fr);gap:14px}.kon-card-photo-wrap{height:180px}.kon-card-info{padding:14px}.kon-card-name{font-size:14px;line-height:1.3}.kon-card-kat{font-size:9px}.kon-card-meta,.kon-card-sr,.kon-card-cases{font-size:10px}.kon-card-cta{padding:10px;font-size:12px}.kon-avail-wrap{flex-direction:row}@keyframes skel-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel-box{background:linear-gradient(90deg,#8080801a 25%,#80808033 50%,#8080801a 75%) 0 0/800px 100%;border-radius:4px;animation:1.4s linear infinite skel-shimmer}.kon-card--skeleton{pointer-events:none}}@media (width<=550px){.kon-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kon-card-info{padding:10px}}.sk-shell{z-index:1;min-height:100vh;display:flex;position:relative}.sk-sidebar{z-index:1000;background:#f5f5ef;border-right:1px solid #2f7d791f;flex-direction:column;flex-shrink:0;justify-content:space-between;width:220px;height:100vh;padding:28px 16px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-110%);box-shadow:4px 0 28px #0000001a}.sk-sidebar--open{transform:translate(0)}.sk-sidebar-overlay{z-index:999;background:#00000059;position:fixed;inset:0}.sk-sidebar-logo{cursor:pointer;letter-spacing:-.3px;background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:16px;font-weight:800;display:block}.sk-sidebar-nav{flex-direction:column;gap:4px;display:flex}.sk-sidebar-item{border-radius:var(--radius-sm);color:var(--gray);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.sk-sidebar-item:hover{background:var(--teal-bg);color:var(--teal)}.sk-sidebar-item--active{color:var(--teal);background:linear-gradient(135deg,#2f7d791f 0%,#79d8d11a 100%);border:1px solid #2f7d7926;font-weight:700}.sk-sidebar-logout{border:1px solid var(--gray-lt);border-radius:var(--radius-sm);color:var(--gray);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .2s,color .2s;display:flex}.sk-sidebar-logout:hover{color:#c0392b;border-color:#c0392b}.sk-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.sk-topbar{z-index:10;background:#f2f2eaeb;border-bottom:1px solid #2f7d791a;position:sticky;top:0}.sk-topbar-inner{justify-content:space-between;align-items:center;gap:12px;width:92%;margin:auto;padding:14px 0;display:flex}.sk-topbar-row1{display:contents}.sk-topbar-l{align-items:center;gap:48px;display:flex}.sk-sidebar-toggle{width:36px;height:36px;color:var(--teal);cursor:pointer;background:#2f7d791a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.sk-sidebar-toggle:hover{background:#2f7d7933;transform:scale(1.05)}.sk-logo{cursor:pointer;letter-spacing:-.3px;background:var(--grad-teal);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.sk-topbar-nav{gap:28px;list-style:none;display:flex}.sk-topbar-nav span{color:var(--gray);cursor:pointer;padding-bottom:2px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.sk-topbar-nav span:after{content:"";background:var(--grad-teal);border-radius:2px;height:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.sk-topbar-nav span:hover:after{transform:scaleX(1)}.sk-topbar-nav span:hover{color:var(--teal);font-weight:600}.sk-topbar-active{color:var(--teal)!important;font-weight:600!important}.sk-topbar-active:after{transform:scaleX(1)!important}.sk-topbar-nav--desktop{display:flex}.sk-topbar-nav--mobile{display:none}.sk-topbar-r{align-items:center;gap:12px;display:flex}.sk-cta{background:var(--grad-teal);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 16px var(--teal-glow-strong);white-space:nowrap;border:none;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s}.sk-cta:hover{opacity:.88;box-shadow:0 8px 24px var(--teal-glow-strong);transform:translateY(-1px)}.sk-icon-btn{color:var(--teal);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,transform .15s;display:flex}.sk-icon-btn:hover{background:var(--teal-bg);transform:scale(1.08)}.sk-avatar{background:var(--grad-teal);color:#fff;cursor:pointer;border:2px solid var(--teal);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .2s;display:flex}.sk-avatar:hover{box-shadow:0 0 0 4px var(--teal-glow);transform:scale(1.08)}.sk-nav-logout-btn{color:var(--gray);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:color .2s,background .2s;display:flex}.sk-nav-logout-btn:hover{color:#c0392b;background:#c0392b14}.sk-greeting{margin-bottom:24px;padding:28px 36px 0}.sk-greeting-sub{color:#111;letter-spacing:-.4px;font-size:22px;font-weight:800}.sk-greeting-hint{color:var(--gray);margin-top:5px;font-size:13px}.sk-banner{background:linear-gradient(140deg, var(--dark) 0%, #0f2624 40%, #1d5753 100%);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin:0 36px;padding:40px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0f262440}.sk-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#79d8d11f 0%,#0000 65%);border-radius:50%;width:280px;height:280px;position:absolute;top:-60px;left:-60px}.sk-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#2f7d7926 0%,#0000 65%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-80px;right:140px}.sk-banner-left{z-index:1;flex:1;position:relative}.sk-banner-tag{color:#79d8d1e6;letter-spacing:.1em;text-transform:uppercase;background:#79d8d11f;border:1px solid #79d8d140;border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-block}.sk-banner-h1{color:#fff;letter-spacing:-.3px;margin-bottom:10px;font-size:22px;font-weight:800;line-height:1.35}.sk-banner-p{color:#ffffffa6;margin-bottom:20px;font-size:13px;line-height:1.75}.sk-banner-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;z-index:1;background:#ffffff26;border:1px solid #ffffff4d;padding:11px 24px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,transform .15s;position:relative}.sk-banner-btn:hover{background:#ffffff3d;transform:translateY(-1px)}.sk-banner-right{z-index:1;flex-direction:column;align-items:center;gap:14px;padding-left:32px;display:flex;position:relative}.sk-donut-wrap{position:relative}.sk-donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sk-donut-val{color:var(--teal-lt);font-size:26px;font-weight:800;line-height:1}.sk-donut-sub{color:#ffffff8c;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:700}.sk-skor-item .sk-donut-val{color:var(--teal)}.sk-skor-item .sk-donut-sub{color:var(--gray)}.sk-content{flex:1;padding:24px 36px}.sk-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.sk-stat-card{background:var(--grad-stat);border-radius:var(--radius-md);border:1px solid #2f7d791a;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 18px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.sk-stat-card:before{content:"";background:var(--grad-teal);border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.sk-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2f7d7921}.sk-stat-top{justify-content:space-between;align-items:center;width:100%;display:flex}.sk-stat-icon{font-size:18px}.sk-stat-delta{background:var(--teal-bg);color:var(--teal);border:1px solid #2f7d792e;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.sk-stat-val{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.sk-stat-lbl{color:var(--gray);font-size:11px;font-weight:500}.sk-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:32px;display:grid}.sk-card{background:var(--grad-card);border-radius:var(--radius-lg);border:1px solid #2f7d7914;padding:24px 26px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;box-shadow:0 2px 16px #0000000a}.sk-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #2f7d791a}.sk-card--wide{grid-column:1/2}.sk-card-h3{color:#111;letter-spacing:-.2px;margin-bottom:4px;font-size:15px;font-weight:800}.sk-card-sub{color:var(--gray);margin-bottom:16px;font-size:12px}.sk-bar-chart{align-items:flex-end;gap:6px;height:120px;padding-bottom:4px;display:flex}.sk-bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.sk-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.sk-bar{border-radius:5px 5px 0 0;width:100%;min-height:6px;transition:height .5s}.sk-bar-label{color:var(--gray);font-size:10px;font-weight:600}.sk-chart-legend{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.sk-legend-item{color:var(--gray);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.sk-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sk-dim-list{flex-direction:column;gap:11px;display:flex}.sk-dim-row{align-items:center;gap:10px;display:flex}.sk-dim-label{color:#444;flex-shrink:0;width:130px;font-size:12px;font-weight:500}.sk-dim-track{background:#2f7d7914;border-radius:4px;flex:1;height:8px;overflow:hidden}.sk-dim-fill{background:linear-gradient(90deg, var(--teal) 0%, var(--teal-lt) 100%);border-radius:4px;height:100%;transition:width .8s}.sk-dim-val{color:var(--teal);text-align:right;width:30px;font-size:12px;font-weight:700}.sk-target-list{flex-direction:column;gap:10px;display:flex}.sk-target-row{align-items:center;gap:10px;display:flex}.sk-target-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.ti-done{color:var(--teal);background:#2f7d791f}.ti-run{color:var(--gray);border:1px solid var(--gray-lt);background:#c8c8c833}.sk-target-info{flex:1}.sk-target-name{color:#333;font-size:12px;font-weight:500;line-height:1.4}.sk-target-count{color:var(--teal);white-space:nowrap;font-size:12px;font-weight:700}.sk-skor-row{justify-content:space-around;align-items:center;padding:16px 0;display:flex}.sk-skor-item{flex-direction:column;align-items:center;gap:8px;display:flex}.sk-skor-lbl{color:var(--gray);font-size:11px;font-weight:600}.sk-catatan-mentor{border-radius:var(--radius-sm);background:linear-gradient(135deg,#2f7d7914 0%,#79d8d114 100%);border:1px solid #2f7d7926;margin-top:12px;padding:12px 14px}.sk-catatan-tag{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.sk-catatan-text{color:#333;font-size:12px;font-style:italic;line-height:1.6}.sk-section-hd{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.sk-section-h2{color:#111;letter-spacing:-.3px;font-size:18px;font-weight:800}.sk-section-sub{color:var(--gray);margin-top:3px;font-size:12px}.sk-link-btn{color:var(--teal);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:700}.sk-riwayat-list{flex-direction:column;gap:12px;margin-bottom:36px;display:flex}.sk-riwayat-item{background:var(--grad-card);border-radius:var(--radius-md);border:1px solid #2f7d7914;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 2px 12px #0000000a}.sk-riwayat-item:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2f7d791a}.sk-riwayat-left{flex:1;align-items:flex-start;gap:14px;display:flex}.sk-riwayat-img{object-fit:cover;border:2px solid #2f7d7933;border-radius:50%;flex-shrink:0;width:42px;height:42px}.sk-riwayat-name{color:#111;font-size:14px;font-weight:700}.sk-riwayat-spec{color:var(--gray);font-size:13px;font-weight:400}.sk-riwayat-date{color:var(--gray);margin-top:2px;font-size:12px}.sk-riwayat-note{color:#555;max-width:500px;margin-top:6px;font-size:12px;line-height:1.6}.sk-riwayat-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:10px;font-weight:700}.rb-done{color:var(--teal);background:#2f7d791f}.rb-run{color:#a06030;background:#e8c4a040}.sk-mentor-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;display:grid}.sk-mentor-card{background:var(--grad-card);border-radius:var(--radius-lg);text-align:center;border:1px solid #2f7d7914;flex-direction:column;align-items:center;gap:6px;padding:22px 20px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;display:flex;box-shadow:0 2px 16px #0000000a}.sk-mentor-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #2f7d791a}.sk-mentor-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:6px;font-size:16px;font-weight:800;display:flex}.sk-mentor-name{color:#111;font-size:14px;font-weight:800}.sk-mentor-cat{color:var(--gray);font-size:11px;line-height:1.4}.sk-mentor-stats{gap:16px;margin:8px 0;display:flex}.sk-mstat{flex-direction:column;align-items:center;gap:2px;display:flex}.sk-mstat-val{color:#111;font-size:14px;font-weight:800}.sk-mstat-lbl{color:var(--gray);font-size:10px}.sk-mentor-rate-bar{background:var(--gray-lt);border-radius:3px;width:100%;height:5px;overflow:hidden}.sk-mentor-rate-fill{border-radius:3px;height:100%;transition:width .8s}.sk-mentor-sr{color:var(--gray);font-size:11px}.sk-mentor-btn{border-radius:var(--radius-sm);border:1.5px solid var(--gray-lt);width:100%;color:var(--gray);cursor:pointer;background:0 0;margin-top:6px;padding:9px;font-family:inherit;font-size:12px;font-weight:700;transition:border-color .2s,color .2s,background .2s}.sk-mentor-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-bg)}.sk-mentor-btn--rec{background:var(--grad-teal);color:#fff;box-shadow:0 4px 16px var(--teal-glow-strong);border-color:#0000}.sk-mentor-btn--rec:hover{opacity:.88;transform:translateY(-1px)}.sk-footer{background:#f2f2eaf2;border-top:1px solid #2f7d7914;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:20px 36px;display:flex}.sk-footer-brand{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:14px;font-weight:800;display:block}.sk-footer-copy{color:#aaa;font-size:11px}.sk-footer-links{color:var(--gray);gap:20px;font-size:12px;font-weight:500;display:flex}.sk-footer-links span{cursor:pointer;transition:color .15s}.sk-footer-links span:hover{color:var(--teal)}.st-loading{justify-content:center;align-items:center;display:flex}.st-loading-container{text-align:center;color:var(--teal)}.st-loading-spinner{border:4px solid #2f7d7933;border-top:4px solid var(--teal);border-radius:50%;width:48px;height:48px;margin:0 auto 12px;animation:1s linear infinite spin}.st-loading-text{color:var(--gray);font-size:14px}.sk-stat-card{animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp}.sk-stat-card:first-child{animation-delay:50ms}.sk-stat-card:nth-child(2){animation-delay:.1s}.sk-stat-card:nth-child(3){animation-delay:.15s}.sk-stat-card:nth-child(4){animation-delay:.2s}@media (width<=1024px){.sk-stats-row,.sk-mentor-grid{grid-template-columns:repeat(2,1fr)}.sk-content{padding:24px}.sk-banner{margin:0 24px;padding:32px 24px}.sk-greeting{padding:24px 24px 0}}@media (width<=768px){.sk-topbar-nav--desktop{display:none!important}.sk-topbar-nav--mobile{display:flex}.sk-topbar-inner{flex-direction:column;align-items:stretch;gap:0;width:92%;height:auto;margin:auto;padding:0;display:flex}.sk-topbar-row1{justify-content:space-between;align-items:center;gap:0;width:100%;height:56px;display:flex}.sk-topbar-l{flex:none;align-items:center;gap:10px;height:56px;display:flex}.sk-topbar-r{flex:none;align-items:center;gap:6px;height:56px;display:flex}.sk-topbar-nav--mobile{border-top:1px solid #2f7d7914;justify-content:center;align-items:center;gap:24px;width:100%;height:38px;position:static}.sk-topbar-nav--mobile span{font-size:13px}.sk-logo{font-size:15px}.sk-cta{padding:7px 10px;font-size:11px}.sk-icon-btn{width:32px;height:32px}.sk-avatar{width:32px;height:32px;font-size:12px}.sk-nav-logout-btn{flex-shrink:0;width:28px;height:28px;display:flex}.sk-grid{grid-template-columns:1fr}.sk-card--wide{grid-column:1}.sk-mentor-grid{grid-template-columns:1fr}.sk-banner{text-align:center;flex-direction:column;align-items:center;gap:24px;margin:0 16px;padding:32px 24px}.sk-banner-right{padding-left:0}.sk-stats-row{grid-template-columns:repeat(2,1fr)}.sk-footer{padding:16px}.sk-content{padding:20px 16px}.sk-greeting{padding:20px 16px 0}}.kuis-shell{color:#1a1a1a;background:#f5f4f0;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.kuis-nav{background:#f5f4f0;border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;padding:18px 48px;display:flex}.kuis-nav-brand{color:#1a1a1a;cursor:pointer;font-family:Lora,serif;font-size:18px;font-weight:600}.kuis-nav-links{gap:32px;display:flex}.kuis-nav-links span{color:#555;cursor:pointer;font-size:14px;transition:color .2s}.kuis-nav-links span:hover{color:#1a1a1a}.kuis-nav-cta{color:#fff;cursor:pointer;background:#2d6b68;border:none;border-radius:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:background .2s}.kuis-nav-cta:hover{background:#245a57}.kuis-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:48px 24px 60px}.kuis-greeting{color:#2d6b68;letter-spacing:.04em;background:#e8f4f3;border-radius:20px;margin-bottom:12px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.kuis-h1{color:#1a1a1a;margin-top:10px;margin-bottom:12px;font-family:Lora,serif;font-size:36px;font-weight:600}.kuis-sub{color:#777;margin-bottom:28px;font-size:14px;line-height:1.7}.kuis-demo-panel{background:#fff;border:1.5px dashed #d0cdc6;border-radius:12px;margin-bottom:28px;padding:14px 18px}.kuis-demo-label{color:#aaa;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.kuis-demo-list{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.kuis-demo-btn{color:#666;cursor:pointer;background:#faf9f7;border:1px solid #d0cdc6;border-radius:20px;padding:5px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .18s}.kuis-demo-btn:hover{color:#2d6b68;border-color:#2d6b68}.kuis-demo-btn.aktif{color:#fff;background:#2d6b68;border-color:#2d6b68}.kuis-demo-btn.reset{color:#b04040;background:#fff3f0;border-color:#e09090}.kuis-demo-btn.reset:hover{background:#ffe5e5}.kuis-demo-info{color:#888;margin-top:4px;font-size:11px;line-height:1.5}.kuis-progress-wrap{margin-bottom:36px}.kuis-progress-top{justify-content:space-between;margin-bottom:8px;display:flex}.kuis-progress-label{color:#2d6b68;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.kuis-progress-step{color:#999;font-size:11px}.kuis-progress-track{background:#e0ddd6;border-radius:999px;height:3px;overflow:hidden}.kuis-progress-fill{background:#2d6b68;border-radius:999px;height:100%;transition:width .4s}.kuis-card{background:#fff;border-radius:20px;margin-bottom:24px;padding:36px;box-shadow:0 2px 20px #0000000d}.kuis-soal-q{color:#1a1a1a;margin-bottom:10px;font-family:Lora,serif;font-size:22px;font-weight:600;line-height:1.4}.kuis-soal-hint{color:#aaa;margin-bottom:24px;font-size:13px;line-height:1.5}.kuis-kartu-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.kuis-kartu{cursor:pointer;text-align:left;background:#faf9f7;border:1.5px solid #e8e5de;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;font-family:Inter,sans-serif;transition:all .2s;display:flex}.kuis-kartu:hover{background:#f0f7f6;border-color:#2d6b68}.kuis-kartu.terpilih{background:#e8f4f3;border-color:#2d6b68;box-shadow:0 0 0 3px #2d6b681a}.kuis-kartu-icon{margin-bottom:4px;font-size:22px}.kuis-kartu-label{color:#1a1a1a;font-size:14px;font-weight:600}.kuis-kartu-sub{color:#888;font-size:12px;line-height:1.4}.kuis-slider-wrap{padding:8px 0}.kuis-slider-labels{justify-content:space-between;margin-bottom:20px;display:flex}.kuis-slider-labels span{color:#aaa;letter-spacing:.06em;text-transform:uppercase;max-width:180px;font-size:10px;font-weight:600}.kuis-slider-labels span:last-child{text-align:right}.kuis-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#2d6b68 50%,#e0ddd6 50%);border-radius:999px;outline:none;width:100%;height:4px}.kuis-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2.5px solid #2d6b68;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #00000026}.kuis-slider-val{text-align:center;color:#2d6b68;margin-top:14px;font-size:20px;font-weight:700}.kuis-nav-btn{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.kuis-btn-lewati{color:#bbb;cursor:pointer;background:0 0;border:none;padding:10px 0;font-family:Inter,sans-serif;font-size:14px;transition:color .2s}.kuis-btn-lewati:hover{color:#888}.kuis-btn-outline{color:#555;cursor:pointer;background:#fff;border:1.5px solid #d0cdc6;border-radius:10px;padding:12px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.kuis-btn-outline:hover{color:#2d6b68;border-color:#2d6b68}.kuis-btn-lanjut{color:#fff;cursor:pointer;background:#2d6b68;border:none;border-radius:10px;padding:13px 28px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.kuis-btn-lanjut:hover:not(:disabled){background:#245a57;transform:translateY(-1px);box-shadow:0 6px 16px #2d6b6840}.kuis-btn-lanjut:disabled{opacity:.4;cursor:not-allowed}.kuis-quote{text-align:center;color:#ccc;max-width:500px;margin:0 auto;font-family:Lora,serif;font-size:13px;font-style:italic;line-height:1.7}.hasil-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:48px 24px 60px}.hasil-saved-notice{color:#2d6b68;background:#e8f4f3;border:1px solid #a8d5d0;border-radius:10px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.hasil-header{margin-bottom:36px}.hasil-greeting-badge{color:#2d6b68;background:#e8f4f3;border-radius:20px;margin-bottom:16px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-block}.hasil-h1{color:#1a1a1a;margin-bottom:14px;font-family:Lora,serif;font-size:36px;font-weight:600;line-height:1.2}.hasil-sub{color:#777;max-width:700px;font-size:14px;line-height:1.75}.hasil-kondisi-wrap{background:#fff;border-radius:20px;margin-bottom:24px;padding:28px;box-shadow:0 2px 16px #0000000d}.hasil-kondisi-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.hasil-kondisi-label{color:#aaa;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.hasil-kondisi-skor{color:#555;font-size:13px}.hasil-kondisi-bar-track{background:#e8e5de;border-radius:999px;height:6px;margin-bottom:20px;overflow:hidden}.hasil-kondisi-bar-fill{background:linear-gradient(90deg,#2d6b68,#5aa8a4);border-radius:999px;height:100%;transition:width .6s}.hasil-dimensi-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.hasil-dimensi-card{text-align:center;background:#f5f4f0;border:1px solid #e8e5de;border-radius:12px;padding:14px}.hasil-dimensi-val{color:#2d6b68;margin-bottom:4px;font-size:22px;font-weight:700;display:block}.hasil-dimensi-label{color:#999;font-size:11px;font-weight:500}.hasil-insight-box{background:#f5f4f0;border:1px solid #e8e5de;border-radius:12px;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.hasil-insight-icon{flex-shrink:0;margin-top:2px;font-size:20px}.hasil-insight-text{color:#555;font-size:13px;line-height:1.7}.hasil-utama-grid{grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.hasil-card-utama{background:#fff;border-radius:20px;padding:28px;position:relative;box-shadow:0 2px 16px #0000000f}.hasil-match-badge{color:#fff;letter-spacing:.03em;background:#2d6b68;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.hasil-utama-foto-wrap{background:#e8f4f3;border-radius:14px;width:100%;height:200px;margin-bottom:16px;overflow:hidden}.hasil-utama-foto{object-fit:cover;object-position:top;width:100%;height:100%}.hasil-utama-nama{color:#1a1a1a;margin-bottom:4px;font-family:Lora,serif;font-size:20px;font-weight:600}.hasil-utama-spesialis{color:#2d6b68;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.hasil-utama-exp{color:#888;margin-top:4px;margin-bottom:16px;font-size:12px}.hasil-btn-jadwal{color:#fff;cursor:pointer;background:#2d6b68;border:none;border-radius:10px;width:100%;padding:12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.hasil-btn-jadwal:hover{background:#245a57;transform:translateY(-1px)}.hasil-card-alasan{background:#f5f4f0;border:1px solid #e8e5de;border-radius:20px;padding:28px}.hasil-alasan-icon{color:#2d6b68;margin-bottom:12px;font-size:22px}.hasil-alasan-h3{color:#1a1a1a;margin-bottom:12px;font-family:Lora,serif;font-size:18px;font-weight:600;line-height:1.4}.hasil-alasan-p{color:#555;margin-bottom:16px;font-size:13px;line-height:1.7}.hasil-alasan-tags{flex-wrap:wrap;gap:8px;display:flex}.hasil-tag{color:#555;background:#fff;border:1px solid #d0cdc6;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600}.hasil-stars{align-items:center;gap:2px;margin-bottom:4px;display:flex}.star-on{color:#f59e0b;font-size:13px}.star-off{color:#d1d5db;font-size:13px}.hasil-rating-val{color:#888;margin-left:4px;font-size:12px;font-weight:600}.hasil-alternatif-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:36px;display:grid}.hasil-card-alt{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000d}.hasil-alt-top{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.hasil-alt-foto{object-fit:cover;object-position:top;background:#e8f4f3;border-radius:50%;flex-shrink:0;width:56px;height:56px}.hasil-alt-match{color:#2d6b68;background:#e8f4f3;border-radius:20px;margin-bottom:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.hasil-alt-nama{color:#1a1a1a;margin-bottom:2px;font-size:14px;font-weight:700}.hasil-alt-kat{color:#888;margin-bottom:4px;font-size:11px}.hasil-alt-desc{color:#666;margin-bottom:14px;font-size:13px;line-height:1.6}.hasil-btn-alt{color:#2d6b68;cursor:pointer;background:#f5f4f0;border:1px solid #e0ddd6;border-radius:8px;width:100%;padding:10px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.hasil-btn-alt:hover{background:#e8f4f3;border-color:#2d6b68}.hasil-pendekatan-wrap{background:#fff;border-radius:20px;margin-bottom:28px;padding:32px;box-shadow:0 2px 12px #0000000d}.hasil-pendekatan-header{margin-bottom:24px}.hasil-pendekatan-h3{color:#1a1a1a;margin-bottom:8px;font-family:Lora,serif;font-size:22px;font-weight:600;line-height:1.3}.hasil-pendekatan-sub{color:#777;max-width:600px;margin-bottom:12px;font-size:13px;line-height:1.7}.hasil-link-sumber{color:#2d6b68;cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.hasil-link-sumber:hover{text-decoration:underline}.hasil-pendekatan-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.hasil-pend-card{background:#f5f4f0;border:1px solid #e8e5de;border-radius:14px;padding:20px}.hasil-pend-icon{margin-bottom:10px;font-size:28px}.hasil-pend-judul{color:#1a1a1a;margin-bottom:6px;font-size:14px;font-weight:700}.hasil-pend-desc{color:#777;font-size:12px;line-height:1.6}.hasil-bottom-actions{justify-content:center;gap:12px;display:flex}.hasil-btn-dashboard{color:#fff;cursor:pointer;background:#2d6b68;border:none;border-radius:10px;padding:13px 28px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.hasil-btn-dashboard:hover{background:#245a57;transform:translateY(-1px)}.hasil-btn-ulang{color:#555;cursor:pointer;background:#fff;border:1.5px solid #d0cdc6;border-radius:10px;padding:13px 28px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.hasil-btn-ulang:hover{color:#2d6b68;border-color:#2d6b68}.kuis-footer{background:#f5f4f0;border-top:1px solid #0000000f;justify-content:space-between;align-items:center;padding:24px 48px;display:flex}.kuis-footer-left strong{color:#1a1a1a;margin-bottom:2px;font-size:14px;display:block}.kuis-footer-left p{color:#aaa;font-size:12px}.kuis-footer-links{gap:24px;display:flex}.kuis-footer-links span{color:#888;cursor:pointer;font-size:12px;transition:color .2s}.kuis-footer-links span:hover{color:#1a1a1a}.ad-footer{background:#f2f2ead1;border-top:1px solid #2f7d7914;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:20px 32px;display:flex}.ad-footer-links{color:var(--gray);gap:20px;font-size:12px;font-weight:500;display:flex}@media (width<=600px){.ad-footer{flex-direction:column;align-items:flex-start;padding:20px 16px}}@media (width<=768px){.kuis-nav{padding:16px 20px}.kuis-nav-links{display:none}.hasil-utama-grid,.hasil-alternatif-grid,.hasil-pendekatan-grid{grid-template-columns:1fr}.hasil-dimensi-grid{grid-template-columns:1fr 1fr 1fr}.kuis-kartu-grid{grid-template-columns:1fr}.kuis-footer{flex-direction:column;gap:16px;padding:20px}.hasil-h1,.kuis-h1{font-size:28px}}@media (width<=480px){.hasil-dimensi-grid{grid-template-columns:1fr}}.kd-page{background:var(--cream)}.kd-breadcrumb-wrap{width:92%;margin:0 auto;padding:18px 0 0}.kd-breadcrumb{color:var(--gray);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.kd-breadcrumb span{cursor:pointer;transition:color .2s}.kd-breadcrumb span:hover{color:var(--teal)}.kd-bc-sep{color:#ccc}.kd-bc-active{color:#111;cursor:default;font-weight:700}.kd-layout{grid-template-columns:1fr 340px;align-items:flex-start;gap:32px;width:92%;margin:28px auto 0;padding-bottom:60px;display:grid}.kd-section{border-radius:var(--radius-lg);background:#fff;border:1px solid #2f7d7914;margin-bottom:20px;padding:32px;animation:.5s cubic-bezier(.22,1,.36,1) both kdFadeUp;box-shadow:0 2px 16px #0000000a}@keyframes kdFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kd-section-h{color:#111;letter-spacing:-.3px;margin-bottom:20px;font-size:20px;font-weight:800}.kd-hero-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #2f7d7914;grid-template-columns:220px 1fr;gap:32px;margin-bottom:20px;padding:32px;animation:.45s cubic-bezier(.22,1,.36,1) both kdFadeUp;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 20px #0000000d}.kd-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#2f7d790f 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.kd-hero-photo-col{flex-direction:column;align-items:center;gap:12px;display:flex}.kd-hero-photo-wrap{border-radius:18px;width:200px;height:240px;overflow:hidden;box-shadow:0 12px 36px #0000001f}.kd-hero-photo{object-fit:cover;object-position:top;width:100%;height:100%}.kd-avail-status{color:#2e7d57;background:#e8f5ee;border:1px solid #2e7d5733;border-radius:20px;align-items:center;gap:7px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.kd-avail-dot{background:#2e7d57;border-radius:50%;width:7px;height:7px;animation:2s infinite kdPulse;box-shadow:0 0 0 3px #2e7d5733}@keyframes kdPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.kd-hero-info{flex-direction:column;gap:10px;padding-top:4px;display:flex}.kd-hero-kat-pill{color:var(--teal);letter-spacing:.06em;background:#2f7d791a;border:1px solid #2f7d7933;border-radius:999px;width:fit-content;padding:5px 13px;font-size:11px;font-weight:700;display:inline-block}.kd-hero-name{color:#111;letter-spacing:-.6px;font-size:32px;font-weight:800;line-height:1.1}.kd-hero-tagline{color:var(--gray);max-width:480px;font-size:14px;line-height:1.7}.kd-quick-stats{background:linear-gradient(135deg,#eef8f7 0%,#f5fbfa 100%);border:1px solid #2f7d791f;border-radius:16px;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;padding:16px 20px;display:flex}.kd-qs-item{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:70px;display:flex}.kd-qs-val{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;line-height:1}.kd-qs-label{color:#888;letter-spacing:.04em;text-align:center;font-size:10px;font-weight:600}.kd-qs-divider{background:#2f7d7926;flex-shrink:0;width:1px;height:36px}.kd-bio-p{color:#555;margin-bottom:12px;font-size:14px;line-height:1.85}.kd-rating-breakdown{background:#f5f4f0;border:1px solid #e8e5de;border-radius:14px;flex-direction:column;gap:12px;margin-top:20px;padding:20px;display:flex}.kd-rating-bar-row{align-items:center;gap:12px;display:flex}.kd-rating-bar-label{color:#555;flex-shrink:0;width:150px;font-size:13px;font-weight:600}.kd-rating-bar-track{background:#e0ddd6;border-radius:4px;flex:1;min-width:60px;height:8px;overflow:hidden}.kd-rating-bar-fill{background:linear-gradient(90deg, var(--teal) 0%, var(--teal-lt) 100%);border-radius:4px;height:100%;transition:width 1s}.kd-rating-bar-val{color:var(--teal);text-align:right;flex-shrink:0;width:28px;font-size:13px;font-weight:800}.kd-spesial-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.kd-spesial-card{background:#f5f4f0;border:1px solid #e8e5de;border-radius:14px;flex-direction:column;gap:8px;padding:20px;transition:transform .25s,box-shadow .25s,border-color .2s;display:flex}.kd-spesial-card:hover{border-color:#2f7d7940;transform:translateY(-4px);box-shadow:0 12px 30px #2f7d791a}.kd-spesial-icon{font-size:26px}.kd-spesial-judul{color:#111;font-size:14px;font-weight:800}.kd-spesial-desc{color:#777;font-size:12px;line-height:1.6}.kd-testi-header{background:#f5f4f0;border:1px solid #e8e5de;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:24px;margin-bottom:24px;padding:20px;display:grid}.kd-testi-score{flex-direction:column;align-items:center;gap:6px;display:flex}.kd-testi-big{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;line-height:1}.kd-testi-count{color:#999;margin-top:2px;font-size:11px;font-weight:500;display:block}.kd-testi-bars{flex-direction:column;gap:8px;display:flex}.kd-testi-bar-row{align-items:center;gap:8px;display:flex}.kd-testi-bar-label{color:#888;flex-shrink:0;width:28px;font-size:11px;font-weight:600}.kd-testi-bar-track{background:#e0ddd6;border-radius:3px;flex:1;min-width:80px;height:6px;overflow:hidden}.kd-testi-bar-fill{background:linear-gradient(90deg,#f5a623,#ffc857);border-radius:3px;height:100%;transition:width .8s}.kd-testi-bar-count{color:#888;text-align:right;width:16px;font-size:11px;font-weight:700}.kd-testi-tags{flex-direction:column;gap:6px;display:flex}.kd-testi-tags-label{color:#bbb;letter-spacing:.08em;margin-bottom:2px;font-size:9px;font-weight:800}.kd-testi-tag{color:#666;white-space:nowrap;background:#fff;border:1px solid #e0ddd6;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.kd-testi-tag.primary{color:var(--teal);background:#2f7d791a;border-color:#2f7d7940}.kd-testi-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.kd-testi-card{background:#faf9f7;border:1px solid #e8e5de;border-radius:14px;flex-direction:column;gap:10px;padding:20px;transition:box-shadow .25s,transform .25s;display:flex}.kd-testi-text{color:#444;flex:1;font-size:13px;font-style:italic;line-height:1.75}.kd-testi-author{align-items:center;gap:10px;margin-top:auto;display:flex}.kd-testi-name{color:#111;font-size:13px;font-weight:700}.kd-testi-peran{color:#999;font-size:11px}.kd-ulasan-form-wrap{background:linear-gradient(135deg,#f0fffe 0%,#e8f8f5 100%);border:1.5px solid #2f7d7940;border-radius:16px;margin-bottom:24px;padding:24px}.kd-ulasan-form-badge{color:#fff;letter-spacing:.4px;background:#2f7d79;border-radius:99px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.kd-ulasan-form-title{color:#1a3d3a;margin:0 0 6px;font-size:18px;font-weight:800}.kd-ulasan-form-sub{color:#666;margin:0 0 18px;font-size:13px;line-height:1.6}.kd-ulasan-label{letter-spacing:.5px;color:#6b8f8c;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.kd-star-picker{align-items:center;gap:4px;margin-bottom:16px;display:flex}.kd-star-picker-btn{color:#ddd;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:28px;line-height:1;transition:color .15s,transform .15s}.kd-star-picker-btn.is-on{color:#f5a623}.kd-star-picker-btn:hover:not(:disabled){transform:scale(1.1)}.kd-star-picker-label{color:#888;margin-left:8px;font-size:13px;font-weight:600}.kd-ulasan-textarea{resize:vertical;color:#333;box-sizing:border-box;background:#fff;border:1px solid #d0e8e4;border-radius:12px;width:100%;min-height:100px;padding:12px 14px;font-family:inherit;font-size:14px}.kd-ulasan-textarea:focus{border-color:#2f7d79;outline:none;box-shadow:0 0 0 3px #2f7d791f}.kd-ulasan-char{text-align:right;color:#aaa;margin-top:4px;margin-bottom:12px;font-size:11px;display:block}.kd-ulasan-error{color:#dc2626;margin:0 0 12px;font-size:13px}.kd-ulasan-actions{flex-wrap:wrap;gap:10px;display:flex}.kd-ulasan-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f7d79,#79d8d1);border:none;border-radius:10px;padding:11px 22px;font-size:14px;font-weight:700}.kd-ulasan-submit:disabled{opacity:.5;cursor:not-allowed}.kd-ulasan-skip{color:#666;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:10px;padding:11px 18px;font-size:13px}.kd-ulasan-success{color:#2f7d79;background:#2f7d791a;border:1px solid #2f7d7940;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:600}.kd-testi-empty{text-align:center;color:#999;grid-column:1/-1;padding:24px;font-size:13px}.kd-stars{color:#f5a623;align-items:center;gap:2px;display:flex}.kd-star.s-empty{color:#ddd}.kd-right{flex-direction:column;gap:16px;display:flex;position:sticky;top:80px}.kd-booking-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #2f7d791a;animation:.5s cubic-bezier(.22,1,.36,1) .1s both kdFadeUp;overflow:hidden;box-shadow:0 4px 24px #00000012}.kd-booking-header{background:linear-gradient(135deg, var(--teal) 0%, #5aa8a4 100%);color:#fff;padding:20px 24px}.kd-booking-h{margin-bottom:4px;font-size:17px;font-weight:800}.kd-booking-sub{opacity:.82;font-size:12px;line-height:1.5}.kd-cal{border-bottom:1px solid #f0ede6;padding:16px 20px}.kd-cal-nav{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.kd-cal-title{color:#111;font-size:13px;font-weight:800}.kd-cal-arrow{color:#555;cursor:pointer;background:0 0;border:1px solid #e0ddd6;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .2s;display:flex}.kd-cal-arrow:hover{border-color:var(--teal);color:var(--teal);background:#eef8f7}.kd-cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.kd-cal-day-label{color:#bbb;text-align:center;letter-spacing:.04em;padding:4px 0;font-size:10px;font-weight:700}.kd-cal-day{color:#333;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;padding:7px 4px;font-family:inherit;font-size:12px;font-weight:600;transition:all .18s}.kd-cal-day:hover:not(:disabled):not(.kd-cal-empty){color:var(--teal);background:#eef8f7}.kd-cal-empty{cursor:default!important}.kd-cal-today{color:var(--teal);background:#2f7d791a;font-weight:800}.kd-cal-selected{box-shadow:0 4px 12px #2f7d794d;background:var(--teal)!important;color:#fff!important}.kd-cal-day:disabled{color:#ddd;cursor:not-allowed}.kd-slots{border-bottom:1px solid #f0ede6;padding:14px 20px}.kd-slots-label{color:#aaa;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.kd-slots-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.kd-slot-btn{color:#555;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e0ddd6;border-radius:9px;padding:9px 8px;font-family:inherit;font-size:12px;font-weight:700;transition:all .18s}.kd-slot-btn:hover{border-color:var(--teal);color:var(--teal);background:#eef8f7}.kd-slot-selected{box-shadow:0 0 0 3px #2f7d791a;border-color:var(--teal)!important;color:var(--teal)!important;background:#eef8f7!important}.kd-confirm-btn{background:var(--grad-teal);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;width:calc(100% - 40px);margin:16px 20px;padding:14px;font-family:inherit;font-size:14px;font-weight:800;transition:opacity .2s,transform .15s,box-shadow .2s;display:block;box-shadow:0 6px 20px #2f7d794d}.kd-confirm-btn:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 10px 28px #2f7d7961}.kd-booking-success{text-align:center;background:#e8f5ee;border:1px solid #2e7d5740;border-radius:12px;flex-direction:column;align-items:center;gap:6px;margin:16px 20px;padding:16px;display:flex}.kd-booking-success-icon{font-size:28px}.kd-booking-success p{color:#2e7d57;font-size:14px;font-weight:800}.kd-booking-success span{color:#555;font-size:12px}.kd-booking-note{color:#aaa;align-items:flex-start;gap:7px;padding:0 20px 18px;font-size:11px;line-height:1.6;display:flex}.kd-booking-note svg{color:#ccc;flex-shrink:0;margin-top:2px}.kd-other-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #2f7d7914;padding:20px;animation:.5s cubic-bezier(.22,1,.36,1) .18s both kdFadeUp;box-shadow:0 2px 12px #0000000a}.kd-other-label{color:#bbb;letter-spacing:.1em;margin-bottom:14px;font-size:10px;font-weight:800}.kd-other-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:10px;transition:background .2s;display:flex}.kd-other-item:hover{background:#f5f4f0}.kd-other-photo{object-fit:cover;object-position:top;background:#eef8f7;border-radius:50%;flex-shrink:0;width:44px;height:44px}.kd-other-info{flex:1}.kd-other-name{color:#111;font-size:13px;font-weight:700}.kd-other-kat{color:#999;margin-top:1px;font-size:11px}.kd-other-rating{color:#333;align-items:center;gap:3px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.kd-other-star{color:#f5a623}.kd-other-arrow{color:#ccc}.kd-notfound{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex}.kd-notfound h2{color:#111;font-size:24px;font-weight:800}.kd-notfound button{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:700}.footer-modal-foot{border-top:1px solid #e8f5f3;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px 20px;display:flex}.footer-modal-foot-note{color:#aaa;margin:0;font-size:11px;line-height:1.5}.footer-modal-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f7d79,#1a5e5a);border:none;border-radius:10px;flex-shrink:0;padding:9px 22px;font-size:13px;font-weight:600;transition:opacity .2s}.nav-logo-br{display:none}@media (width<=1024px){.kd-layout{grid-template-columns:1fr}.kd-right{position:static}.kd-spesial-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.kd-layout{grid-template-columns:1fr}.kd-right{position:static}.nav-cta{white-space:nowrap;margin-left:6px;padding:7px 10px;font-size:11px}.kd-hero-card{text-align:center;grid-template-columns:1fr}.kd-hero-photo-wrap{width:160px;height:190px;margin:0 auto}.kd-hero-info{align-items:center}.kd-hero-kat-pill,.kd-hero-tagline{margin:0 auto}.kd-hero-name{font-size:26px}.kd-quick-stats{justify-content:center;gap:8px;width:100%}.kd-qs-divider{display:none}.kd-rating-breakdown{gap:10px;padding:14px}.kd-rating-bar-row{flex-direction:row;align-items:center;gap:8px;display:flex}.kd-rating-bar-label{flex-shrink:0;width:110px;font-size:11px}.kd-rating-bar-track{flex:1;min-width:40px;height:6px}.kd-rating-bar-val{width:24px;font-size:11px}.kd-spesial-grid,.kd-testi-header,.kd-testi-grid{grid-template-columns:1fr}}@media (width<=480px){.kd-rating-bar-label{width:90px;font-size:10px}.kd-rating-bar-val{font-size:10px}}body{background:var(--cream);color:#222;-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% 10%,#2f7d7912 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#79d8d10f 0%,#0000 55%);position:fixed;inset:0}.kd-shell{z-index:1;min-height:100vh;display:flex;position:relative}.kd-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.kd-topbar{z-index:10;background:#f2f2eae0;border-bottom:1px solid #2f7d791a;justify-content:space-between;align-items:center;height:58px;padding:0 32px;display:flex;position:sticky;top:0}.kd-topbar-l{align-items:center;gap:40px;display:flex}.kd-topbar-logo{cursor:pointer;background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:800}.kd-topbar-nav{gap:24px;display:flex}.kd-topbar-nav span{color:var(--gray);cursor:pointer;padding-bottom:2px;font-size:13px;font-weight:500;transition:color .15s;position:relative}.kd-topbar-nav span:after{content:"";background:var(--grad-teal);border-radius:2px;height:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.kd-topbar-nav span:hover:after,.kd-topbar-active:after{transform:scaleX(1)!important}.kd-topbar-nav span:hover,.kd-topbar-active{color:var(--teal)!important;font-weight:700!important}.kd-topbar-r{align-items:center;gap:12px;display:flex}.kd-topbar-cta{background:var(--grad-teal);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 16px var(--teal-glow-strong);border:none;padding:9px 20px;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s}.kd-topbar-cta:hover{opacity:.88;transform:translateY(-1px)}.kd-avatar{background:var(--grad-teal);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .2s;display:flex;box-shadow:0 0 0 2px #2f7d7940}.kd-avatar:hover{box-shadow:0 0 0 4px var(--teal-glow);transform:scale(1.08)}.kd-topbar-logout{display:none}.kd-content{flex:1;padding:28px 36px;overflow-y:auto}.kd-greeting{margin-bottom:24px}.kd-greeting-h2{color:#111;letter-spacing:-.3px;font-size:20px;font-weight:800}.kd-greeting-sub{color:var(--gray);margin-top:3px;font-size:13px}.kd-greeting-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kd-hero{background:linear-gradient(140deg, var(--dark) 0%, #0f2624 40%, #1d5753 100%);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:24px;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0f262440}.kd-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#79d8d11f 0%,#0000 65%);border-radius:50%;width:280px;height:280px;position:absolute;top:-60px;left:-60px}.kd-hero-left{z-index:1;flex:1;position:relative}.kd-hero-tag{color:#79d8d1e6;letter-spacing:.1em;text-transform:uppercase;background:#79d8d11f;border:1px solid #79d8d140;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-block}.kd-hero-h3{color:#fff;margin-bottom:6px;font-size:22px;font-weight:800}.kd-hero-p{color:#ffffffa6;margin-bottom:12px;font-size:13px}.kd-hero-rating-val{color:#ffffffb3;margin-top:6px;font-size:13px;font-weight:600}.kd-hero-right{z-index:1;padding-left:32px;position:relative}.kd-stars{gap:3px;display:flex}.kd-star{color:#fff3;font-size:18px;transition:color .15s}.kd-star--on{color:#f5c842}.kd-star--sm{font-size:14px}.kd-donut-wrap{position:relative}.kd-donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kd-donut-val{font-size:20px;font-weight:800;line-height:1}.kd-donut-sub{color:#ffffff8c;letter-spacing:.04em;margin-top:2px;font-size:10px;font-weight:600}.kd-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kd-stat-card{background:var(--grad-stat);border-radius:var(--radius-md);border:1px solid #2f7d791a;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 18px;transition:transform .25s,box-shadow .25s;animation:.5s cubic-bezier(.22,1,.36,1) both kdFadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.kd-stat-card:first-child{animation-delay:50ms}.kd-stat-card:nth-child(2){animation-delay:.1s}.kd-stat-card:nth-child(3){animation-delay:.15s}.kd-stat-card:nth-child(4){animation-delay:.2s}.kd-stat-card:before{content:"";background:var(--grad-teal);border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kd-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2f7d7921}.kd-stat-val{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.kd-stat-lbl{color:var(--gray);font-size:11px;font-weight:500}.kd-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.kd-card{background:var(--grad-card);border-radius:var(--radius-lg);border:1px solid #2f7d7914;padding:24px 26px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;box-shadow:0 2px 16px #0000000a}.kd-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #2f7d791a}.kd-card--wide{grid-column:1/-1}.kd-card--center{flex-direction:column;align-items:center;gap:12px;display:flex}.kd-card-hd{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.kd-card-h3{color:#111;letter-spacing:-.2px;font-size:15px;font-weight:800}.kd-card-sub{color:var(--gray);margin-top:2px;font-size:12px}.kd-card-link{color:var(--teal);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:700}.kd-divider{background:var(--gray-lt);height:1px;margin:16px 0}.kd-sesi-list{flex-direction:column;gap:14px;display:flex}.kd-sesi-item{align-items:center;gap:12px;display:flex}.kd-sesi-avatar{background:var(--grad-teal);color:#fff;width:38px;height:38px;box-shadow:0 2px 8px var(--teal-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.kd-sesi-info{flex:1}.kd-sesi-name{color:#111;font-size:13px;font-weight:700}.kd-sesi-kat{color:var(--gray);margin-top:1px;font-size:11px}.kd-sesi-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.kd-sesi-date{color:var(--gray);font-size:11px}.kd-sesi-num{color:var(--teal);font-size:14px;font-weight:800}.kd-badge{border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block}.kd-badge--done{color:var(--teal);background:#2f7d791f}.kd-badge--run{color:#a06030;background:#e8c4a040}.kd-perf-row{align-items:center;gap:12px;display:flex}.kd-perf-lbl{color:#444;flex-shrink:0;width:130px;font-size:12px;font-weight:600}.kd-perf-val{color:var(--teal);text-align:right;width:28px;font-size:13px;font-weight:800}.kd-bar-track{background:#2f7d7914;border-radius:6px;flex:1;height:8px;overflow:hidden}.kd-bar-fill{background:var(--grad-teal);border-radius:6px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.kd-bar-fill--tim{background:linear-gradient(135deg,#b0c0bf 0%,#d0e8e5 100%)}.kd-tim-row{gap:0;display:flex}.kd-tim-item{text-align:center;flex:1;padding:12px 8px}.kd-tim-item+.kd-tim-item{border-left:1px solid var(--gray-lt)}.kd-tim-val{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.kd-tim-lbl{color:var(--gray);margin-top:3px;font-size:10px;font-weight:500}.kd-kat-row{align-items:center;gap:12px;display:flex}.kd-kat-lbl{color:#444;flex-shrink:0;width:160px;font-size:12px;font-weight:600}.kd-kat-count{color:var(--teal);text-align:right;width:60px;font-size:12px;font-weight:700}.kd-kat-chip{background:var(--teal-bg);color:var(--teal);white-space:nowrap;border:1px solid #2f7d792e;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.kd-filter-row{gap:8px;margin-bottom:20px;display:flex}.kd-filter-pill{border:1.5px solid var(--gray-lt);color:var(--gray);cursor:pointer;background:0 0;border-radius:999px;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.kd-filter-pill:hover{border-color:var(--teal);color:var(--teal)}.kd-filter-pill--active{background:var(--grad-teal);color:#fff;border-color:#0000}.kd-klien-table{background:var(--grad-card);border-radius:var(--radius-lg);border:1px solid #2f7d7914;overflow:hidden;box-shadow:0 2px 16px #0000000a}.kd-table-head{color:var(--teal);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#2f7d7912 0%,#79d8d10d 100%);border-bottom:1px solid #2f7d7914;grid-template-columns:2fr 1.5fr .5fr 1.5fr .8fr .8fr;gap:16px;padding:14px 20px;font-size:11px;font-weight:800;display:grid}.kd-table-row{border-bottom:1px solid #2f7d790d;grid-template-columns:2fr 1.5fr .5fr 1.5fr .8fr .8fr;align-items:center;gap:16px;padding:14px 20px;transition:background .15s;display:grid}.kd-table-row:last-child{border-bottom:none}.kd-table-row:hover{background:#2f7d7908}.kd-table-cell{align-items:center;display:flex}.kd-cell-name{gap:10px}.kd-cell-center{justify-content:center}.kd-cell-progress{flex-direction:column;align-items:stretch;gap:4px}.kd-cell-nm{color:#111;font-size:13px;font-weight:700}.kd-cell-id{color:var(--gray);font-size:11px}.kd-cell-dash{display:none}.kd-mini-avatar{background:var(--grad-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex}.kd-prog-bar-sm{background:#2f7d7914;border-radius:4px;height:6px;overflow:hidden}.kd-prog-fill-sm{border-radius:4px;height:100%;transition:width .8s}.kd-prog-detail{justify-content:space-between;font-size:10px;font-weight:600;display:flex}.kd-gain{font-weight:700}.kd-gain--pos{color:#2f7d79}.kd-gain--neg{color:#e05c5c}.kd-perf-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.kd-perf-breakdown{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.kd-perf-bd-head{align-items:center;gap:8px;display:flex}.kd-perf-bd-lbl{color:#111;flex:1;font-size:13px;font-weight:700}.kd-perf-bd-bobot{color:var(--gray);font-size:11px}.kd-perf-bd-val{text-align:right;width:40px;font-size:13px;font-weight:800}.kd-prog-item{flex-direction:column;gap:6px;display:flex}.kd-prog-head{justify-content:space-between;align-items:center;display:flex}.kd-prog-name{color:#111;font-size:13px;font-weight:700}.kd-prog-pct{font-size:13px;font-weight:800}.kd-prog-track{background:#2f7d7914;border-radius:6px;height:10px;position:relative;overflow:hidden}.kd-prog-fill{border-radius:6px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.kd-prog-awal{z-index:1;background:#0003;border-radius:1px;width:2px;position:absolute;top:0;bottom:0}.kd-prog-foot{color:var(--gray);justify-content:space-between;font-size:10px;font-weight:600;display:flex}.kd-compare-row{margin-bottom:20px}.kd-compare-lbl{color:#111;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:800}.kd-compare-bars{flex-direction:column;gap:6px;display:flex}.kd-compare-bar-wrap{align-items:center;gap:8px;display:flex}.kd-compare-bar-label{color:var(--teal);flex-shrink:0;width:28px;font-size:10px;font-weight:700}.kd-compare-bar-label--tim{color:var(--gray)}.kd-compare-val{color:var(--teal);text-align:right;width:40px;font-size:12px;font-weight:800}.kd-compare-val--tim{color:var(--gray)}.kd-empty{color:var(--gray);text-align:center;padding:16px 0;font-size:13px}.kd-footer{background:#f2f2eae0;border-top:1px solid #2f7d7914;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:20px 36px;display:flex}.kd-footer-brand{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:14px;font-weight:800;display:block}.kd-footer-copy{color:#aaa;font-size:11px}.kd-profil-hero{background:linear-gradient(140deg, var(--dark) 0%, #0f2624 40%, #1d5753 100%);border-radius:var(--radius-lg);align-items:center;gap:32px;margin-bottom:24px;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0f262440}.kd-profil-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#79d8d11a 0%,#0000 65%);border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-80px}.kd-profil-hero-left{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.kd-profil-photo{object-fit:cover;border:3px solid #79d8d166;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;min-width:100px;max-width:100px;height:100px;min-height:100px;max-height:100px;display:flex;box-shadow:0 0 0 6px #79d8d11a}.kd-profil-photo--placeholder{background:var(--grad-teal);color:#fff;font-size:28px;font-weight:800}.kd-profil-available{color:#79d8d1e6;white-space:nowrap;background:#79d8d11a;border:1px solid #79d8d133;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:flex}.kd-available-dot{background:#4ecb71;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite kdPulse;box-shadow:0 0 6px #4ecb7199}.kd-profil-hero-info{z-index:1;flex:1;min-width:0;position:relative}.kd-profil-kategori-badge{color:#79d8d1e6;letter-spacing:.1em;text-transform:uppercase;background:#79d8d11f;border:1px solid #79d8d140;border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-block}.kd-profil-nama{color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:24px;font-weight:800}.kd-profil-bio{color:#fff9;max-width:480px;margin-bottom:20px;font-size:13px;line-height:1.6}.kd-profil-stat-row{border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;width:fit-content;padding:14px 0;display:flex}.kd-profil-stat-item{flex-direction:column;align-items:center;padding:0 20px;display:flex}.kd-profil-stat-val{color:#fff;font-size:20px;font-weight:800;line-height:1}.kd-profil-stat-lbl{color:#ffffff80;white-space:nowrap;margin-top:4px;font-size:10px;font-weight:600}.kd-profil-stat-divider{background:#ffffff1f;flex-shrink:0;width:1px;height:36px}.kd-profil-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.kd-profil-about-text{color:#555;font-size:13px;line-height:1.7}.kd-profil-rating-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.kd-profil-rating-lbl{color:#444;flex-shrink:0;width:150px;font-size:12px;font-weight:600}.kd-profil-rating-val{color:var(--teal);text-align:right;flex-shrink:0;width:28px;font-size:12px;font-weight:800}.kd-spesialis-list{flex-direction:column;gap:14px;display:flex}.kd-spesialis-item{border-radius:var(--radius-md);background:linear-gradient(135deg,#2f7d790d 0%,#79d8d10a 100%);border:1px solid #2f7d791a;align-items:flex-start;gap:14px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex}.kd-spesialis-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2f7d791a}.kd-spesialis-icon{border-radius:var(--radius-sm);background:#2f7d791a;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.kd-spesialis-title{color:#111;margin-bottom:4px;font-size:13px;font-weight:700}.kd-spesialis-desc{color:var(--gray);font-size:12px;line-height:1.5}.kd-testimoni-wrap{grid-template-columns:260px 1fr;gap:28px;display:grid}.kd-testimoni-summary{flex-direction:column;gap:18px;display:flex}.kd-testi-big-rating{border-radius:var(--radius-md);background:linear-gradient(135deg,#2f7d790f 0%,#79d8d10a 100%);border:1px solid #2f7d791a;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.kd-testi-big-num{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;line-height:1}.kd-testi-dist{flex-direction:column;gap:7px;display:flex}.kd-testi-dist-row{align-items:center;gap:8px;display:flex}.kd-testi-dist-bintang{color:#f5c842;text-align:right;flex-shrink:0;width:30px;font-size:11px;font-weight:700}.kd-testi-dist-count{color:var(--gray);text-align:right;flex-shrink:0;width:16px;font-size:11px;font-weight:700}.kd-testi-kat-wrap{flex-direction:column;gap:8px;display:flex}.kd-testi-kat-label{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.kd-testi-kat-pills{flex-wrap:wrap;gap:6px;display:flex}.kd-testi-kat-pill{background:var(--teal-bg);color:var(--teal);border:1px solid #2f7d792e;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.kd-testi-cards{flex-direction:column;gap:14px;display:flex}.kd-testi-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#2f7d790a 0%,#79d8d108 100%);border:1px solid #2f7d7917;padding:18px 20px;transition:transform .2s,box-shadow .2s}.kd-testi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2f7d7917}.kd-testi-text{color:#444;margin-bottom:14px;font-size:13px;font-style:italic;line-height:1.65}.kd-testi-foot{align-items:center;gap:10px;display:flex}.kd-testi-avatar{background:var(--grad-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.kd-testi-nama{color:#111;font-size:13px;font-weight:700}.kd-testi-sub{color:#999;font-size:11px}.kd-slot-form{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:16px;display:flex}.kd-slot-field{flex-direction:column;gap:6px;display:flex}.kd-slot-field label{color:var(--gray);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.kd-slot-field input{border:1.5px solid var(--gray-lt);background:#fafafa;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s}.kd-slot-field input:focus{border-color:var(--teal);outline:none}.kd-slot-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f7d79,#79d8d1);border:none;border-radius:10px;padding:10px 24px;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s}.kd-slot-add-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.kd-slot-add-btn:disabled{opacity:.6;cursor:not-allowed}.kd-slot-group{margin-bottom:20px}.kd-slot-group:last-child{margin-bottom:0}.kd-slot-date{color:var(--teal);text-transform:uppercase;letter-spacing:.03em;margin-top:8px;margin-bottom:12px;font-size:13px;font-weight:800}.kd-slot-list{flex-wrap:wrap;gap:10px;display:flex}.kd-slot-item{background:#2f7d7912;border:1.5px solid #2f7d792e;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.kd-slot-item--booked{background:#e8a8381a;border-color:#e8a8384d}.kd-slot-item--booked span:first-child{color:#a06030}.kd-slot-item--available span:first-child{color:var(--teal)}.kd-slot-status{color:var(--teal);background:#2f7d791f;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700}.kd-slot-item--booked .kd-slot-status{color:#a06030;background:#e8a83833}.kd-slot-delete{cursor:pointer;color:#e05c5c;background:0 0;border:none;padding:0 4px;font-size:14px;font-weight:700;line-height:1;transition:transform .15s}.kd-slot-delete:hover{color:#c0392b;transform:scale(1.1)}.kd-toast{z-index:9999;color:#fff;background:linear-gradient(135deg,#2f7d79,#79d8d1);border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.25s kd-fade-up;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #0000002e}.kd-notif-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.kd-notif-icon{background:linear-gradient(135deg,#2f7d79,#79d8d1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kd-push-card{background:#2f7d7908;border:1.5px solid #2f7d791a;border-radius:14px;margin-bottom:16px;padding:16px 18px;transition:all .3s}.kd-push-card--active{background:linear-gradient(135deg,#2f7d7912,#79d8d112);border-color:#2f7d7940}.kd-push-card-content{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.kd-push-card-title{color:#1a3d3a;align-items:center;gap:8px;margin-bottom:5px;font-size:14px;font-weight:700;display:flex}.kd-push-card-desc{color:#6b8f8c;margin:0;font-size:12px;line-height:1.5}.kd-push-card-warning{color:#dc2626;margin:5px 0 0;font-size:12px}.kd-push-badge{border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700}.kd-push-badge--loading{color:#2f7d79;background:#2f7d791a}.kd-push-badge--active{color:#fff;background:#2f7d79}.kd-push-badge--denied{color:#dc2626;background:#fee2e2}.kd-notif-pref-list{background:#2f7d7905;border:1.5px solid #2f7d7914;border-radius:14px;padding:4px 18px}.kd-notif-pref-item{border-bottom:1px solid #2f7d7914;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.kd-notif-pref-item--last{border-bottom:none;padding-bottom:15px}.kd-notif-pref-title{color:#1a3d3a;margin:0;font-size:13px;font-weight:600}.kd-notif-pref-desc{color:#6b8f8c;margin:2px 0 0;font-size:12px}.kd-notif-hint{color:#aaa;text-align:center;margin:12px 0 0;font-size:11px;line-height:1.5}.stg-toggle{cursor:pointer;display:inline-flex}.stg-toggle input{display:none}.stg-toggle-track{background:#ddd;border-radius:999px;width:44px;height:24px;transition:background .25s;position:relative}.stg-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.kd-edit-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2f7d79,#79d8d1);border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #2f7d7940}.kd-edit-btn:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 6px 16px #2f7d7959}.kd-edit-btn:active{transform:translateY(0)}.kd-nav-logout-btn{color:var(--teal);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2f7d7940;border-radius:40px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.kd-nav-logout-btn:hover{border-color:var(--teal);background:#2f7d7914;transform:translateY(-1px)}.kd-nav-logout-btn svg{stroke:var(--teal)}.kd-btn-evaluasi{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#e8a838,#d4854a);border:none;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600;transition:opacity .2s}.kd-btn-evaluasi:hover{opacity:.85}.kd-btn-mulai-sesi{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#79d8d1,#2f7d79);border:none;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600;transition:opacity .2s}.kd-btn-mulai-sesi:hover{opacity:.85}.kd-btn-detail{color:#2f7d79;cursor:pointer;white-space:nowrap;background:#f0fffe;border:1px solid #b0e8e2;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.kd-btn-detail:hover{color:#fff;background:#2f7d79;border-color:#2f7d79;transform:translateY(-1px)}.kd-btn-detail-mobile{color:#2f7d79;cursor:pointer;background:#f0fffe;border:1px solid #b0e8e2;border-radius:20px;margin-top:4px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s;display:none}.kd-btn-detail-mobile:hover{color:#fff;background:#2f7d79;border-color:#2f7d79}.kd-modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.kd-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.3s kdModalFadeIn;display:flex;box-shadow:0 20px 60px #0000004d}@keyframes kdModalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.kd-modal-header{background:linear-gradient(135deg,#2f7d79,#79d8d1);border-radius:24px 24px 0 0;align-items:center;gap:16px;padding:20px 24px;display:flex;position:relative}.kd-modal-avatar{color:#2f7d79;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:800;display:flex}.kd-modal-title-wrap{flex:1}.kd-modal-title{color:#fff;margin:0 0 4px;font-size:18px;font-weight:800}.kd-modal-sub{color:#fffc;margin:0;font-size:12px}.kd-modal-close{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .2s;display:flex}.kd-modal-close:hover{background:#ffffff4d}.kd-modal-body{max-height:60vh;padding:24px;overflow-y:auto}.kd-modal-footer{border-top:1px solid #f0f0f0;padding:16px 24px 24px}.kd-modal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f7d79,#79d8d1);border:none;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:opacity .2s}.kd-modal-btn:hover{opacity:.9}.kd-modal-section{margin-bottom:24px}.kd-modal-section:last-child{margin-bottom:0}.kd-modal-section-title{color:#2f7d79;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:13px;font-weight:700}.kd-modal-info-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.kd-modal-info-label{color:#888;font-size:13px;font-weight:500}.kd-modal-info-value{color:#333;font-size:13px;font-weight:700}.kd-modal-status{border-radius:99px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.kd-modal-status--done{color:#2f7d79;background:#2f7d791f}.kd-modal-status--run{color:#a06030;background:#e8c4a040}.kd-modal-progress-wrap{background:#f8f8f8;border-radius:16px;margin-top:8px;padding:16px}.kd-modal-progress-label{color:#888;justify-content:space-between;margin-bottom:12px;font-size:11px;display:flex}.kd-modal-progress-track{background:#e8e8e0;border-radius:6px;height:12px;position:relative;overflow:hidden}.kd-modal-progress-fill{border-radius:6px;height:100%;transition:width .5s}.kd-modal-progress-awal{z-index:2;background:#333;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 2px #fff}.kd-modal-progress-numbers{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.kd-modal-progress-num{color:#666;font-size:14px;font-weight:800}.kd-modal-progress-arrow{color:#ccc;font-size:14px}.kd-modal-gain{border-radius:99px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:700}.kd-modal-gain--pos{color:#2f7d79;background:#2f7d791f}.kd-modal-gain--neg{color:#e05c5c;background:#e05c5c1f}.kd-modal-note{color:#666;background:#f8f8f8;border-radius:12px;margin:0;padding:14px;font-size:13px;line-height:1.6}.kd-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;display:flex}.kd-loading-spinner{border:4px solid #e0e0e0;border-top-color:#2f7d79;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.kd-loading-text{color:#2f7d79;font-weight:600}.kd-logout-btn{color:#fff;cursor:pointer;background:#2f7d79;border:none;border-radius:10px;margin-top:20px;padding:10px 24px;font-size:13px;font-weight:600;transition:opacity .2s}.kd-logout-btn:hover{opacity:.85}@keyframes kd-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}input[type=range]{accent-color:var(--teal);border-radius:99px;height:6px}textarea{resize:vertical;font-family:inherit}textarea:focus,input:focus{outline:none}body,.kd-shell,.kd-main,.kd-content{background:#f2f2ea!important}.kd-topbar{background:#f2f2eaf2!important}.kd-card{background:linear-gradient(145deg,#fff 0%,#f5f5ef 100%)!important}.kd-stat-card{background:linear-gradient(160deg,#fff 0%,#eef8f7 100%)!important}@media (width<=1024px){.kd-topbar-logout{color:var(--teal);cursor:pointer;background:0 0;border:1px solid #2f7d7926;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,border-color .2s;display:flex}.kd-topbar-logout:hover{background:#2f7d7914;border-color:#2f7d794d}.kd-stats-row{grid-template-columns:repeat(2,1fr)}.kd-perf-grid,.kd-profil-grid,.kd-testimoni-wrap{grid-template-columns:1fr}}@media (width<=768px){.kd-content{padding:20px 16px}.kd-grid{grid-template-columns:1fr}.kd-card--wide{grid-column:1}.kd-hero{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:24px}.kd-hero .kd-stars{justify-content:center}.kd-hero-right{padding-left:0}.kd-stats-row{grid-template-columns:repeat(2,1fr)}.kd-topbar{align-items:flex-start;height:98px;padding:0 16px}.kd-topbar-l,.kd-topbar-r{height:58px}.kd-topbar-nav{border-top:1px solid #2f7d7914;justify-content:center;align-items:center;width:100%;height:40px;display:flex;position:absolute;bottom:0;left:0;right:0}.kd-topbar-cta{padding:7px 12px;font-size:11px;display:inline-block}.kd-table-head,.kd-table-row{grid-template-columns:2fr .6fr 1fr 1.2fr;gap:8px;padding:12px 10px}.kd-table-head span:nth-child(4),.kd-table-head span:nth-child(2),.kd-table-row .kd-table-cell:nth-child(4),.kd-table-row .kd-table-cell:nth-child(2){display:none}.kd-profil-hero{text-align:center;flex-direction:column;padding:24px 20px}.kd-profil-bio{margin:0 auto 20px}.kd-profil-stat-row{flex-wrap:wrap;justify-content:center;margin:0 auto}.kd-profil-stat-divider{display:none}.kd-profil-stat-item{padding:8px 12px}.kd-profil-grid,.kd-testimoni-wrap{grid-template-columns:1fr}.kd-btn-detail{justify-content:center;width:100%;padding:8px 12px}.kd-greeting-header{flex-direction:column;align-items:stretch}.kd-edit-btn{justify-content:center;width:100%;padding:12px 20px}.kd-nav-logout-btn{display:none}.kd-topbar-logout{color:var(--teal);cursor:pointer;background:0 0;border:1px solid #2f7d7926;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,border-color .2s;display:flex}.kd-topbar-logout:hover{background:#2f7d7914;border-color:#2f7d794d}}@media (width>=769px){.kd-topbar-logout{display:none}}.kd-btn-detail--sesi{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#2f7d79,#4aab7a);border:none;font-weight:600}.kd-btn-detail--sesi:hover{opacity:.88;transform:translateY(-1px)}.ep-overlay{z-index:99999;background:#000000a6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.ep-modal{z-index:100000;background:#fff;border-radius:16px;flex-direction:column;gap:20px;width:min(560px,92vw);max-height:85vh;padding:28px;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000059}.ep-header{justify-content:space-between;align-items:center;display:flex}.ep-h3{margin:0;font-size:17px;font-weight:700}.ep-close-btn{cursor:pointer;color:#888;background:0 0;border:none;font-size:18px;line-height:1}.ep-section{flex-direction:column;gap:8px;display:flex}.ep-label{color:#888;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.ep-foto-wrap{align-items:center;gap:12px;display:flex}.ep-foto-img{object-fit:cover;border:2px solid #e0e0e0;border-radius:50%;width:72px;min-width:72px;max-width:72px;height:72px;min-height:72px;max-height:72px}.ep-foto-placeholder{color:#fff;background:#2f7d79;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;min-width:72px;height:72px;min-height:72px;font-size:22px;font-weight:700;display:flex}.ep-textarea{resize:vertical;box-sizing:border-box;background:#f8f8f8;border:1.5px solid #e0e0e0;border-radius:8px;width:100%;min-height:90px;padding:10px 14px;font-family:inherit;font-size:14px}.ep-input{box-sizing:border-box;background:#f8f8f8;border:1.5px solid #e0e0e0;border-radius:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:14px}.ep-input-icon{text-align:center;box-sizing:border-box;background:#f8f8f8;border:1.5px solid #e0e0e0;border-radius:8px;width:52px;min-width:52px;padding:9px 6px;font-size:18px}.ep-keahlian-item{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.ep-keahlian-fields{flex-direction:column;flex:1;gap:6px;display:flex}.ep-footer{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.ep-btn-primary{cursor:pointer;color:#fff;background:#2f7d79;border:none;border-radius:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600}.ep-btn-secondary{color:#2f7d79;cursor:pointer;background:0 0;border:1.5px solid #2f7d79;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600}.ep-btn-ghost{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px}@media (width<=480px){.ep-keahlian-item{flex-direction:column;align-items:stretch;gap:8px}.ep-input-icon{width:100%}}.stg-page-header{margin-bottom:28px}.stg-page-title{color:#1a3d3a;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}.stg-page-sub{color:#6b8f8c;margin:0;font-size:13px}.stg-layout{align-items:flex-start;gap:24px;display:flex}.stg-leftnav{background:#fff;border:1px solid #e8f0ef;border-radius:16px;flex-direction:column;flex-shrink:0;gap:4px;width:200px;padding:12px;display:flex;box-shadow:0 2px 12px #1f504c0f}.stg-leftnav-item{color:#5a7876;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:background .18s,color .18s;display:flex}.stg-leftnav-item:hover{color:#1f504c;background:#f0faf9}.stg-leftnav-item--active{color:#1f504c;background:#e8f5f4;font-weight:600}.stg-leftnav-item svg{opacity:.8;flex-shrink:0}.stg-panels{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.stg-section{background:#fff;border:1px solid #e8f0ef;border-radius:18px;overflow:hidden;box-shadow:0 2px 16px #1f504c0d}.stg-section-title{color:#1a3d3a;border-bottom:1px solid #f0f5f4;margin:0;padding:20px 24px 16px;font-size:16px;font-weight:700}.stg-section-body{padding:20px 24px 24px}.stg-profile-top{align-items:flex-start;gap:20px;display:flex}.stg-profile-avatar-wrap{flex-shrink:0;position:relative}.stg-profile-avatar{color:#fff;background:linear-gradient(135deg,#2f7d79 0%,#79d8d1 100%);border:3px solid #e8f5f4;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex}.stg-avatar-change{cursor:pointer;color:#2f7d79;background:#fff;border:1px solid #d0e8e6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s;display:flex;position:absolute;bottom:2px;right:2px}.stg-avatar-change:hover{background:#f0faf9}.stg-profile-info{flex:1;min-width:0}.stg-profile-row{gap:32px;margin-bottom:10px;display:flex}.stg-field-label{letter-spacing:.8px;color:#9bb8b5;margin:0 0 3px;font-size:10px;font-weight:700}.stg-field-val{color:#1a3d3a;margin:0;font-size:14px;font-weight:600}.stg-bio-text{color:#6b8f8c;margin:4px 0 0;font-size:13px;font-style:italic;line-height:1.6}.stg-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stg-info-card{background:#f8fbfb;border:1px solid #e0eeec;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.stg-info-card--full{flex-flow:wrap;grid-column:1/-1;align-items:center;gap:12px}.stg-info-card--bordered{border:1px solid #e0eeec}.stg-info-icon{color:#2f7d79;background:#e8f5f4;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stg-info-title{color:#1a3d3a;margin:0 0 2px;font-size:14px;font-weight:600}.stg-info-sub{color:#6b8f8c;margin:0;font-size:11.5px;line-height:1.5}.stg-input-wrap{width:100%}.stg-input{color:#1a3d3a;box-sizing:border-box;background:#fff;border:1px solid #d0e8e6;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s}.stg-input:focus{border-color:#2f7d79}.stg-select{color:#1a3d3a;cursor:pointer;background:#fff;border:1px solid #d0e8e6;border-radius:10px;outline:none;min-width:140px;padding:8px 12px;font-size:13px}.stg-btn-outline{color:#2f7d79;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #2f7d79;border-radius:10px;flex-shrink:0;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.stg-btn-outline:hover{color:#fff;background:#2f7d79}.stg-btn-sm{padding:7px 14px;font-size:12px}.stg-btn-light{color:#fff;background:#ffffff1f;border-color:#ffffff80}.stg-btn-light:hover{color:#fff;background:#ffffff40}.stg-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2f7d79 0%,#79d8d1 100%);border:none;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .15s}.stg-btn-primary:disabled{opacity:.5;cursor:not-allowed}.stg-btn-primary:hover:not(:disabled){opacity:.88}.stg-notif-list{flex-direction:column;gap:0;display:flex}.stg-notif-item{border-bottom:1px solid #f0f5f4;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.stg-notif-item:last-child{border-bottom:none}.stg-notif-item--bordered{background:#f8fbfb;border:1px solid #e0eeec;border-radius:14px;padding:16px}.stg-notif-info{flex:1}.stg-notif-title{color:#1a3d3a;margin:0 0 4px;font-size:14px;font-weight:600}.stg-notif-sub{color:#6b8f8c;margin:0;font-size:12px;line-height:1.55}.stg-toggle{cursor:pointer;flex-shrink:0;display:inline-flex;position:relative}.stg-toggle input{opacity:0;width:0;height:0;position:absolute}.stg-toggle-track{box-sizing:border-box;background:#d0e8e6;border-radius:999px;align-items:center;width:44px;height:24px;padding:0 3px;transition:background .2s;display:flex}.stg-toggle input:checked+.stg-toggle-track{background:#2f7d79}.stg-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 1px 4px #0000002e}.stg-toggle input:checked+.stg-toggle-track .stg-toggle-thumb{transform:translate(20px)}.stg-serenity-card{background:linear-gradient(135deg,#1f504c 0%,#2f7d79 100%);border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.stg-serenity-top{align-items:flex-start;gap:14px;display:flex}.stg-serenity-icon{color:#fff;background:#ffffff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stg-serenity-title{color:#fff;margin:0 0 5px;font-size:15px;font-weight:700}.stg-serenity-sub{color:#ffffffbf;margin:0;font-size:12px;line-height:1.55}.stg-badge-active{letter-spacing:.8px;color:#fff;background:#ffffff2e;border-radius:99px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:700}@keyframes stgFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.stg-profile-row{flex-direction:column;gap:12px}}@media (width<=700px){.stg-grid-2{grid-template-columns:1fr}.stg-layout{flex-direction:column}.stg-leftnav{width:100%}.stg-profile-top{text-align:center;flex-direction:column;align-items:center;gap:16px}.stg-profile-info{flex-direction:column;align-items:center;width:100%;display:flex}.stg-profile-row{align-items:center;width:100%}.stg-profile-field{width:100%}}:root{--teal:#2f7d79;--teal-lt:#79d8d1;--teal-bg:#d9f0da;--teal-glow:#2f7d792e;--teal-glow-strong:#2f7d7952;--cream:#f2f2ea;--dark:#1a2e2c;--gray:#666;--gray-lt:#e4e4dc;--white:#fff;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--grad-teal:linear-gradient(135deg,#2f7d79 0%,#79d8d1 100%);--grad-hero:linear-gradient(160deg,#d9f0da 0%,#f2f2ea 60%);--grad-card:linear-gradient(145deg,#fff 0%,#f5f5ef 100%);--grad-dark:linear-gradient(145deg,#1a2e2c 0%,#0f1e1c 100%);--grad-stat:linear-gradient(160deg,#fff 0%,#eef8f7 100%)}.rw-empty{text-align:center;background:var(--grad-card);border-radius:var(--radius-lg);border:1px dashed #2f7d7933;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.rw-empty-icon{margin-bottom:16px;font-size:48px}.rw-empty-title{color:#111;margin-bottom:6px;font-size:16px;font-weight:800}.rw-empty-sub{color:var(--gray);font-size:13px}.rw-list{flex-direction:column;gap:12px;display:flex}.rw-item{background:var(--grad-card);border-radius:var(--radius-md);border:1px solid #2f7d7917;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .2s;animation:.45s cubic-bezier(.22,1,.36,1) both rwFadeUp;overflow:hidden;box-shadow:0 2px 14px #0000000a}.rw-item:hover{border-color:#2f7d792e;transform:translateY(-3px);box-shadow:0 12px 36px #2f7d791c}.rw-item--open{border-color:#2f7d7940;box-shadow:0 8px 32px #2f7d7921}.rw-item--open .rw-header{background:linear-gradient(135deg,#2f7d790a 0%,#79d8d10a 100%);border-bottom:1px solid #2f7d791a}.rw-header{cursor:pointer;align-items:center;gap:16px;padding:18px 22px;transition:background .18s;display:flex}.rw-header:hover{background:#2f7d7908}.rw-badge{background:var(--grad-teal);color:#fff;width:40px;height:40px;box-shadow:0 4px 14px var(--teal-glow-strong);letter-spacing:-.3px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.rw-meta{flex:1;min-width:0}.rw-meta-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.rw-title{color:#111;letter-spacing:-.2px;font-size:14px;font-weight:800}.rw-konselor{color:var(--gray);font-size:12px;font-weight:500}.rw-meta-sub{color:var(--gray);flex-wrap:wrap;gap:12px;font-size:11px;font-weight:500;display:flex}.rw-delta-pos{color:#2f7d79;background:#2f7d791a;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.rw-delta-neg{color:#c0392b;background:#c0392b17;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.rw-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.rw-skor{text-align:center;min-width:48px}.rw-skor-val{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;line-height:1}.rw-skor-lbl{color:var(--gray);letter-spacing:.05em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600}.rw-chevron{color:var(--gray);flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1),color .2s}.rw-chevron--open{color:var(--teal);transform:rotate(180deg)}.rw-mood{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.mood-sangat-baik{color:var(--teal);background:#2f7d791f;border:1px solid #2f7d7933}.mood-baik{color:#1a7a74;background:#79d8d12e;border:1px solid #79d8d14d}.mood-netral{color:#555;background:#64646417;border:1px solid #64646424}.mood-stres{color:#a05a20;background:#d4854a1f;border:1px solid #d4854a38}.rw-body{padding:20px 22px 22px;animation:.3s cubic-bezier(.22,1,.36,1) both rwBodyIn}.rw-body-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.rw-panel{border-radius:var(--radius-sm);background:linear-gradient(145deg,#f8f8f4 0%,#eef8f7 100%);border:1px solid #2f7d7917;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.rw-panel-title{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.rw-k-row{align-items:center;gap:10px;display:flex}.rw-k-img{object-fit:cover;border:2px solid #2f7d7933;border-radius:50%;flex-shrink:0;width:38px;height:38px}.rw-k-fallback{background:var(--grad-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.rw-k-name{color:#111;font-size:13px;font-weight:700}.rw-k-cat{color:var(--gray);margin-top:1px;font-size:11px}.rw-k-status{border-radius:999px;align-self:flex-start;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.ks-done{color:var(--teal);background:#2f7d791f;border:1px solid #2f7d792e}.ks-run{color:#a05a20;background:#d4854a1f;border:1px solid #d4854a33}.rw-dim-row{align-items:center;gap:8px;display:flex}.rw-dim-label{color:#444;flex-shrink:0;width:118px;font-size:11px;font-weight:500}.rw-dim-track{background:#2f7d7914;border-radius:4px;flex:1;height:7px;overflow:hidden}.rw-dim-fill{background:linear-gradient(90deg, var(--teal) 0%, var(--teal-lt) 100%);border-radius:4px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.rw-dim-val{color:var(--teal);text-align:right;flex-shrink:0;width:30px;font-size:11px;font-weight:700}.rw-donut-row{justify-content:space-around;align-items:center;padding:6px 0 4px;display:flex}.rw-donut-item{flex-direction:column;align-items:center;gap:6px;display:flex}.rw-donut-lbl{color:var(--gray);text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800}.rw-kondisi-row{justify-content:center;align-items:center;gap:10px;padding:6px 0 4px;display:flex}.rw-kondisi-box{text-align:center;flex:1}.rw-kondisi-val{font-size:22px;font-weight:800;line-height:1}.rw-kondisi-lbl{color:var(--gray);letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:600}.rw-kondisi-arrow{color:var(--teal);flex-shrink:0;font-size:18px;font-weight:800}.rw-kondisi-note{color:#555;border-left:3px solid var(--teal);background:#2f7d790f;border-radius:8px;padding:8px 10px;font-size:11px;line-height:1.6}.rw-catatan{border-radius:var(--radius-sm);background:linear-gradient(135deg,#2f7d7912 0%,#79d8d112 100%);border:1px solid #2f7d7924;flex:1;padding:14px 16px}.rw-catatan p{color:#333;font-size:12px;font-style:italic;line-height:1.7}@keyframes rwFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rwBodyIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.rw-list .rw-item:first-child{animation-delay:40ms}.rw-list .rw-item:nth-child(2){animation-delay:80ms}.rw-list .rw-item:nth-child(3){animation-delay:.12s}.rw-list .rw-item:nth-child(4){animation-delay:.16s}.rw-list .rw-item:nth-child(5){animation-delay:.2s}.rw-list .rw-item:nth-child(6){animation-delay:.24s}.rw-list .rw-item:nth-child(7){animation-delay:.28s}.rw-list .rw-item:nth-child(8){animation-delay:.32s}@media (width<=1024px){.rw-body-grid{grid-template-columns:1fr}}@media (width<=768px){.rw-header{gap:12px;padding:14px 16px}.rw-body{padding:14px 16px 18px}.rw-meta-sub{gap:8px}.rw-skor-val{font-size:17px}.rw-dim-label{width:90px;font-size:10px}.rw-kondisi-val{font-size:18px}.rw-badge{width:34px;height:34px;font-size:11px}}@media (width<=480px){.rw-meta-top{flex-direction:column;align-items:flex-start;gap:4px}.rw-right{gap:8px}.rw-donut-row{gap:4px}}.rw-loading{justify-content:center;align-items:center;display:flex}.rw-loading-container{text-align:center;color:#2f7d79}.rw-loading-spinner{border:4px solid #2f7d7933;border-top-color:#2f7d79;border-radius:50%;width:48px;height:48px;margin:0 auto 12px;animation:1s linear infinite spin}.rw-loading-text{color:#666;font-size:14px}.rsa-back-btn{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.45rem .9rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.rsa-back-btn:hover{color:#2f7d79;border-color:#2f7d79}.rsa-page{color:#1a2e2c;box-sizing:border-box;background:#f2f2ea;width:100%;min-width:0;max-width:100%;min-height:100vh;padding:2rem 2.5rem;font-family:Plus Jakarta Sans,sans-serif}.rsa-tab-content{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-family:Plus Jakarta Sans,sans-serif}.rsa-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.rsa-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#2f7d79;margin-bottom:.3rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:600;display:block}.rsa-title{color:#1a2e2c;letter-spacing:-.5px;margin:0 0 .25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:800;line-height:1.1}.rsa-subtitle{color:#666;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem}.rsa-refresh-btn{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e4e4dc;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.rsa-refresh-btn:hover{color:#2f7d79;border-color:#2f7d79}.rsa-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:1.75rem;display:grid}.rsa-stat-card{background:#fff;border:1px solid #2f7d7912;border-radius:14px;flex-direction:column;gap:6px;padding:18px 20px;display:flex;box-shadow:0 2px 16px #2f7d7914}.rsa-stat-value{color:#1a2e2c;letter-spacing:-1px;font-family:Plus Jakarta Sans,sans-serif;font-size:30px;font-weight:800;line-height:1}.rsa-stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600}.rsa-stat-selesai .rsa-stat-value{color:#2f7d79}.rsa-stat-terjadwal .rsa-stat-value{color:#2563eb}.rsa-stat-dibatalkan .rsa-stat-value{color:#c0392b}.rsa-filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.rsa-search-wrap{flex:1;min-width:200px;position:relative}.rsa-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.rsa-search{color:#1a2e2c;box-sizing:border-box;background:#fff;border:1.5px solid #e4e4dc;border-radius:8px;width:100%;padding:.55rem .75rem .55rem 2.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;transition:border-color .15s}.rsa-search:focus{border-color:#2f7d79;outline:none}.rsa-select{color:#444;cursor:pointer;background:#fff;border:1.5px solid #e4e4dc;border-radius:8px;padding:.55rem .9rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.83rem;font-weight:500;transition:border-color .15s}.rsa-select:focus{border-color:#2f7d79;outline:none}.rsa-count{color:#9ca3af;white-space:nowrap;margin-left:auto;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem}.rsa-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #2f7d7912;border-radius:14px;overflow-x:auto;box-shadow:0 2px 16px #2f7d7914}.rsa-table{min-width:700px;font-size:.75rem}.rsa-tab-content{width:100%;min-width:0;overflow-x:auto}.rsa-table thead tr{background:#f9f9f5;border-bottom:1.5px solid #2f7d7914}.rsa-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:#666;white-space:normal;word-break:break-word;min-width:80px;padding:.85rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600}.rsa-row{cursor:pointer;border-bottom:1px solid #2f7d790d;transition:background .12s}.rsa-row:last-child{border-bottom:none}.rsa-row:hover{background:#f9f9f5}.rsa-table td{vertical-align:middle;color:#444;white-space:normal;word-break:break-word;padding:.9rem 1rem;font-family:Plus Jakarta Sans,sans-serif}.rsa-td-kondisi{color:#666;text-align:center;white-space:nowrap;font-size:.82rem}.rsa-cell-name{align-items:center;gap:.7rem;display:flex}.rsa-avatar{color:#fff;background:linear-gradient(135deg,#2f7d79,#79d8d1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:700;display:flex}.rsa-name{color:#1a2e2c;white-space:normal;word-break:break-word;font-family:Plus Jakarta Sans,sans-serif;font-size:.84rem;font-weight:600}.rsa-id{color:#9ca3af;margin-top:1px;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem}.rsa-td-konselor{color:#666;white-space:nowrap}.rsa-td-date{white-space:nowrap;color:#666}.rsa-td-center{text-align:center}.rsa-kategori{color:#2f7d79;white-space:normal;word-break:break-word;background:#2f7d7914;border-radius:999px;max-width:160px;padding:.22rem .65rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}@media (width<=600px){.rsa-filter-bar{flex-wrap:wrap;gap:.5rem;display:flex}.rsa-search-wrap{flex:none;width:100%}.rsa-select{flex:1;min-width:calc(50% - .25rem);padding:.5rem .6rem;font-size:.78rem}.rsa-refresh-btn{justify-content:center;width:100%}.rsa-count{text-align:right;width:100%;margin-left:0}.rsa-name{white-space:normal;word-break:break-word;font-size:.74rem}}.rsa-sesi-badge{text-align:center;color:#2f7d79;background:#2f7d7914;border-radius:50%;width:28px;height:28px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:700;line-height:28px;display:inline-block}.status-badge{white-space:nowrap;border-radius:999px;padding:.25rem .7rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.74rem;font-weight:600;display:inline-block}.status-selesai{color:#2f7d79;background:#2f7d791a}.status-terjadwal{color:#1e40af;background:#dbeafe}.status-dibatalkan{color:#c0392b;background:#fdecea}.status-unknown{color:#6b7280;background:#f3f4f6}.rsa-kondisi-inline{color:#666;white-space:nowrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.rsa-arrow{color:#d1d5db;font-size:.8rem}.rsa-detail-btn{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #e4e4dc;border-radius:6px;padding:.3rem .8rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.76rem;font-weight:600;transition:all .15s}.rsa-detail-btn:hover{color:#2f7d79;background:#2f7d790d;border-color:#2f7d79}.rsa-loading,.rsa-error,.rsa-empty{color:#9ca3af;background:#fff;border:1px solid #2f7d7912;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;display:flex}.rsa-spinner{border:3px solid #2f7d791f;border-top-color:#2f7d79;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite rsaSpin}@keyframes rsaSpin{to{transform:rotate(360deg)}}.rsa-error{color:#c0392b}.rsa-error button{color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:6px;padding:.4rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:600}.rsa-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1.5rem;animation:.2s rsaFadeIn;display:flex;position:fixed;inset:0}@keyframes rsaFadeIn{0%{opacity:0}to{opacity:1}}.rsa-modal{background:#fff;border-radius:18px;width:100%;max-width:580px;max-height:85vh;font-family:Plus Jakarta Sans,sans-serif;animation:.25s rsaSlideUp;overflow-y:auto;box-shadow:0 24px 64px #2f7d7926}@keyframes rsaSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.rsa-modal-header{border-bottom:1px solid #2f7d7914;justify-content:space-between;align-items:flex-start;padding:1.75rem 1.75rem 1.25rem;display:flex}.rsa-modal-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#2f7d79;margin-bottom:.3rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:600;display:block}.rsa-modal-title{color:#1a2e2c;letter-spacing:-.3px;margin:0 0 .2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;font-weight:800}.rsa-modal-id{color:#9ca3af;font-family:Plus Jakarta Sans,sans-serif;font-size:.76rem}.rsa-modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.25rem;transition:color .15s}.rsa-modal-close:hover{color:#1a2e2c}.rsa-modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem 1.75rem 1.75rem;font-family:Plus Jakarta Sans,sans-serif;display:flex}.rsa-modal-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.rsa-modal-full{grid-column:1/-1}.rsa-modal-field{flex-direction:column;gap:.3rem;display:flex}.rsa-modal-field label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:600}.rsa-modal-field span{color:#1a2e2c;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:500}.rsa-mono{word-break:break-all;font-family:monospace;color:#6b7280!important;font-size:.78rem!important}.rsa-modal-section h3{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin:0 0 .9rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:700}.rsa-kondisi-row{align-items:center;gap:1rem;display:flex}.rsa-kondisi-item{flex-direction:column;flex:1;gap:.4rem;display:flex}.rsa-kondisi-item label{text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:600}.rsa-kondisi-arrow{color:#d1d5db;flex-shrink:0;margin-top:1.2rem;font-size:1.1rem}.progress-track{background:#2f7d791a;border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2f7d79,#79d8d1)!important;border-radius:999px!important;height:8px!important;display:block!important}.progress-label{color:#444;margin-top:.35rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:600;display:block}.rsa-delta{border-radius:8px;margin-top:.9rem;padding:.55rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:600}.delta-up{color:#2f7d79;background:#2f7d7914}.delta-down{color:#c0392b;background:#fdecea}@media (width<=768px){.rsa-modal-grid{grid-template-columns:1fr}.rsa-kondisi-row{flex-direction:column}.rsa-kondisi-arrow{display:none}.rsa-page{padding:1.25rem}}@media (width<=600px){.rsa-kondisi-row{flex-direction:column;gap:1rem}.rsa-kondisi-item{width:100%}.rsa-kondisi-arrow{display:none}.progress-label{color:#444;white-space:nowrap;margin-top:0;font-size:.82rem;font-weight:600}.rsa-modal-body{gap:1.25rem;padding:1rem 1.25rem 1.5rem}.rsa-page{padding:1rem}.rsa-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.rsa-title{font-size:1.5rem}.rsa-subtitle{font-size:.8rem}.rsa-refresh-btn{align-self:flex-start}.rsa-summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.25rem}.rsa-stat-card{padding:14px}.rsa-stat-value{font-size:24px}.rsa-stat-label{font-size:10px}.rsa-filter-bar{gap:.5rem}.rsa-search-wrap{flex:none;width:100%;min-width:100%}.rsa-select{flex:1;min-width:0;padding:.5rem .6rem;font-size:.78rem}.rsa-count{margin-left:0}.rsa-table-wrap{-webkit-overflow-scrolling:touch;border-radius:10px;overflow-x:auto}.rsa-table{min-width:820px;font-size:.78rem}.rsa-table th{padding:.5rem .6rem;font-size:9px}.rsa-table td{padding:.55rem .6rem}.rsa-avatar{width:24px;height:24px;font-size:.65rem}.rsa-name{font-size:.72rem}.rsa-id{font-size:.62rem}.rsa-detail-btn{padding:.16rem .4rem;font-size:.63rem}.rsa-td-date{font-size:.72rem}.rsa-td-konselor{font-size:.74rem}.rsa-td-kondisi{font-size:.72rem}.rsa-kategori{padding:.18rem .45rem;font-size:.68rem}.rsa-sesi-badge{width:22px;height:22px;font-size:.7rem;line-height:22px}.status-badge{padding:.16rem .4rem;font-size:.65rem}.rsa-modal-overlay{align-items:flex-end;padding:0}.rsa-modal{border-radius:20px 20px 0 0;max-width:100%;max-height:92vh}.rsa-modal-header{padding:1.25rem 1.25rem 1rem}.rsa-modal-body{padding:1rem 1.25rem 1.5rem}.rsa-modal-title{font-size:1.15rem}.rsa-modal-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}:root{--teal:#2f7d79;--teal-lt:#79d8d1;--teal-bg:#d9f0da;--teal-glow:#2f7d792e;--dark:#1a2e2c;--gray:#666;--gray-lt:#e4e4dc;--white:#fff;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--grad-teal:linear-gradient(135deg, #2f7d79 0%, #79d8d1 100%);--grad-card:linear-gradient(145deg, #fff 0%, #f5f5ef 100%)}body{color:#222;-webkit-font-smoothing:antialiased;background:#f2f2ea;font-family:Plus Jakarta Sans,sans-serif}.notif-shell{background:#f2f2ea;flex-direction:column;min-height:100vh;display:flex}.notif-main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:24px 32px}.notif-topbar{z-index:100;background:#f2f2eaf2;border-bottom:1px solid #2f7d791a;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.notif-topbar-row{justify-content:space-between;align-items:center;width:100%;display:flex}.notif-topbar-l{align-items:center;gap:40px;display:flex}.notif-logo{cursor:pointer;background:var(--grad-teal);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800}.notif-topbar-nav{gap:28px;display:flex}.notif-topbar-nav span{color:var(--gray);cursor:pointer;padding-bottom:4px;font-size:13px;font-weight:500;transition:color .15s;position:relative}.notif-topbar-nav span:hover{color:var(--teal)}.notif-topbar-nav .notif-nav-active{color:var(--teal);font-weight:700}.notif-topbar-nav .notif-nav-active:after{content:"";background:var(--grad-teal);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.notif-topbar-r{align-items:center;gap:16px;display:flex}.notif-cta{background:var(--grad-teal);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 12px var(--teal-glow);border:none;padding:8px 20px;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .2s,transform .15s}.notif-cta:hover{opacity:.88;transform:translateY(-1px)}.notif-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.notif-icon-btn:hover{background:#2f7d7914}.notif-avatar{background:var(--grad-teal);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;transition:transform .15s;display:flex;box-shadow:0 0 0 2px #2f7d7940}.notif-avatar:hover{transform:scale(1.05)}.notif-logout-btn{cursor:pointer;width:38px;height:38px;color:var(--teal);background:0 0;border:1px solid #2f7d7933;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.notif-logout-btn:hover{background:#2f7d7914;border-color:#2f7d7966}.notif-greeting{margin-bottom:32px}.notif-back-btn{background:var(--grad-teal);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 4px 14px #2f7d7959}.notif-back-btn:hover{opacity:.85;transform:translate(-2px)}.notif-greeting-content{flex:1}.notif-greeting-title{color:#1a3d3a;margin-bottom:4px;font-size:18px;font-weight:700}.notif-greeting-sub{color:#aaa;margin:0;font-size:13px}.notif-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.notif-filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.notif-filter-btn{cursor:pointer;color:#2f7d79;background:#f0fffe;border:1px solid #b0e8e2;border-radius:99px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.notif-filter-btn:hover{background:#e4f8f6;transform:translateY(-1px)}.notif-filter-btn--active{color:#fff;background:#2f7d79;border-color:#2f7d79}.notif-filter-btn--active:hover{background:#236b67}.notif-actions{align-items:center;gap:14px;display:flex}.notif-unread-badge{color:#fff;background:#2f7d79;border-radius:99px;padding:5px 14px;font-size:12px;font-weight:700}.notif-mark-all-btn{color:#2f7d79;cursor:pointer;background:0 0;border:1.5px solid #b0e8e2;border-radius:10px;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.notif-mark-all-btn:hover{background:#f0fffe;border-color:#2f7d79}.notif-list{flex-direction:column;gap:12px;display:flex}.notif-loading,.notif-empty{text-align:center;color:#6b8f8c;padding:80px 20px;font-size:14px}.notif-loading-spinner{border:3px solid #e0eeec;border-top-color:#2f7d79;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite notif-spin}@keyframes notif-spin{to{transform:rotate(360deg)}}.notif-card{cursor:pointer;background:#fafbfb;border:1px solid #e8eeed;border-radius:16px;align-items:flex-start;gap:16px;padding:18px 20px;transition:all .2s;display:flex}.notif-card--unread{background:#f0fffe;border-color:#b0e8e2}.notif-card:hover{transform:translate(4px);box-shadow:0 4px 12px #2f7d791a}.notif-avatar-wrapper{background:#f0fffe;border:2px solid #b0e8e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.notif-avatar-wrapper img{object-fit:cover;width:100%;height:100%}.notif-avatar-initial{color:#2f7d79;font-size:18px;font-weight:700}.notif-content{flex:1;min-width:0}.notif-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.notif-sender{color:#1a3d3a;font-size:14px;font-weight:700}.notif-badge{letter-spacing:.5px;color:#2f7d79;background:#f0fffe;border:1px solid #b0e8e2;border-radius:99px;padding:3px 10px;font-size:9px;font-weight:700}.notif-unread-dot{background:#2f7d79;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.notif-message{color:#4a6b68;margin-bottom:8px;font-size:13px;line-height:1.55}.notif-time{color:#9bb5b2;font-size:11px;font-weight:500}.notif-footer{background:#f2f2eaf2;border-top:1px solid #2f7d7914;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:24px 32px;display:flex}.notif-footer-brand{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:14px;font-weight:800;display:block}.notif-footer-copy{color:#bbb;font-size:11px}.notif-footer-links{gap:24px;display:flex}.notif-footer-links span{color:var(--gray);cursor:pointer;font-size:12px;font-weight:500;transition:color .15s}.notif-footer-links span:hover{color:var(--teal)}@media (width<=768px){.notif-main{padding:20px 16px}.notif-topbar{height:auto;padding:12px 16px}.notif-topbar-row{flex-wrap:wrap;gap:12px}.notif-topbar-l{justify-content:space-between;width:100%}.notif-topbar-nav{border-top:1px solid #2f7d791a;order:3;justify-content:center;width:100%;margin-top:4px;padding-top:12px}.notif-filter-row{flex-direction:column;align-items:stretch}.notif-actions{justify-content:space-between}.notif-card{padding:14px 16px}.notif-avatar-wrapper{width:40px;height:40px}.notif-footer{text-align:center;flex-direction:column;align-items:center;padding:20px 16px}.notif-footer-links{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.notif-filter-buttons{width:100%}.notif-filter-btn{text-align:center;flex:1}}.sesi-konseling-page *,.sesi-konseling-page :before,.sesi-konseling-page :after{box-sizing:border-box;margin:0;padding:0}.sesi-konseling-page .sk-shell{background:#f0faf9;flex-direction:column;height:100vh;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}.sesi-konseling-page .sk-topbar{z-index:10;background:#fff;border-bottom:1px solid #e0f2f1;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.sesi-konseling-page .sk-topbar-brand{color:#1a1a2e;cursor:pointer;font-family:Fraunces,serif;font-size:17px;font-weight:600}.sesi-konseling-page .sk-topbar-brand span{color:#2f7d79}.sesi-konseling-page .sk-session-info{color:#555;align-items:center;gap:10px;font-size:12.5px;font-weight:500;display:flex}.sesi-konseling-page .sk-dot{background:#4caf7d;border-radius:50%;width:7px;height:7px;animation:2s infinite sesiKons-pulse-dot}@keyframes sesiKons-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.sesi-konseling-page .sk-timer{color:#2f7d79;letter-spacing:.5px;background:#e8f5f3;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.sesi-konseling-page .sk-end-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fee2e2;border:none;border-radius:8px;flex-shrink:0;padding:7px 16px;font-size:12px;font-weight:600}.sesi-konseling-page .sk-end-btn:hover{background:#fecaca}.sesi-konseling-page .sk-body{flex:1;display:flex;overflow:hidden}.sesi-konseling-page .sk-left{background:#fff;border-right:1px solid #e0f2f1;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:210px;padding:28px 16px;display:flex}.sesi-konseling-page .sk-avatar-wrap{color:#fff;background:linear-gradient(135deg,#79d8d1,#2f7d79);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 20px #2f7d7940}.sesi-konseling-page .sk-avatar-wrap img{object-fit:cover;width:100%;height:100%}.sesi-konseling-page .sk-kons-name{color:#1a1a2e;text-align:center;font-size:13px;font-weight:700;line-height:1.3}.sesi-konseling-page .sk-kons-cat{color:#2f7d79;text-align:center;background:#e8f5f3;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.sesi-konseling-page .sk-kons-rating{color:#888;align-items:center;gap:4px;font-size:11.5px;display:flex}.sesi-konseling-page .sk-divider{background:#e8f5f3;width:100%;height:1px;margin:4px 0}.sesi-konseling-page .sk-sesi-info{color:#555;background:#f8fffe;border-radius:10px;width:100%;padding:12px;font-size:11.5px;line-height:1.7}.sesi-konseling-page .sk-sesi-info strong{color:#1a1a2e;font-weight:600}.sesi-konseling-page .sk-center{flex-direction:column;flex:1;display:flex;overflow:hidden}.sesi-konseling-page .sk-messages{flex-direction:column;flex:1;gap:4px;padding:20px 24px;display:flex;overflow-y:auto}.sesi-konseling-page .sk-messages::-webkit-scrollbar{width:4px}.sesi-konseling-page .sk-messages::-webkit-scrollbar-thumb{background:#c5e8e6;border-radius:4px}.sesi-konseling-page .sk-date-sep{text-align:center;color:#aaa;letter-spacing:.5px;margin:12px 0 8px;font-size:10.5px;font-weight:600}.sesi-konseling-page .sk-bubble-wrap{flex-direction:column;margin-bottom:2px;display:flex}.sesi-konseling-page .sk-bubble-wrap.me{align-items:flex-end}.sesi-konseling-page .sk-bubble-wrap.them{align-items:flex-start}.sesi-konseling-page .sk-sender-label{color:#aaa;margin-bottom:3px;padding:0 4px;font-size:10px;font-weight:600}.sesi-konseling-page .sk-bubble{word-break:break-word;border-radius:16px;max-width:68%;padding:10px 14px;font-size:13.5px;line-height:1.55}.sesi-konseling-page .sk-bubble.me{color:#fff;background:linear-gradient(135deg,#2f7d79,#3a9e98);border-bottom-right-radius:4px}.sesi-konseling-page .sk-bubble.them{color:#1a1a2e;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 4px #00000012}.sesi-konseling-page .sk-bubble-time{color:#bbb;margin-top:3px;padding:0 4px;font-size:9.5px}.sesi-konseling-page .sk-bubble-wrap.me .sk-bubble-time{text-align:right}.sesi-konseling-page .sk-empty-chat{color:#aaa;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding-bottom:40px;font-size:13px;display:flex}.sesi-konseling-page .sk-empty-chat .sk-empty-emoji{font-size:36px}.sesi-konseling-page .sk-quick-ref{background:#fff;border-top:1px solid #e0f2f1;flex-shrink:0;padding:10px 20px 12px}.sesi-konseling-page .sk-quick-ref-label{color:#aaa;letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:700}.sesi-konseling-page .sk-chips{flex-wrap:wrap;gap:6px;display:flex}.sesi-konseling-page .sk-chip{color:#2f7d79;cursor:pointer;background:#e8f5f3;border:none;border-radius:20px;padding:5px 12px;font-size:11.5px;font-weight:500;transition:background .15s}.sesi-konseling-page .sk-chip:hover{background:#c8ece8}.sesi-konseling-page .sk-input-area{background:#fff;border-top:1px solid #e0f2f1;flex-shrink:0;align-items:flex-end;gap:10px;padding:14px 20px;display:flex}.sesi-konseling-page .sk-input-area textarea{resize:none;color:#1a1a2e;background:#f8fffe;border:1.5px solid #d0ece9;border-radius:12px;outline:none;flex:1;max-height:100px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13.5px;line-height:1.5;transition:border-color .2s}.sesi-konseling-page .sk-input-area textarea:focus{background:#fff;border-color:#2f7d79}.sesi-konseling-page .sk-input-area textarea::placeholder{color:#bbb}.sesi-konseling-page .sk-send-btn{cursor:pointer;background:linear-gradient(135deg,#79d8d1,#2f7d79);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s,transform .15s;display:flex}.sesi-konseling-page .sk-send-btn:hover{opacity:.88;transform:scale(1.05)}.sesi-konseling-page .sk-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.sk-overlay{z-index:999;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sk-overlay .sk-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:380px;padding:32px 28px;box-shadow:0 24px 64px #00000026}.sk-overlay .sk-modal-emoji{margin-bottom:12px;font-size:44px}.sk-overlay .sk-modal h3{color:#1a1a2e;margin-bottom:8px;font-family:Fraunces,serif;font-size:20px}.sk-overlay .sk-modal p{color:#666;margin-bottom:24px;font-size:13px;line-height:1.6}.sk-overlay .sk-modal-btns{gap:10px;display:flex}.sk-overlay .sk-modal-cancel{color:#666;cursor:pointer;background:0 0;border:1.5px solid #e0ece9;border-radius:10px;flex:1;padding:11px;font-size:13px;font-weight:600}.sk-overlay .sk-modal-cancel:hover{background:#f5f5f5}.sk-overlay .sk-modal-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f7d79,#1a5e5a);border:none;border-radius:10px;flex:1;padding:11px;font-size:13px;font-weight:600}.sk-overlay .sk-modal-confirm:hover{opacity:.88}@media (width<=768px){.sesi-konseling-page .sk-left{display:none}.sesi-konseling-page .sk-topbar{gap:8px;padding:0 12px}.sesi-konseling-page .sk-topbar-brand,.sesi-konseling-page .sk-session-prefix{display:none}.sesi-konseling-page .sk-session-info{gap:6px;font-size:11px}.sesi-konseling-page .sk-session-info span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.sesi-konseling-page .sk-end-btn{white-space:nowrap;padding:6px 12px;font-size:11px}.sesi-konseling-page .sk-bubble{max-width:85%}.sesi-konseling-page .sk-messages{padding:12px 14px}.sesi-konseling-page .sk-quick-ref{padding:10px 12px 12px}.sesi-konseling-page .sk-chip{padding:4px 10px;font-size:10.5px}.sesi-konseling-page .sk-input-area{padding:10px 12px}}.sk-info-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sk-info-modal{background:#fff;border-radius:20px;width:100%;max-width:340px;padding:28px 24px;animation:.25s ease-out sk-info-fade-in;position:relative;box-shadow:0 24px 64px #00000026}@keyframes sk-info-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sk-info-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:background .2s,color .2s;display:flex;position:absolute;top:14px;right:14px}.sk-info-close:hover{color:#333;background:#f5f5f5}.sk-info-modal-body{flex-direction:column;align-items:center;display:flex}.sk-info-avatar-wrap{color:#fff;background:linear-gradient(135deg,#79d8d1,#2f7d79);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:12px;font-size:32px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 16px #2f7d7940}.sk-info-avatar-wrap img{object-fit:cover;width:100%;height:100%}.sk-info-avatar-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sk-info-kons-name{color:#1a1a2e;text-align:center;margin-bottom:6px;font-size:14.5px;font-weight:700}.sk-info-kons-cat{color:#2f7d79;text-align:center;background:#e8f5f3;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.sk-info-rating{color:#f59e0b;text-align:center;margin-top:6px;font-size:12px;font-weight:600}.sk-info-divider{background:#e8f5f3;width:100%;height:1px;margin:16px 0}.sk-info-details{background:#f8fffe;border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:14px 16px;display:flex}.sk-info-detail-row{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.sk-info-detail-label{color:#666;font-weight:500}.sk-info-detail-val{color:#1a1a2e;text-align:right;font-weight:600}:root{--teal:#2f7d79;--teal-lt:#79d8d1;--teal-bg:#d9f0da;--teal-glow:#2f7d7926;--cream:#f2f2ea;--dark:#1a2e2c;--gray:#666;--gray-lt:#e4e4dc;--red:#c0392b;--red-lt:#fdecea;--white:#fff;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow-card:0 2px 16px #2f7d7914;--grad-teal:linear-gradient(135deg,#2f7d79 0%,#79d8d1 100%)}html{scroll-behavior:smooth}body{background:var(--cream);color:#222;-webkit-font-smoothing:antialiased;max-width:100vw;font-family:Plus Jakarta Sans,sans-serif}.ad-shell{flex-direction:column;max-width:100vw;min-height:100vh;display:flex}.ad-topnav{z-index:100;background:#f2f2eaf5;border-bottom:1px solid #2f7d791a;flex-wrap:wrap;align-items:center;gap:0;min-height:52px;padding:0 16px;display:flex;position:sticky;top:0}.ad-topnav-logo{cursor:pointer;letter-spacing:-.3px;background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1;padding:8px 0;font-size:14px;font-weight:800}.ad-topnav-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;order:3;gap:4px;width:100%;padding:0 0 6px;display:flex;overflow-x:auto}.ad-topnav-links::-webkit-scrollbar{display:none}.ad-topnav-link{color:var(--gray);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:500;transition:color .15s}.ad-topnav-link--active{color:var(--teal);text-underline-offset:3px;background:#2f7d7914;font-weight:700;text-decoration:underline}.ad-topnav-icons{order:2;gap:6px;display:flex}.ad-icon-btn{cursor:pointer;width:32px;height:32px;color:var(--teal);background:#2f7d7914;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex}.ad-icon-btn:hover{background:#2f7d7929}.ad-main{flex-direction:column;flex:1;gap:20px;width:100%;min-width:0;max-width:1100px;margin:0 auto;padding:20px 14px 48px;display:flex}.ad-hero{flex-direction:column;gap:8px;display:flex}.ad-hero-title{letter-spacing:-.3px;color:var(--dark);font-size:20px;font-weight:800}.ad-hero-sub{color:var(--gray);font-size:12px;line-height:1.6}.ad-stats-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ad-stat-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #2f7d7912;flex-direction:column;gap:6px;min-width:0;padding:14px;display:flex}.ad-stat-card--alert{background:linear-gradient(135deg,#fff 60%,#fdecea 100%);border-color:#c0392b1f}.ad-stat-label{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.ad-stat-big{color:var(--dark);letter-spacing:-1px;font-size:24px;font-weight:800;line-height:1}.ad-stat-big--red{color:var(--red)}.ad-stat-badge{border-radius:20px;align-items:center;gap:4px;width:fit-content;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.ad-stat-badge--green{color:var(--teal);background:#2f7d791a}.ad-stat-badge--red{background:var(--red-lt);color:var(--red)}.ad-stat-progress{background:#2f7d791f;border-radius:99px;height:5px;overflow:hidden}.ad-stat-progress-fill{background:var(--grad-teal);border-radius:99px;height:100%;transition:width .6s}.ad-star-row{flex-wrap:wrap;gap:3px;display:flex}.ad-dim-row{flex-direction:column;gap:10px;display:flex}.ad-dim-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #2f7d7912;flex-direction:column;gap:10px;min-width:0;padding:14px 16px;display:flex}.ad-dim-top{justify-content:space-between;align-items:flex-start;display:flex}.ad-dim-title{color:var(--dark);font-size:14px;font-weight:700;display:block}.ad-dim-sub{color:var(--gray);margin-top:2px;font-size:11px;display:block}.ad-dim-score{color:var(--teal);flex-shrink:0;font-size:22px;font-weight:800}.ad-dim-track{justify-content:space-between;display:flex}.ad-dim-track-label{color:var(--gray);letter-spacing:.5px;font-size:10px;font-weight:700}.ad-dim-track-pct{color:var(--teal);font-size:10px;font-weight:700}.ad-dim-bar{background:#2f7d791a;border-radius:99px;height:6px;overflow:hidden}.ad-dim-bar-fill{background:var(--grad-teal);border-radius:99px;height:100%;transition:width .6s}.ad-chart-row{flex-direction:column;gap:10px;display:flex}.ad-chart-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #2f7d7912;flex-direction:column;gap:14px;min-width:0;padding:14px 16px;display:flex}.ad-chart-head{justify-content:space-between;align-items:center;display:flex}.ad-chart-title{color:var(--dark);font-size:13px;font-weight:700}.ad-chart-icon-btn{cursor:pointer;color:var(--gray);background:0 0;border:none;border-radius:6px;padding:4px;transition:color .15s;display:flex}.ad-chart-icon-btn:hover{color:var(--teal)}.ad-bar-chart{justify-content:space-around;align-items:flex-end;gap:12px;width:100%;min-width:0;height:110px;padding-bottom:20px;display:flex}.ad-bargroup{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.ad-bargroup-bars{align-items:flex-end;gap:4px;height:80px;display:flex}.ad-bar-col{flex-direction:column;align-items:center;gap:3px;display:flex}.ad-bar-track{background:#2f7d7914;border-radius:6px;align-items:flex-end;width:18px;height:72px;display:flex;overflow:hidden}.ad-bar-fill{border-radius:6px 6px 0 0;width:100%;transition:height .6s}.ad-bar-val{color:var(--gray);font-size:9px;font-weight:700}.ad-bargroup-label{color:var(--gray);letter-spacing:.4px;text-align:center;font-size:8px;font-weight:700}.ad-std-list{flex-direction:column;gap:12px;padding:4px 0;display:flex}.ad-std-item{align-items:center;gap:10px;display:flex}.ad-std-label{color:var(--gray);letter-spacing:.4px;flex-shrink:0;width:68px;font-size:10px;font-weight:700}.ad-std-track{background:#2f7d791a;border-radius:99px;flex:1;min-width:0;height:7px;overflow:hidden}.ad-std-fill{background:var(--teal-lt);border-radius:99px;height:100%;transition:width .6s}.ad-std-val{color:var(--teal);text-align:right;flex-shrink:0;width:32px;font-size:11px;font-weight:700}.ad-section{flex-direction:column;gap:14px;display:flex}.ad-section-title{color:var(--dark);letter-spacing:-.3px;font-size:15px;font-weight:800}.ad-section-sub{color:var(--gray);margin-top:2px;font-size:11px}.ad-distrib-row{flex-direction:column;gap:10px;display:flex}.ad-distrib-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #2f7d7912;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex;overflow:hidden}.ad-distrib-title{color:var(--dark);font-size:13px;font-weight:700}.ad-donut-wrap{flex-direction:column;align-items:center;gap:14px;width:100%;min-width:0;display:flex}.ad-donut-wrap svg{width:100%;max-width:160px;height:auto}.ad-donut-lbl{fill:var(--gray);font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600}.ad-donut-pct{fill:var(--teal);font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800}.ad-donut-legend{flex-flow:wrap;justify-content:center;gap:10px;display:flex}.ad-donut-leg-item{color:var(--gray);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.ad-donut-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ad-gauge-wrap{flex-direction:column;align-items:center;gap:16px;width:100%;min-width:0;display:flex}.ad-gauge-wrap svg{width:100%;max-width:140px;height:auto}.ad-gauge-val{fill:var(--dark);font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800}.ad-gauge-max{fill:var(--gray);font-family:Plus Jakarta Sans,sans-serif;font-size:10px}.ad-gauge-stats{flex-flow:wrap;justify-content:center;gap:20px;display:flex}.ad-gauge-stat{flex-direction:column;align-items:center;gap:3px;display:flex}.ad-gauge-stat-label{color:var(--gray);letter-spacing:.6px;text-transform:uppercase;font-size:9px;font-weight:700}.ad-gauge-stat-label--red{color:var(--red)}.ad-gauge-stat-val{color:var(--teal);font-size:20px;font-weight:800;line-height:1}.ad-gauge-stat-val--red{color:var(--red)}.ad-gauge-stat-max{color:var(--gray);font-size:12px;font-weight:500}.ad-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #2f7d7912;flex-direction:column;gap:16px;width:100%;min-width:0;padding:16px;display:flex;overflow:hidden}.ad-card--full{width:100%}.ad-likert-wrap{flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.ad-likert-chart{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:space-around;align-items:flex-end;gap:6px;width:100%;min-width:0;height:130px;padding-bottom:24px;display:flex;overflow-x:auto}.ad-likert-chart::-webkit-scrollbar{display:none}.ad-likert-group{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:44px;display:flex}.ad-likert-bars{align-items:flex-end;gap:3px;height:90px;display:flex}.ad-likert-bar-col{flex-direction:column;align-items:center;gap:3px;display:flex}.ad-likert-track{background:#2f7d7914;border-radius:6px;align-items:flex-end;width:12px;height:80px;display:flex;overflow:hidden}.ad-likert-fill{border-radius:6px 6px 0 0;width:100%;transition:height .6s}.ad-likert-num{color:var(--gray);font-size:8px;font-weight:700}.ad-likert-xlabel{color:var(--gray);letter-spacing:.3px;white-space:nowrap;text-align:center;font-size:9px;font-weight:600}.ad-likert-legend{flex-wrap:wrap;gap:12px;display:flex}.ad-legend-item{color:var(--gray);align-items:center;gap:6px;font-size:11px;display:flex}.ad-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.ad-minmax-row-outer{flex-wrap:wrap;justify-content:space-around;align-items:flex-start;gap:16px;width:100%;min-width:0;padding:4px 0;display:flex}.ad-minmax-col{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:80px;display:flex}.ad-minmax-lbl{color:var(--gray);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:700}.ad-minmax-row{gap:16px;display:flex}.ad-minmax-group{flex-direction:column;align-items:center;gap:5px;display:flex}.ad-minmax-tag{color:var(--gray);letter-spacing:.5px;font-size:9px;font-weight:700}.ad-minmax-pill{color:#fff;border-radius:36px;justify-content:center;align-items:center;width:36px;height:70px;font-size:12px;font-weight:700;display:flex}.ad-minmax-pill--min{color:#c0392b;background:linear-gradient(#fdecea 0%,#e74c3c 100%)}.ad-minmax-pill--max{color:#fff;background:linear-gradient(#d9f0da 0%,#2f7d79 100%)}.ad-minmax-val{color:var(--dark);font-size:12px;font-weight:700}.footer-modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.footer-modal-container{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:100%;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 -8px 40px #00000024}.footer-modal-header{border-bottom:1px solid #e8f5f3;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.footer-modal-title-wrap{align-items:center;gap:10px;display:flex}.footer-modal-icon{font-size:24px;line-height:1}.footer-modal-title{color:#1a1a2e;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:700}.footer-modal-close{color:#888;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s,color .15s;display:flex}.footer-modal-close:hover{color:#dc2626;background:#fee2e2}.footer-modal-body{flex-direction:column;flex:1;gap:18px;padding:18px;display:flex;overflow-y:auto}.footer-modal-body::-webkit-scrollbar{width:4px}.footer-modal-body::-webkit-scrollbar-thumb{background:#c5e8e6;border-radius:4px}.footer-modal-section{flex-direction:column;gap:5px;display:flex}.footer-modal-section-title{color:#2f7d79;margin:0;font-size:13px;font-weight:700}.footer-modal-section-body{color:#555;white-space:pre-line;margin:0;font-size:12px;line-height:1.7}.footer-modal-foot{border-top:1px solid #e8f5f3;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.footer-modal-foot-note{color:#aaa;font-size:10px}.footer-modal-close-btn{background:var(--grad-teal);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s}.footer-modal-close-btn:hover{opacity:.88}.ad-footer{background:#f2f2ead1;border-top:1px solid #2f7d7914;flex-direction:column;gap:10px;padding:16px 14px;display:flex}.ad-footer-brand{flex-direction:column;gap:3px;display:flex}.ad-footer-logo{background:var(--grad-teal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:800}.ad-footer-brand p{color:#aaa;font-size:10px}.ad-footer-links{color:var(--gray);flex-wrap:wrap;gap:14px;font-size:11px;font-weight:500;display:flex}.ad-footer-links span{cursor:pointer;transition:color .15s}.ad-footer-links span:hover{color:var(--teal)}.ad-logout-btn{color:var(--red);cursor:pointer;background:0 0;border:1.5px solid #c0392b40;border-radius:8px;flex-shrink:0;order:2;align-items:center;gap:5px;padding:5px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600;transition:all .15s;display:flex}.ad-logout-btn:hover{background:var(--red-lt);border-color:var(--red)}.ad-logout-btn svg{width:13px;height:13px}@media (width>=640px){.ad-topnav{flex-wrap:nowrap;row-gap:0;height:52px;padding:0 24px}.ad-topnav-logo{flex:none;font-size:15px}.ad-topnav-links{order:unset;flex:1;width:auto;padding:0}.ad-topnav-link{font-size:13px}.ad-logout-btn{order:unset}.ad-main{gap:24px;padding:28px 24px 56px}.ad-hero-title{font-size:24px}.ad-stats-row{grid-template-columns:repeat(4,1fr);gap:12px}.ad-stat-card{padding:16px 18px}.ad-stat-big{font-size:28px}.ad-dim-row{flex-direction:row}.ad-dim-card{flex:1}.ad-chart-row{flex-direction:row}.ad-chart-card{flex:1}.ad-distrib-row{flex-direction:row}.ad-distrib-card{flex:1}.ad-donut-wrap{flex-direction:row;justify-content:flex-start;align-items:center}.ad-donut-legend{flex-direction:column;justify-content:flex-start}.ad-gauge-wrap{flex-direction:row;justify-content:flex-start;align-items:center}.ad-gauge-stats{align-items:flex-start;justify-content:unset;flex-direction:column}.ad-likert-track{width:14px}.ad-likert-xlabel{font-size:10px}.footer-modal-overlay{align-items:center;padding:20px}.footer-modal-container{border-radius:20px;max-width:520px}.footer-modal-header{padding:22px 26px 18px}.footer-modal-body{padding:22px 26px}.footer-modal-foot{padding:14px 26px}.footer-modal-title{font-size:19px}.ad-footer{flex-direction:row;justify-content:space-between;align-items:flex-end;padding:18px 24px}.ad-footer-links{gap:18px;font-size:12px}.ad-footer-brand p{font-size:11px}}@media (width>=900px){.ad-topnav{padding:0 32px}.ad-main{gap:28px;padding:36px 28px 60px}.ad-hero-title{font-size:28px}.ad-stat-big{font-size:30px}.ad-stat-card{padding:18px 20px}.ad-section-title{font-size:18px}.ad-likert-track{width:16px}.ad-likert-xlabel{font-size:10px}.ad-bar-track{width:18px;height:80px}.ad-minmax-pill{width:40px;height:80px}.ad-minmax-val{font-size:14px}.ad-footer{padding:20px 32px}}.km-root{padding-bottom:3rem;position:relative}.km-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.km-search-wrap{flex:1;min-width:200px;position:relative}.km-search-icon{color:#2f7d79;opacity:.6;pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.km-search{color:#1a2c2b;box-sizing:border-box;background:#fff;border:1.5px solid #2f7d7933;border-radius:10px;width:100%;padding:.55rem 1rem .55rem 2.4rem;font-size:.85rem;transition:border-color .2s}.km-search:focus{border-color:#2f7d79;outline:none}.km-count{color:#2f7d79;opacity:.7;white-space:nowrap;font-size:.8rem}.km-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.84rem;font-weight:600;transition:background .18s,transform .1s,box-shadow .18s;display:inline-flex}.km-btn:active{transform:scale(.97)}.km-btn:disabled{opacity:.5;cursor:not-allowed}.km-btn--primary{color:#fff;background:#2f7d79;box-shadow:0 2px 8px #2f7d7940}.km-btn--primary:hover:not(:disabled){background:#236460}.km-btn--ghost{color:#2f7d79;background:#2f7d7914;border:1.5px solid #2f7d7933}.km-btn--ghost:hover:not(:disabled){background:#2f7d7926}.km-btn--danger{color:#fff;background:#e53e3e}.km-btn--danger:hover:not(:disabled){background:#c53030}.km-btn--danger-ghost{color:#e53e3e;cursor:pointer;background:0 0;border:1.5px solid #e53e3e;border-radius:10px;padding:.55rem 1.1rem;font-size:.84rem;font-weight:600;transition:background .18s}.km-btn--danger-ghost:hover{background:#e53e3e14}.km-add-btn{gap:.5rem}.km-refresh-btn{padding:.55rem .75rem}.km-icon-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:inline-flex}.km-icon-btn--edit{color:#2f7d79;background:#2f7d791a}.km-icon-btn--edit:hover{background:#2f7d7933}.km-icon-btn--del{color:#e53e3e;background:#e53e3e14}.km-icon-btn--del:hover{background:#e53e3e2e}.km-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.km-card{cursor:pointer;background:#fff;border:1.5px solid #2f7d791f;border-radius:14px;padding:1rem 1.1rem;transition:box-shadow .2s,border-color .2s,transform .15s}.km-card:hover{border-color:#2f7d794d;transform:translateY(-2px);box-shadow:0 6px 20px #2f7d791f}.km-card:focus-visible{outline-offset:3px;outline:2px solid #2f7d79}.km-card-top{align-items:flex-start;gap:.85rem;margin-bottom:.85rem;display:flex}.km-card-info{flex-direction:column;flex:1;gap:.18rem;display:flex}.km-card-name{color:#1a2c2b;font-size:.92rem;font-weight:700}.km-card-kat{color:#2f7d79;font-size:.75rem;font-weight:600}.km-card-exp{color:#888;font-size:.72rem}.km-card-rating{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.km-card-rating-num{color:#2f7d79;font-size:1rem;font-weight:800}.km-card-bottom{border-top:1px solid #2f7d791a;align-items:center;gap:.5rem;padding-top:.75rem;display:flex}.km-card-stat{flex-direction:column;flex:1;align-items:center;gap:.1rem;display:flex}.km-card-stat-val{color:#1a2c2b;font-size:.9rem;font-weight:700}.km-card-stat-lbl{color:#888;text-transform:uppercase;letter-spacing:.03em;font-size:.65rem}.km-card-divider{background:#2f7d791f;width:1px;height:28px}.km-card-actions{gap:.35rem;margin-left:auto;display:flex}.km-avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0}.km-avatar-fallback{color:#fff;background:linear-gradient(135deg,#2f7d79,#79d8d1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.km-stars{gap:1px;display:inline-flex}.km-empty{color:#888;flex-direction:column;align-items:center;gap:.8rem;padding:4rem 1rem;font-size:.9rem;display:flex}.km-overlay{z-index:1000;background:#0a1e1c73;justify-content:flex-end;animation:.2s kmFadeIn;display:flex;position:fixed;inset:0}@keyframes kmFadeIn{0%{opacity:0}to{opacity:1}}.km-drawer{background:#fff;flex-direction:column;width:min(480px,96vw);height:100%;animation:.25s cubic-bezier(.22,.68,0,1.2) kmSlideIn;display:flex;overflow:hidden;box-shadow:-8px 0 40px #0a1e1c2e}@keyframes kmSlideIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.km-drawer-header{border-bottom:1.5px solid #2f7d791a;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.4rem 1rem;display:flex}.km-drawer-eyebrow{color:#2f7d79;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.km-drawer-title{color:#1a2c2b;margin:0;font-size:1.05rem;font-weight:800}.km-drawer-close{color:#2f7d79;cursor:pointer;background:#2f7d7914;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.km-drawer-close:hover{background:#2f7d7933}.km-drawer-body{flex-direction:column;flex:1;gap:1.1rem;padding:1.25rem 1.4rem;display:flex;overflow-y:auto}.km-drawer-footer{border-top:1.5px solid #2f7d791a;flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.4rem;display:flex}.km-drawer-avatar-row{background:#2f7d790d;border-radius:12px;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.km-drawer-avatar-name{color:#1a2c2b;font-size:.9rem;font-weight:700;display:block}.km-drawer-avatar-kat{color:#2f7d79;font-size:.75rem}.km-fieldset{border:1.5px solid #2f7d7926;border-radius:10px;flex-direction:column;gap:.6rem;padding:.85rem 1rem 1rem;display:flex}.km-fieldset legend{color:#2f7d79;text-transform:uppercase;letter-spacing:.07em;padding:0 .3rem;font-size:.72rem;font-weight:700}.km-fieldset-note{color:#1a2c2b;text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:600}.km-label{color:#444;font-size:.78rem;font-weight:600;display:block}.km-req{color:#e53e3e}.km-weight{color:#888;font-size:.7rem;font-weight:400}.km-input{color:#1a2c2b;box-sizing:border-box;background:#fff;border:1.5px solid #2f7d792e;border-radius:8px;width:100%;padding:.52rem .8rem;font-size:.84rem;transition:border-color .2s}.km-input:focus{border-color:#2f7d79;outline:none}.km-textarea{resize:vertical;min-height:90px;font-family:inherit;line-height:1.5}.km-rating-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.km-rating-item{flex-direction:column;gap:.3rem;display:flex}.km-form-err{color:#e53e3e;background:#e53e3e12;border-radius:8px;padding:.5rem .75rem;font-size:.8rem}.km-detail-hero{border-bottom:1px solid #2f7d791a;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.km-detail-name{color:#1a2c2b;margin:0 0 .2rem;font-size:1.05rem;font-weight:800}.km-detail-kat{color:#2f7d79;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.km-detail-meta{align-items:center;gap:.4rem;display:flex}.km-detail-rating-num{color:#2f7d79;font-size:.85rem;font-weight:700}.km-detail-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.km-detail-stat{background:#2f7d790d;border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .4rem;display:flex}.km-detail-stat-val{color:#1a2c2b;font-size:.95rem;font-weight:800}.km-detail-stat-lbl{color:#888;text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:.63rem}.km-detail-rating-breakdown{flex-direction:column;gap:.55rem;display:flex}.km-detail-rb-row{align-items:center;gap:.6rem;display:flex}.km-detail-rb-label{color:#555;flex-shrink:0;width:130px;font-size:.75rem}.km-detail-rb-track{background:#2f7d791f;border-radius:99px;flex:1;height:6px;overflow:hidden}.km-detail-rb-fill{background:#2f7d79;border-radius:99px;height:100%;transition:width .4s}.km-detail-rb-val{color:#2f7d79;text-align:right;width:26px;font-size:.78rem;font-weight:700}.km-detail-bio{background:#2f7d790a;border-radius:10px;padding:.85rem 1rem}.km-detail-bio-label{text-transform:uppercase;letter-spacing:.08em;color:#2f7d79;margin-bottom:.4rem;font-size:.68rem;font-weight:700;display:block}.km-detail-bio p{color:#444;margin:0;font-size:.82rem;line-height:1.6}.km-detail-id{color:#aaa;font-size:.72rem}.km-detail-id code{background:#0000000a;border-radius:4px;padding:.1rem .35rem;font-family:monospace}.km-confirm{text-align:center;background:#fff;border-radius:14px;align-self:center;width:90%;max-width:360px;margin:auto;padding:1.75rem 1.5rem 1.25rem;animation:.2s kmSlideIn;box-shadow:0 20px 60px #0a1e1c33}.km-confirm p{color:#1a2c2b;margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.km-confirm-btns{justify-content:center;gap:.75rem;display:flex}.km-toast{z-index:2000;border-radius:10px;padding:.7rem 1.2rem;font-size:.84rem;font-weight:600;animation:.25s kmFadeIn;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 20px #00000026}.km-toast--ok{color:#fff;background:#2f7d79}.km-toast--err{color:#fff;background:#e53e3e}@media (width<=600px){.km-grid{grid-template-columns:1fr}.km-detail-stats{grid-template-columns:repeat(2,1fr)}.km-rating-grid{grid-template-columns:1fr}.km-toolbar{gap:.5rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#f0faf9}.ev-shell{background:#f0faf9;flex-direction:column;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.ev-topbar{z-index:10;background:#fff;border-bottom:1px solid #e0f2f1;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.ev-brand{color:#1a1a2e;cursor:pointer;font-family:Fraunces,serif;font-size:17px;font-weight:600}.ev-brand span{color:#2f7d79}.ev-topbar-right{color:#888;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.ev-step-badge{color:#2f7d79;background:#e8f5f3;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.ev-main{flex:1;justify-content:center;padding:40px 20px 60px;display:flex}.ev-container{width:100%;max-width:640px}.ev-header{margin-bottom:32px}.ev-header-tag{color:#2f7d79;text-transform:uppercase;letter-spacing:.06em;background:#e8f5f3;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.ev-header h1{color:#1a1a2e;margin-bottom:8px;font-family:Fraunces,serif;font-size:28px;font-weight:600;line-height:1.3}.ev-header p{color:#888;font-size:13.5px;line-height:1.6}.ev-klien-card{background:#fff;border:1.5px solid #e0f2f1;border-radius:16px;align-items:center;gap:14px;margin-bottom:28px;padding:16px 20px;display:flex;box-shadow:0 2px 12px #2f7d790f}.ev-klien-avatar{color:#fff;background:linear-gradient(135deg,#79d8d1,#2f7d79);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.ev-klien-avatar img{object-fit:cover;width:100%;height:100%}.ev-klien-name{color:#1a1a2e;font-size:14px;font-weight:700}.ev-klien-sub{color:#888;margin-top:2px;font-size:12px}.ev-klien-badge{color:#2f7d79;background:#f0faf9;border:1.5px solid #c8ece8;border-radius:20px;margin-left:auto;padding:4px 12px;font-size:11px;font-weight:700}.ev-steps{align-items:center;gap:8px;margin-bottom:28px;display:flex}.ev-step{background:#e0f2f1;border-radius:4px;flex:1;height:4px;transition:background .3s}.ev-step.active{background:#2f7d79}.ev-step.done{background:#79d8d1}.ev-card{background:#fff;border:1.5px solid #e8f5f3;border-radius:20px;margin-bottom:16px;padding:28px;box-shadow:0 4px 20px #2f7d7912}.ev-card-title{color:#1a1a2e;margin-bottom:6px;font-family:Fraunces,serif;font-size:18px;font-weight:600}.ev-card-sub{color:#999;margin-bottom:24px;font-size:12.5px}.ev-mood-grid{flex-wrap:wrap;gap:10px;display:flex}.ev-mood-btn{cursor:pointer;background:#fafffe;border:2px solid #e8f5f3;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:100px;padding:14px 10px;font-family:DM Sans,sans-serif;transition:all .18s;display:flex}.ev-mood-btn:hover{background:#f0faf9;border-color:#79d8d1}.ev-mood-btn.selected{background:#e8f5f3;border-color:#2f7d79}.ev-mood-label{color:#555;text-align:center;font-size:11px;font-weight:700;line-height:1.3}.ev-mood-btn.selected .ev-mood-label{color:#2f7d79}.ev-slider-item:last-child{margin-bottom:0}.ev-slider-val{text-align:right;min-width:40px;font-size:16px;font-weight:800}.ev-range{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--color) var(--val), #e0f2f1 var(--val));border-radius:6px;outline:none;width:100%;height:6px}.ev-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--color);background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;box-shadow:0 2px 8px #00000026}.ev-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.ev-slider-ticks{color:#ccc;justify-content:space-between;margin-top:4px;padding:0 2px;font-size:10px;font-weight:600;display:flex}.ev-error-banner{color:#c0392b;background:#fff5f5;border:1.5px solid #fcc;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:500;line-height:1.5}.ev-summary{background:linear-gradient(135deg,#2f7d79,#1a5e5a);border-radius:16px;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex}.ev-summary-score{color:#fff;font-family:Fraunces,serif;font-size:40px;font-weight:800;line-height:1}.ev-summary-info{flex:1}.ev-summary-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.ev-summary-mood{margin-top:4px;font-size:20px}.ev-btn-row{gap:10px;margin-top:8px;display:flex}.ev-btn-back{color:#666;cursor:pointer;background:#fff;border:1.5px solid #e0ece9;border-radius:12px;flex:none;padding:13px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:background .15s}.ev-btn-back:hover{background:#f5f5f5}.ev-btn-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f7d79,#1a5e5a);border:none;border-radius:12px;flex:1;padding:13px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .2s}.ev-btn-next:disabled{opacity:.45;cursor:not-allowed}.ev-btn-next:not(:disabled):hover{opacity:.88}.ev-card{animation:.3s both fadeUp}.ev-loading{color:#2f7d79;background:#f0faf9;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;font-family:DM Sans,sans-serif;font-size:15px;display:flex}.ev-loading-spinner{border:3px solid #e0f2f1;border-top-color:#2f7d79;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@media (width<=480px){.ev-topbar{padding:0 16px}.ev-klien-card{flex-direction:column;align-items:flex-start;gap:12px}.ev-klien-badge{margin-left:0}.ev-mood-btn{min-width:calc(50% - 5px)}}.ev-section{margin-bottom:24px}.ev-section-label{color:#1a3d3a;margin-bottom:6px;font-size:14px;font-weight:700}.ev-section-desc{color:#888;margin-bottom:14px;font-size:12px}.ev-divider{background:#e8eeed;height:1px;margin:20px 0}.ev-kondisi-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ev-kondisi-badge{color:#2f7d79;white-space:nowrap;background:#f0fffe;border:1px solid #b0e8e2;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:600}.ev-kondisi-val{text-align:right;min-width:50px;font-size:18px;font-weight:800}.ev-textarea{resize:vertical;background:#fafbfb;border:1.5px solid #e0eeec;border-radius:16px;width:100%;padding:14px 16px;font-family:inherit;font-size:13px;transition:border-color .2s}.ev-textarea:focus{background:#fff;border-color:#2f7d79;outline:none}.ev-textarea-hint{color:#aaa;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.ev-slider-item{margin-bottom:28px}.ev-slider-head{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.ev-slider-label{color:#1a3d3a;font-size:13px;font-weight:700}.ev-slider-desc{color:#aaa;margin-top:2px;font-size:11px}.ev-slider-val{font-size:16px;font-weight:800}.ev-slider-track-wrap{position:relative}.ev-range{background:linear-gradient(90deg, var(--color,#2f7d79) 0%, var(--color,#2f7d79) var(--val,50%), #e0eeec var(--val,50%), #e0eeec 100%);border-radius:99px;outline:none;width:100%;height:6px}.ev-range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--color,#2f7d79);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00000026}.ev-slider-ticks{justify-content:space-between;margin-top:8px;padding:0 4px;display:flex}.ev-slider-ticks span{color:#bbb;font-size:9px}@media (width<=768px){.ev-kondisi-row{flex-direction:column;align-items:stretch}.ev-kondisi-val{text-align:left}.ev-textarea{font-size:14px}}.ev-btn-next--full{justify-content:center;width:100%}