:root{--bg:#f6f8fb;--card:#fff;--ink:#122019;--muted:#66736c;--line:#e5ebe7;--primary:#0d8a5b;--primary-dark:#076b46;--soft:#eaf7f1;--danger:#c94242;--warning:#a56b07;--shadow:0 18px 48px rgba(22,45,34,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}.topbar{background:#072f24;color:#d6eee5;font-size:13px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:20px}.navbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brandmark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#0a9362,#0c6649);display:grid;place-items:center;color:white;font-weight:900}.navlinks{display:flex;align-items:center;gap:16px}.navlinks a{font-size:14px;color:#3b4b44}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;font-weight:700;cursor:pointer;background:#edf2ef;color:#18372b}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{background:#fff;border:1px solid var(--line)}.btn-danger{background:#fdecec;color:#a52e2e}.hero{background:radial-gradient(circle at 15% 10%,#d9f5e8 0,transparent 32%),linear-gradient(135deg,#f7fffb,#eef6f2);padding:72px 0 52px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#dff3e9;color:#086944;font-size:13px;font-weight:800}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.hero p{font-size:18px;line-height:1.75;color:#53655d;max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.step{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.step:last-child{border:0}.stepno{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-weight:900}.section{padding:58px 0}.section h2{font-size:32px;letter-spacing:-.03em;margin:0 0 10px}.lead{color:var(--muted);line-height:1.7}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature,.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(12,40,26,.04)}.feature h3{margin:10px 0}.icon{width:42px;height:42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--primary);font-weight:900}.footer{background:#071d16;color:#c8dad2;padding:36px 0;margin-top:50px}.auth-wrap{min-height:calc(100vh - 121px);display:grid;place-items:center;padding:48px 0}.auth-card{width:min(520px,92%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.auth-card h1{margin:0 0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.input,.select,.textarea{width:100%;border:1px solid #d7e0db;background:#fff;border-radius:10px;padding:12px 13px;font:inherit;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#58aa87;box-shadow:0 0 0 3px #e0f4eb}.textarea{min-height:100px;resize:vertical}.help{font-size:12px;color:var(--muted);margin-top:5px}.alert{border-radius:12px;padding:12px 14px;margin:12px 0;font-size:14px}.alert-success{background:#e6f7ed;color:#12683e}.alert-error{background:#fdecec;color:#973434}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:#0b2b20;color:#e6f1ec;padding:22px 16px}.sidebar .brand{padding:0 8px 20px}.sidegroup{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#83a497;padding:18px 10px 8px}.sidelink{display:flex;gap:10px;padding:11px 12px;border-radius:10px;margin:3px 0;color:#d3e4dd;font-size:14px}.sidelink:hover,.sidelink.active{background:#144232;color:#fff}.main{padding:28px}.pagehead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}.pagehead h1{margin:0;font-size:30px;letter-spacing:-.03em}.pagehead p{margin:6px 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.stat .n{font-size:30px;font-weight:900;letter-spacing:-.04em}.stat .k{font-size:13px;color:var(--muted)}.progress{height:8px;border-radius:999px;background:#e9eeeb;overflow:hidden}.progress span{display:block;height:100%;background:var(--primary)}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#708079;background:#fbfcfb}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.badge-blue{background:#e9f1ff;color:#245fad}.badge-cyan{background:#e7f8fb;color:#167889}.badge-amber{background:#fff2d9;color:#9a6400}.badge-indigo{background:#ececff;color:#4b4aa3}.badge-purple{background:#f3eaff;color:#7548a1}.badge-green{background:#e5f7eb;color:#267142}.badge-red{background:#fdeaea;color:#a43a3a}.badge-gray{background:#ecefee;color:#657069}.notice{background:#f0f8f4;border:1px solid #d3e9de;border-radius:14px;padding:14px 16px;color:#315a48}.timeline{position:relative;margin-left:10px}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:#dfe8e3}.timeline-item{position:relative;padding-left:34px;margin:0 0 20px}.timeline-dot{position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--primary)}.timeline-item small{color:var(--muted)}.doc{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin:8px 0}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.kv{display:grid;grid-template-columns:190px 1fr;gap:8px 16px}.kv div{padding:8px 0;border-bottom:1px solid var(--line)}.muted{color:var(--muted)}.mobilebar{display:none}.filterbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.filterbar .field{margin:0;min-width:180px}.empty{text-align:center;padding:38px;color:var(--muted)}@media(max-width:900px){.hero-grid,.two-col{grid-template-columns:1fr}.grid3,.stats{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:20px}.navlinks{display:none}.mobilebar{display:flex}.form-grid{grid-template-columns:1fr}.hero{padding-top:46px}}@media(max-width:580px){.grid3,.stats{grid-template-columns:1fr}.topbar .container{display:block}.hero h1{font-size:40px}.pagehead{display:block}.pagehead .btn{margin-top:12px}.kv{grid-template-columns:1fr}.kv div:nth-child(odd){border-bottom:0;padding-bottom:0;font-weight:800}}
.codebox{background:#0b1f18;color:#d8eee5;border-radius:12px;padding:14px;overflow:auto;max-height:420px;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.btn:disabled{opacity:.5;cursor:not-allowed}.table code,.kv code{font-size:12px;word-break:break-all}

/* v1.4 - header dua tingkat, dropdown stabil, mobile collapse */
.app-shell{display:block;min-height:100vh;background:#f7f9f8}
.v14-header{position:sticky;top:0;z-index:120;background:#0b2b20;color:#fff;box-shadow:0 7px 24px rgba(7,34,25,.14)}
.v14-headrow{height:62px;background:#0b2b20;border-bottom:1px solid rgba(255,255,255,.08)}
.v14-headinner{width:min(1320px,94%);height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.v14-brand{min-width:0;display:flex;align-items:center;gap:11px;color:#fff}
.v14-brandmark{width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:linear-gradient(135deg,#16a36c,#08704a);display:grid;place-items:center;font-size:12px;font-weight:950;letter-spacing:.02em;box-shadow:0 7px 18px rgba(0,0,0,.18)}
.v14-brandcopy{min-width:0;display:flex;flex-direction:column;line-height:1.12}
.v14-brandcopy strong{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:850}
.v14-brandcopy small{max-width:560px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9fc1b3;font-size:10px;font-weight:650}
.v14-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.v14-navgroup{position:relative}
.v14-account-btn{appearance:none;border:1px solid rgba(255,255,255,.08);background:#12392d;color:#fff;border-radius:11px;padding:6px 9px;display:flex;align-items:center;gap:8px;font:inherit;cursor:pointer;min-width:0}
.v14-account-btn:hover,.v14-navgroup.open>.v14-account-btn{background:#174b39;border-color:rgba(255,255,255,.12)}
.v14-avatar{width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:#fff;color:#08704a;display:grid;place-items:center;font-size:12px;font-weight:950}
.v14-account-text{min-width:0;display:flex;flex-direction:column;text-align:left;line-height:1.08}
.v14-account-text b{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.v14-account-text small{margin-top:3px;color:#a9c8bb;font-size:9px;font-weight:650}
.v14-chev{display:inline-block;font-size:11px;line-height:1;opacity:.8;transition:transform .15s ease}
.v14-navgroup.open>.nav-trigger .v14-chev{transform:rotate(180deg)}
.v14-menubar{height:48px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.v14-menu{width:min(1320px,94%);height:100%;margin:0 auto;display:flex;align-items:stretch;gap:3px}
.v14-menuitem{position:relative;height:100%;display:flex;align-items:center;gap:6px;padding:0 15px;border:0;background:transparent;color:#355047;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.v14-menuitem:hover{background:#f1f7f4;color:#08704a}
.v14-menuitem.active{color:#08704a;background:#edf7f2}
.v14-menuitem.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--primary)}
.v14-menu-button{appearance:none}
.v14-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;width:280px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:7px;box-shadow:0 20px 50px rgba(8,40,29,.18);z-index:160}
.v14-navgroup.open>.v14-dropdown{display:block}
.v14-dropitem{display:block;padding:10px 11px;border-radius:8px;color:#284039}
.v14-dropitem b{display:block;font-size:12px;font-weight:850}
.v14-dropitem small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4;font-weight:500}
.v14-dropitem:hover,.v14-dropitem.active{background:#eef8f3;color:#076946}
.v14-dropitem.active small{color:#4d7464}
.v14-account-menu{left:auto;right:0;top:calc(100% + 8px);width:245px}
.v14-account-meta{padding:9px 10px 11px;margin-bottom:5px;border-bottom:1px solid var(--line)}
.v14-account-meta b,.v14-account-meta small{display:block}
.v14-account-meta b{font-size:12px}.v14-account-meta small{margin-top:4px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.v14-danger{color:#9a3939}.v14-danger:hover{background:#fdeeee;color:#8d2e2e}
.v14-mobile-btn{display:none;appearance:none;border:1px solid rgba(255,255,255,.13);background:#164a38;color:#fff;border-radius:9px;padding:9px 11px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.v14-mobile-panel{display:none;background:#0b2b20;border-top:1px solid rgba(255,255,255,.08)}
.v14-mobile-panel[hidden]{display:none!important}
.v14-mobile-inner{width:min(92%,720px);margin:0 auto;padding:9px 0 15px}
.v14-mobileitem{display:block;padding:10px 11px;border-radius:8px;color:#dcece5;font-size:13px;font-weight:750}
.v14-mobileitem:hover,.v14-mobileitem.active{background:#164a38;color:#fff}
.v14-mobile-label{padding:13px 10px 5px;color:#87ab9d;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
.v14-mobile-account{padding:8px 10px;color:#fff;font-size:12px}.v14-mobile-account b,.v14-mobile-account small{display:block}.v14-mobile-account small{margin-top:4px;color:#9fc1b3;font-size:10px;overflow-wrap:anywhere}
.v14-mobile-logout{color:#ffb6b6}
.main{width:min(1320px,94%);margin:0 auto;padding:28px 0 48px}
.version-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#e8f5ee;color:#12683e;font-size:12px;font-weight:900;border:1px solid #d1eadd;white-space:nowrap}
.update-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.update-card{position:relative;overflow:hidden}.update-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-size:26px;font-weight:900;margin-bottom:14px}.update-checks{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 16px}.update-checks span{font-size:11px;font-weight:800;color:#2d6550;background:#eef8f3;border-radius:999px;padding:6px 9px}.kv.compact{grid-template-columns:150px 1fr}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-title h3{margin:0}.section-title p{margin:5px 0 0;color:var(--muted);font-size:13px}
@media(max-width:900px){.v14-menubar,.v14-account{display:none}.v14-mobile-btn{display:inline-flex;align-items:center;gap:6px}.v14-headrow{height:60px}.v14-brandcopy strong{max-width:58vw;font-size:13px}.v14-brandcopy small{max-width:58vw}.v14-mobile-panel:not([hidden]){display:block}.main{width:92%;padding:20px 0 40px}}
@media(max-width:580px){.v14-brandmark{width:34px;height:34px;flex-basis:34px}.v14-brandcopy strong{max-width:54vw;font-size:12px}.v14-brandcopy small{max-width:54vw;font-size:9px}.v14-mobile-btn span{display:none}.v14-mobile-btn{padding:9px 10px}.update-grid{grid-template-columns:1fr}.kv.compact{grid-template-columns:1fr}.main{width:92%;padding-top:17px}}

/* v1.5 - Bank Data Mahasiswa */
.student-bank-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.student-bank-filter{padding:18px}.student-search{min-width:300px;flex:1}.student-bank-tablehead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.student-bank-tablehead h3{margin:0}.student-bank-tablehead p{margin:4px 0 0;color:var(--muted);font-size:12px}.student-cell{display:flex;align-items:flex-start;gap:10px;min-width:210px}.student-cell>div{min-width:0}.student-cell b{display:block}.student-cell small{display:block;color:var(--muted);font-size:11px;margin-top:3px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-mini-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--soft);color:var(--primary);display:grid;place-items:center;font-size:12px;font-weight:950}.completion-inline{display:flex;align-items:center;gap:8px;min-width:130px}.completion-inline .progress{width:86px}.completion-inline b{font-size:12px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 12px 3px;color:var(--muted);font-size:12px}.pagination>div{display:flex;gap:8px}.student-profile-title{display:flex;align-items:center;gap:14px}.student-profile-avatar{width:54px;height:54px;flex:0 0 54px;border-radius:16px;background:linear-gradient(135deg,#0d8a5b,#075f40);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:950;box-shadow:0 10px 28px rgba(13,138,91,.18)}.student-profile-title h1{margin:0}.student-profile-title p{margin-top:5px}.student-profile-summary{display:grid;grid-template-columns:1.4fr repeat(3,.72fr);gap:14px;margin-bottom:18px}.profile-summary-main{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.profile-score{font-size:31px;font-weight:950;letter-spacing:-.04em;margin-top:3px}.profile-progress-wrap small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.profile-progress{height:10px}.profile-summary-mini{display:flex;flex-direction:column;justify-content:center;min-height:112px}.profile-summary-mini>span{font-size:11px}.profile-summary-mini>b{font-size:18px;margin-top:6px}.profile-summary-mini>small{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.4}.student-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-kv{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.profile-kv>div{padding:10px 0;border-bottom:1px solid var(--line);min-width:0}.profile-kv span,.profile-kv b{display:block}.profile-kv span{color:var(--muted);font-size:11px;font-weight:700;margin-bottom:4px}.profile-kv b{font-size:13px;overflow-wrap:anywhere}.profile-kv-academic{grid-template-columns:repeat(3,1fr);gap:0 24px}.student-detail-cols{grid-template-columns:1.15fr .85fr}.neo-profile-card h4{margin:20px 0 8px}.compare-table{font-size:12px}.compare-table th,.compare-table td{padding:9px 8px}.neo-summary{grid-template-columns:1fr 1fr}.student-table td{vertical-align:middle}
@media(max-width:1100px){.student-profile-summary{grid-template-columns:1fr 1fr}.profile-summary-main{grid-column:1/-1}.profile-kv-academic{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.student-bank-stats{grid-template-columns:1fr 1fr}.student-profile-grid,.student-detail-cols{grid-template-columns:1fr}.student-profile-head .student-bank-actions{margin-top:12px}.student-search{min-width:100%;flex-basis:100%}}
@media(max-width:580px){.student-bank-stats,.student-profile-summary,.profile-kv,.profile-kv-academic,.neo-summary{grid-template-columns:1fr}.profile-summary-main{grid-template-columns:1fr;gap:8px}.student-profile-title{align-items:flex-start}.student-profile-avatar{width:45px;height:45px;flex-basis:45px;border-radius:13px}.student-bank-actions .btn,.student-bank-actions form,.student-bank-actions form .btn{width:100%}.pagination{align-items:flex-start;flex-direction:column}.pagination>div{width:100%}.pagination .btn{flex:1}.student-profile-summary{gap:10px}}
@media print{body{background:#fff}.v14-header,.no-print,.footer{display:none!important}.main{width:100%;padding:0}.card{box-shadow:none;break-inside:avoid}.student-profile-summary{grid-template-columns:1.4fr repeat(3,.72fr)}.student-profile-grid{grid-template-columns:1fr 1fr}.student-detail-cols{grid-template-columns:1fr}.pagehead{margin-bottom:16px}.tablewrap{overflow:visible}}

/* v1.6 - 6 Tema Warna dari Admin */
.theme-emerald{--primary:#0d8a5b;--primary-dark:#076b46;--soft:#eaf7f1;--theme-header:#0b2b20;--theme-header-alt:#12392d;--theme-header-hover:#174b39;--theme-muted:#9fc1b3;--theme-glow:#d9f5e8;--theme-surface:#eef6f2;--theme-border:#d1eadd}
.theme-sapphire{--primary:#2563eb;--primary-dark:#1d4ed8;--soft:#eef4ff;--theme-header:#102a56;--theme-header-alt:#17386d;--theme-header-hover:#1d4788;--theme-muted:#b7cbea;--theme-glow:#dbeafe;--theme-surface:#eff6ff;--theme-border:#d6e4ff}
.theme-royal-purple{--primary:#7c3aed;--primary-dark:#5b21b6;--soft:#f4efff;--theme-header:#2e1857;--theme-header-alt:#3c216f;--theme-header-hover:#4b2b88;--theme-muted:#cdbce8;--theme-glow:#ede2ff;--theme-surface:#f7f2ff;--theme-border:#e5d7fb}
.theme-ruby{--primary:#dc2626;--primary-dark:#b91c1c;--soft:#fff0f0;--theme-header:#4c171b;--theme-header-alt:#632127;--theme-header-hover:#7a2a31;--theme-muted:#e5b9bc;--theme-glow:#fee2e2;--theme-surface:#fff5f5;--theme-border:#f6d1d1}
.theme-sunset{--primary:#ea580c;--primary-dark:#c2410c;--soft:#fff3e8;--theme-header:#54240d;--theme-header-alt:#6c3012;--theme-header-hover:#853c16;--theme-muted:#e7c1aa;--theme-glow:#ffedd5;--theme-surface:#fff7ed;--theme-border:#f4dac3}
.theme-midnight{--primary:#334155;--primary-dark:#172033;--soft:#eef2f6;--theme-header:#111827;--theme-header-alt:#1f2937;--theme-header-hover:#2d3748;--theme-muted:#b9c3d1;--theme-glow:#dfe7f0;--theme-surface:#f1f5f9;--theme-border:#d8e0e9}
body[class*="theme-"] .topbar{background:var(--theme-header);color:#eef6f2}
body[class*="theme-"] .brandmark,body[class*="theme-"] .v14-brandmark,body[class*="theme-"] .student-profile-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}
body[class*="theme-"] .hero{background:radial-gradient(circle at 15% 10%,var(--theme-glow) 0,transparent 32%),linear-gradient(135deg,#fff,var(--theme-surface))}
body[class*="theme-"] .eyebrow,body[class*="theme-"] .version-pill{background:var(--soft);color:var(--primary);border-color:var(--theme-border)}
body[class*="theme-"] .input:focus,body[class*="theme-"] .select:focus,body[class*="theme-"] .textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--soft)}
body[class*="theme-"] .footer{background:var(--theme-header)}
body[class*="theme-"] .v14-header,body[class*="theme-"] .v14-headrow,body[class*="theme-"] .v14-mobile-panel{background:var(--theme-header)}
body[class*="theme-"] .v14-brandcopy small,body[class*="theme-"] .v14-account-text small{color:var(--theme-muted)}
body[class*="theme-"] .v14-account-btn{background:var(--theme-header-alt)}
body[class*="theme-"] .v14-account-btn:hover,body[class*="theme-"] .v14-navgroup.open>.v14-account-btn,body[class*="theme-"] .v14-mobileitem:hover,body[class*="theme-"] .v14-mobileitem.active{background:var(--theme-header-hover)}
body[class*="theme-"] .v14-avatar{color:var(--primary)}
body[class*="theme-"] .v14-menuitem:hover,body[class*="theme-"] .v14-menuitem.active,body[class*="theme-"] .v14-dropitem:hover,body[class*="theme-"] .v14-dropitem.active{background:var(--soft);color:var(--primary)}
body[class*="theme-"] .v14-dropitem.active small{color:var(--muted)}
body[class*="theme-"] .update-checks span{background:var(--soft);color:var(--primary)}
body[class*="theme-"] .notice{background:var(--soft);border-color:var(--theme-border);color:var(--ink)}

.theme-settings-card{padding:22px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.theme-card{position:relative;display:block;border:2px solid var(--line);border-radius:16px;padding:12px;background:#fff;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.theme-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 12px 28px rgba(20,30,25,.09)}.theme-card.selected,.theme-card:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px var(--soft)}.theme-card>input{position:absolute;opacity:0;pointer-events:none}.theme-preview{height:128px;border-radius:12px;overflow:hidden;background:#f8fafc;border:1px solid rgba(0,0,0,.06)}.theme-preview-head{height:34px;background:var(--theme-header);display:flex;align-items:center;gap:5px;padding:0 10px}.theme-preview-head span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.72)}.theme-preview-body{padding:13px}.theme-preview-body i{display:block;width:42%;height:10px;border-radius:999px;background:var(--primary);margin-bottom:10px}.theme-preview-body b{display:block;height:7px;border-radius:999px;background:#dfe5e2;margin-bottom:7px}.theme-preview-body b:nth-of-type(2){width:72%}.theme-preview-body button{margin-top:5px;border:0;border-radius:7px;padding:6px 11px;background:var(--primary);color:#fff;font-size:10px;font-weight:800}.theme-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px 7px}.theme-meta strong,.theme-meta small{display:block}.theme-meta strong{font-size:13px}.theme-meta small{color:var(--muted);font-size:10px;margin-top:3px}.theme-check{font-size:10px;font-weight:900;color:var(--primary);background:var(--soft);border-radius:999px;padding:5px 8px;white-space:nowrap}.theme-swatches{display:flex;gap:6px;padding:0 2px 3px}.theme-swatches span{width:22px;height:8px;border-radius:999px;border:1px solid rgba(0,0,0,.05)}.theme-savebar{position:sticky;bottom:14px;margin-top:20px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 12px 34px rgba(20,30,25,.12)}.theme-savebar b,.theme-savebar small{display:block}.theme-savebar small{margin-top:3px;color:var(--muted);font-size:11px}
@media(max-width:980px){.theme-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.theme-grid{grid-template-columns:1fr}.theme-savebar{align-items:stretch;flex-direction:column}.theme-savebar .btn{width:100%}}

/* v1.7.1 - navigasi fail-safe tanpa ketergantungan JavaScript */
.stable-shell{display:block!important;min-height:100vh;background:var(--bg)}
.stable-header{position:sticky;top:0;z-index:500;background:var(--theme-header,#0b2b20);box-shadow:0 8px 24px rgba(7,34,25,.14)}
.stable-top{background:var(--theme-header,#0b2b20);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.stable-top-inner{width:min(1320px,94%);height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.stable-brand{min-width:0;display:flex;align-items:center;gap:11px;color:#fff}.stable-brandmark{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:grid;place-items:center;font-size:12px;font-weight:950;box-shadow:0 7px 18px rgba(0,0,0,.16)}
.stable-brandcopy{min-width:0;display:flex;flex-direction:column}.stable-brandcopy strong{max-width:570px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.stable-brandcopy small{max-width:600px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--theme-muted,#a9c8bb);font-size:10px}
.stable-account,.stable-dropdown,.stable-mobile-nav{position:relative}.stable-account>summary,.stable-dropdown>summary,.stable-mobile-nav>summary{list-style:none}.stable-account>summary::-webkit-details-marker,.stable-dropdown>summary::-webkit-details-marker,.stable-mobile-nav>summary::-webkit-details-marker{display:none}
.stable-account>summary{display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:var(--theme-header-alt,#12392d);padding:6px 9px;color:#fff}.stable-account[open]>summary{background:var(--theme-header-hover,#174b39)}
.stable-avatar{width:31px;height:31px;border-radius:9px;background:#fff;color:var(--primary);display:grid;place-items:center;font-size:12px;font-weight:950}.stable-usercopy{display:flex;flex-direction:column;line-height:1.05}.stable-usercopy b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.stable-usercopy small{margin-top:3px;color:var(--theme-muted,#a9c8bb);font-size:9px}
.stable-desktop-nav{height:50px;background:#fff;border-bottom:1px solid var(--line)}.stable-nav-inner{width:min(1320px,94%);height:100%;margin:0 auto;display:flex;align-items:stretch;gap:3px}.stable-nav-link{height:100%;display:flex;align-items:center;gap:7px;padding:0 16px;border:0;background:transparent;color:#355047;font-size:13px;font-weight:850;cursor:pointer;white-space:nowrap}.stable-nav-link:hover,.stable-nav-link.active,.stable-dropdown[open]>.stable-nav-link{background:var(--soft);color:var(--primary)}
.stable-pop{position:absolute;top:calc(100% + 8px);left:0;width:285px;padding:7px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 50px rgba(8,40,29,.19);z-index:900}.stable-account-pop{left:auto;right:0;width:245px}.stable-pop-link{display:block;padding:10px 11px;border-radius:9px;color:#29443a}.stable-pop-link:hover,.stable-pop-link.active{background:var(--soft);color:var(--primary)}.stable-pop-link b,.stable-pop-link small{display:block}.stable-pop-link b{font-size:12px}.stable-pop-link small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.35}.stable-account-meta{padding:9px 11px 11px;border-bottom:1px solid var(--line);margin-bottom:5px}.stable-account-meta b,.stable-account-meta small{display:block}.stable-account-meta b{font-size:12px}.stable-account-meta small{margin-top:4px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.stable-danger{color:#b62f2f!important}
.stable-mobile-nav{display:none;background:var(--theme-header,#0b2b20);color:#fff}.stable-mobile-nav>summary{cursor:pointer;padding:12px 4%;font-size:13px;font-weight:850;border-top:1px solid rgba(255,255,255,.08)}.stable-mobile-panel{padding:7px 4% 16px;background:var(--theme-header,#0b2b20)}.stable-mobile-link{display:block;padding:10px 11px;border-radius:8px;color:#e3efe9;font-size:13px;font-weight:750}.stable-mobile-link:hover,.stable-mobile-link.active{background:var(--theme-header-hover,#174b39);color:#fff}.stable-mobile-label{padding:13px 10px 5px;color:var(--theme-muted,#9fc1b3);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.stable-mobile-user{padding:8px 10px}.stable-mobile-user b,.stable-mobile-user small{display:block}.stable-mobile-user small{margin-top:4px;color:var(--theme-muted,#9fc1b3);font-size:10px;overflow-wrap:anywhere}
@media(max-width:900px){.stable-desktop-nav{display:none!important}.stable-mobile-nav{display:block!important}.stable-top-inner{height:60px}.stable-account{display:none}.stable-brandcopy strong{max-width:68vw;font-size:13px}.stable-brandcopy small{max-width:68vw}.main{width:92%;margin:0 auto;padding:20px 0 40px}}
@media(max-width:580px){.stable-brandmark{width:34px;height:34px;flex-basis:34px}.stable-brandcopy strong{max-width:72vw;font-size:12px}.stable-brandcopy small{max-width:72vw;font-size:9px}}

/* v1.8.0 - Diagnostik Koneksi NeoFeeder */
.diag-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.diag-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.diag-summary-card{min-width:0}.diag-summary-card span,.diag-summary-card b,.diag-summary-card small{display:block}.diag-summary-card span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.diag-summary-card b{margin-top:7px;font-size:17px}.diag-summary-card small{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.diag-empty{text-align:center;padding:42px 28px}.diag-empty .diag-radar{width:68px;height:68px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-size:40px;font-weight:900}.diag-empty p{max-width:760px;margin:8px auto 18px;color:var(--muted);line-height:1.7}.diag-empty .notice{max-width:760px;margin:0 auto;text-align:left}
.diag-overall{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:18px;border-width:2px}.diag-overall-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:28px;font-weight:950}.diag-overall span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.diag-overall h2{margin:3px 0 4px;font-size:23px}.diag-overall p{margin:0;color:var(--muted);line-height:1.55}.diag-overall-meta{text-align:right}.diag-overall-meta b,.diag-overall-meta small{display:block}.diag-overall-meta b{font-size:16px}.diag-overall-meta small{margin-top:4px;color:var(--muted);font-size:10px}
.diag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.diag-check{position:relative;padding:18px}.diag-check-head{display:flex;align-items:flex-start;gap:11px}.diag-check-head>div{min-width:0;flex:1}.diag-check h3{font-size:14px;margin:0 0 5px}.diag-check p{font-size:13px;line-height:1.55;margin:12px 0 0;color:#344940}.diag-check-icon{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;font-weight:950}.diag-tag{display:inline-flex;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900}.diag-latency{font-size:10px;color:var(--muted);white-space:nowrap}.diag-detail{margin-top:10px;padding:9px 10px;border-radius:9px;background:#f7f9f8;color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.diag-success{border-color:#bfe4cc}.diag-success .diag-check-icon,.diag-success .diag-overall-icon,.diag-success .diag-tag{background:#e5f7eb;color:#267142}
.diag-warning{border-color:#f0d49c}.diag-warning .diag-check-icon,.diag-warning .diag-overall-icon,.diag-warning .diag-tag{background:#fff2d9;color:#9a6400}
.diag-failed{border-color:#efbbbb}.diag-failed .diag-check-icon,.diag-failed .diag-overall-icon,.diag-failed .diag-tag{background:#fdeaea;color:#a43a3a}
.diag-info{border-color:#cbd8ea}.diag-info .diag-check-icon,.diag-info .diag-overall-icon,.diag-info .diag-tag{background:#e9f1ff;color:#245fad}
.diag-recommend ol{margin:10px 0 0;padding-left:22px}.diag-recommend li{margin:9px 0;line-height:1.55}
@media(max-width:1000px){.diag-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.diag-grid{grid-template-columns:1fr}.diag-overall{grid-template-columns:auto 1fr}.diag-overall-meta{grid-column:1/-1;text-align:left;padding-left:68px}.diag-actions{margin-top:12px}}
@media(max-width:520px){.diag-summary-grid{grid-template-columns:1fr}.diag-overall{grid-template-columns:1fr;text-align:left}.diag-overall-icon{width:44px;height:44px}.diag-overall-meta{grid-column:auto;padding-left:0}.diag-actions .btn,.diag-actions form,.diag-actions form .btn{width:100%}}