.public-demo-bar{position:sticky;top:0;z-index:180;min-height:52px;padding:8px 18px;background:linear-gradient(90deg,#111b52,#245edb);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 5px 18px rgba(17,27,82,.18)}.public-demo-bar>div{display:flex;align-items:center;gap:12px}.public-demo-bar strong{font-size:12px;letter-spacing:.03em}.public-demo-bar span{font-size:10px;color:#dbe5ff}.public-demo-bar button,.public-demo-bar select,.public-demo-bar a{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;border-radius:8px;padding:7px 9px;font:700 10px inherit;text-decoration:none;cursor:pointer}.public-demo-bar label{font-size:10px}.public-demo-bar select{margin-left:5px}.public-demo-bar option{color:#15213e}.public-demo-bar a{background:#68dfc4;color:#173c39;border-color:#68dfc4}.public-demo-active .sidebar{top:76px;height:calc(100vh - 76px)}.public-demo-active .topbar{top:76px}.public-demo-active .trust-rail{top:140px}.employee-self{min-height:calc(100vh - 52px);padding:32px clamp(18px,5vw,72px);background:linear-gradient(155deg,#f8fbff 0%,#eef5ff 48%,#f3fbf8 100%);color:#122342}.employee-self header{display:flex;align-items:center;gap:12px;max-width:1160px;margin:0 auto 44px}.employee-self header>div{display:grid}.employee-self header small{color:#60708b}.employee-self header a{margin-left:auto;color:#173c39;background:#68dfc4;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:800}.employee-hero,.employee-grid,.employee-self>aside{max-width:1160px;margin-left:auto;margin-right:auto}.employee-hero h1{font-size:clamp(38px,6vw,70px);letter-spacing:-.05em;margin:8px 0 12px}.employee-hero>p{color:#60708b;max-width:650px}.employee-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.employee-summary span,.employee-grid article{background:#fff;border:1px solid #dfe8f5;border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(26,56,104,.07)}.employee-summary small,.employee-row small{display:block;color:#71809a;margin-bottom:5px}.employee-summary b{text-transform:capitalize}.employee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.employee-grid article h2{margin:0 0 16px;font-size:20px}.employee-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #edf1f7}.employee-row strong{text-transform:capitalize;color:#235bd5}.employee-self>aside{display:flex;gap:12px;margin-top:18px;padding:14px 18px;border-radius:14px;background:#15245f;color:#fff}.employee-self>aside span{color:#dce5ff}@media(max-width:840px){.public-demo-bar{position:relative;align-items:flex-start;flex-direction:column}.public-demo-bar>div{flex-wrap:wrap}.public-demo-bar span{display:none}.public-demo-active .sidebar{top:28px;height:calc(100vh - 28px)}.public-demo-active .topbar{top:0}.public-demo-active .trust-rail{top:64px}.employee-self{padding:24px 16px}.employee-summary,.employee-grid{grid-template-columns:1fr}.employee-self header{margin-bottom:28px}.employee-self header a{font-size:11px;padding:8px 10px}.employee-self>aside{align-items:flex-start;flex-direction:column}}