/* YHD v2: in-app & sub-site polish (loaded after style.css) */
body{background:#F6F8FD}
body>header:not(.gh),.topbar{display:none!important}
main{max-width:860px;padding:32px 20px 64px}
h1{letter-spacing:-.01em}
/* page hero inside sub-sites / public pages */
main>.hero,main>section.hero{position:relative;overflow:hidden;isolation:isolate;margin:0 0 22px;padding:40px 32px;border-radius:24px;color:#fff;
 background:radial-gradient(120% 140% at 100% 0%,#2d6af0 0%,transparent 55%),radial-gradient(90% 120% at 0% 100%,#0a1a5c 0%,transparent 60%),linear-gradient(135deg,#132A8A,#0F1B3D);box-shadow:var(--sh3)}
main>.hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.07;background:url(brand/yhd-lily-white.svg) 0 0/56px 64px repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}
main>.hero::after{content:"";position:absolute;z-index:-1;width:340px;height:340px;inset-inline-end:-120px;top:-120px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);box-shadow:0 0 0 40px rgba(255,255,255,.03),0 0 0 80px rgba(255,255,255,.025)}
main>.hero h1{font-size:clamp(26px,4.2vw,38px);line-height:1.2;margin:0 0 12px;color:#fff;font-weight:800}
main>.hero p{color:#c9d4f5;font-size:17px;max-width:620px;margin:0 0 18px}main>.hero a:not(.btn){color:#fff}
main>.hero .btn{background:#fff;color:var(--rd)}main>.hero .btn.ghost{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
main>.hero .row input,main>.hero .lsearch input{background:rgba(255,255,255,.96);border:0}
main>.hero .lstats{color:#c9d4f5}main>.hero .lstats b{color:#fff}
@media(max-width:600px){main{padding:18px 14px 48px}main>.hero{padding:28px 20px;border-radius:20px}main>.hero p{font-size:15.5px}}
/* components */
.card,.cert{border-radius:18px;box-shadow:var(--sh2);border:1px solid rgba(15,22,48,.05)}
.btn{border-radius:12px;transition:transform .15s var(--ease),box-shadow .15s,background .15s;box-shadow:0 4px 14px rgba(31,63,191,.22)}.btn:hover{transform:translateY(-1px)}.btn.ghost{box-shadow:none}
.drop{border-radius:18px;background:linear-gradient(180deg,#fafbff,#f3f6ff);border-color:#c8d2f2;padding:40px 16px;transition:all .2s var(--ease)}
.drop:hover,.drop.on{transform:translateY(-1px);box-shadow:0 10px 30px rgba(31,63,191,.12)}
.drop .ico{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--r),var(--rd));box-shadow:0 10px 24px rgba(31,63,191,.35)}
.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.tbl th{background:var(--tn2);color:var(--mu);font-weight:600;font-size:12.5px;text-align:start;padding:10px 12px;border-bottom:1px solid var(--ln)}
.tbl td{padding:12px;border-bottom:1px solid var(--ln)}.tbl tr:last-child td{border-bottom:0}.tbl tr:hover td{background:#fafbff}
.form input,.fl input,.row input,select,textarea{border-radius:12px;border:1px solid var(--bdr);transition:border-color .15s,box-shadow .15s}
.form input:focus,.fl input:focus,.row input:focus,select:focus,textarea:focus{outline:0;border-color:var(--ru);box-shadow:0 0 0 4px rgba(31,63,191,.12)}
.item{border-radius:14px;box-shadow:var(--sh1);border:1px solid rgba(15,22,48,.05);transition:box-shadow .15s,transform .15s}.item:hover{box-shadow:var(--sh2);transform:translateY(-1px)}
.badge{border-radius:999px}
/* auth pages */
main>.card.form{max-width:440px;margin:24px auto;padding:32px}
/* verify tabs */
.vtabs{display:flex;gap:6px;background:#fff;padding:6px;border-radius:14px;box-shadow:var(--sh1);margin:0 0 16px;overflow-x:auto}
.vtabs a{flex:1;text-align:center;white-space:nowrap;padding:10px 14px;border-radius:10px;font-weight:600;color:var(--mu);text-decoration:none;font-size:14.5px}
.vtabs a.on{background:var(--ru);color:#fff;box-shadow:0 4px 12px rgba(31,63,191,.3)}.vtabs a:not(.on):hover{background:var(--tn2);color:var(--ru)}
.vfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.vfacts div{background:#fff;border-radius:14px;padding:16px;box-shadow:var(--sh1);font-size:14px;color:var(--mu)}.vfacts b{display:flex;gap:8px;align-items:center;color:var(--ink);margin-bottom:4px;font-size:15px}.vfacts .ic{color:var(--ru)}
@media(max-width:640px){.vfacts{grid-template-columns:1fr}}
/* ---- app shell with sidebar ---- */
.shell{display:grid;grid-template-columns:256px minmax(0,1fr);max-width:1280px;margin:0 auto;min-height:calc(100vh - 66px)}
.sb{position:sticky;top:66px;align-self:start;height:calc(100vh - 66px);overflow:auto;padding:22px 14px;border-inline-end:1px solid var(--ln);background:#fff}
.sb-org{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:linear-gradient(135deg,var(--tn2),#e8eefc);margin-bottom:18px}
.sb-org .av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--r),var(--rd));color:#fff;font-weight:800}
.sb-org b{display:block;font-size:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.sb-org small{color:var(--mu);font-size:12px}
.sb-g{margin:0 0 18px}.sb-g p{font-size:11.5px;font-weight:700;color:#8a93b2;margin:0 10px 6px;letter-spacing:.04em}
.sb a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px;color:#2b3557;font-weight:600;font-size:14.5px;text-decoration:none;margin:1px 0;transition:background .12s,color .12s}
.sb a .ic{color:#7b86a8;width:19px;height:19px}.sb a:hover{background:var(--tn2);color:var(--ru)}.sb a:hover .ic{color:var(--ru)}
.sb a[aria-current=page]{background:var(--tn);color:var(--ru)}.sb a[aria-current=page] .ic{color:var(--ru)}
.sb a[aria-current=page]::after{content:"";margin-inline-start:auto;width:6px;height:6px;border-radius:50%;background:var(--ru)}
.sb .sb-cta{margin:4px 0 18px;width:100%}
.shell>main{max-width:none;margin:0;padding:30px 36px 64px;width:100%}
.shell>main>*{max-width:1000px}
@media(max-width:900px){.shell{display:block}
 .sb{position:sticky;top:60px;z-index:50;height:auto;display:flex;gap:4px;overflow-x:auto;padding:8px 12px;border:0;border-bottom:1px solid var(--ln);-webkit-overflow-scrolling:touch;scrollbar-width:none}.sb::-webkit-scrollbar{display:none}
 .sb-org,.sb-g p,.sb .sb-cta{display:none}.sb-g{display:contents}.sb a{white-space:nowrap;padding:8px 12px;font-size:14px;background:var(--tn2)}.sb a[aria-current=page]{background:var(--ru);color:#fff}.sb a[aria-current=page] .ic{color:#fff}.sb a[aria-current=page]::after{display:none}.sb a .ic{width:17px;height:17px}
 .shell>main{padding:18px 14px 48px}}
/* dashboard */
.dhero{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--sh2);margin-bottom:16px;position:relative;overflow:hidden}
.dhero::after{content:"";position:absolute;inset-inline-start:-40px;bottom:-60px;width:220px;height:220px;background:url(brand/yhd-lily-royal.svg) center/contain no-repeat;opacity:.05}
.dhero h1{margin:0 0 4px;font-size:26px}
.kpis>*{border-radius:16px;box-shadow:var(--sh1);border:1px solid rgba(15,22,48,.05);transition:transform .15s,box-shadow .15s;text-align:start;padding:16px}.kpis>*:hover{transform:translateY(-2px);box-shadow:var(--sh2);outline:0}
.kpis b{font-size:28px;color:var(--ink);font-weight:800}
@media(min-width:901px){.kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}