*{box-sizing:border-box}.demo-page{color:#07356d;background:#f4f8fa;grid-template-columns:264px 1fr;min-height:100vh;display:grid}.demo-nav{color:#fff;background:linear-gradient(#073b76,#062b59);height:100vh;padding:22px;position:sticky;top:0;overflow:auto}.demo-nav>a{background:#fff;border-radius:12px;padding:12px 18px;display:block}.demo-nav img{width:145px;height:auto;margin:auto;display:block}.demo-admin{background:#174f86;border:1px solid #3970a3;border-radius:12px;align-items:center;gap:11px;margin:24px 0;padding:13px;display:flex}.demo-admin>span{color:#078779;background:#d9f8f3;border-radius:50%;place-items:center;width:41px;height:41px;font-weight:900;display:grid}.demo-admin b,.demo-admin small{display:block}.demo-admin b{font-size:13.59px}.demo-admin small{color:#b8d0e5;margin-top:4px;font-size:10.45px}.demo-nav nav{gap:7px;display:grid}.demo-nav nav>small{color:#7ba4ca;letter-spacing:.14em;margin:10px;font-size:10.45px;font-weight:900}.demo-nav nav a,.demo-nav nav button{color:#d7e7f4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;padding:13px;font-weight:700;display:block}.demo-nav nav .active,.demo-nav nav button:hover{color:#52e1cf;background:#1d578e}.demo-logout{color:#c9dced;cursor:pointer;background:0 0;border:1px solid #5280aa;border-radius:8px;padding:11px;position:absolute;bottom:20px;left:22px;right:22px}.demo-main{padding:34px}.demo-main>header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.demo-main>header span,.demo-personas small{color:#00a996;letter-spacing:.12em;font-size:11.5px;font-weight:900}.demo-main h1{color:#062f68;margin:8px 0;font-size:35.55px}.demo-main>header p{color:#687b90;margin:0}.demo-main>header button{color:#078678;cursor:pointer;background:#fff;border:1px solid #9bd9d0;border-radius:9px;padding:12px 17px;font-weight:800}.demo-stats{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.demo-stats article{background:#fff;border:1px solid #d8e6eb;border-radius:12px;padding:17px}.demo-stats small,.demo-stats b,.demo-stats span{display:block}.demo-stats small{color:#71859a;font-size:9.41px;font-weight:900}.demo-stats b{color:#063b76;margin:8px 0 3px;font-size:28.23px}.demo-stats span{color:#8795a3;font-size:10.45px}.demo-personas{grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0;display:grid}.demo-personas article{background:#fff;border:1px solid #d7e7eb;border-radius:14px;grid-template-columns:auto 1fr;gap:14px;padding:20px;display:grid}.demo-personas i{background:#e4f8f5;border-radius:12px;place-items:center;width:48px;height:48px;font-size:26.14px;font-style:normal;display:grid}.demo-personas h2{color:#063970;margin:6px 0;font-size:19.86px}.demo-personas p{color:#728397;min-height:48px;margin:0;font-size:12.55px;line-height:1.5}.demo-personas button{color:#fff;cursor:pointer;background:#08ad9b;border:0;border-radius:9px;grid-column:1/-1;padding:12px;font-weight:900}.demo-data{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.demo-data>section{background:#fff;border:1px solid #d7e5ea;border-radius:13px;overflow:hidden}.demo-data header{border-bottom:1px solid #e3ebef;justify-content:space-between;align-items:center;padding:16px;display:flex}.demo-data h2{margin:0;font-size:16.73px}.demo-data header span{color:#8594a4;font-size:10.45px}.demo-data section>div{border-bottom:1px solid #edf2f4;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:12px 16px;display:grid}.demo-data section>div i{color:#07897b;background:#e4f8f5;border-radius:9px;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:10.45px;font-style:normal;font-weight:900;display:grid}.demo-data b{font-size:12.55px}.demo-data small{color:#8190a0;font-size:9.41px}.demo-toast{color:#087c70;background:#ecfaf7;border:1px solid #a3ded5;border-radius:10px;max-width:420px;padding:15px 42px 15px 16px;font-size:12.55px;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 30px #003c6320}.demo-toast button{color:#087c70;background:0 0;border:0;font-size:18.82px;position:absolute;right:10px}.demo-gate{text-align:center;background:#f4f9fa;place-content:center;justify-items:center;gap:14px;min-height:100vh;display:grid}.demo-gate img{width:190px}.demo-loader{border:3px solid #d7ece8;border-top-color:#08ad9b;border-radius:50%;width:34px;height:34px;animation:1s linear infinite spin}.demo-gate h1{color:#07356d;max-width:520px;font-size:20.91px}.demo-gate button{color:#fff;background:#08ad9b;border:0;border-radius:9px;padding:12px 18px;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}.demo-modal{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#031d3dbf;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.demo-modal>section{background:#fff;border-radius:18px;width:min(760px,100%);max-height:90vh;overflow:auto;box-shadow:0 28px 80px #001a3880}.demo-modal header{border-bottom:1px solid #e3ecef;justify-content:space-between;gap:20px;padding:24px 26px 18px;display:flex}.demo-modal header span{color:#00a996;letter-spacing:.13em;font-size:10.45px;font-weight:900}.demo-modal header h2{color:#06376e;margin:6px 0;font-size:26.14px}.demo-modal header p{color:#75879a;margin:0;font-size:12.55px}.demo-modal header>button{color:#6c8094;cursor:pointer;background:#fff;border:1px solid #d8e5e9;border-radius:9px;align-self:flex-start;width:34px;height:34px;font-size:21.95px}.company-options{grid-template-columns:1fr 1fr;gap:11px;padding:20px 26px;display:grid}.company-options>button{color:#173f5f;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce7eb;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:5px 12px;padding:15px;transition:all .18s;display:grid}.company-options>button:hover{background:#f0fcfa;border-color:#08bca8;transform:translateY(-1px);box-shadow:0 9px 24px #006a5b16}.company-options i{color:#07887a;background:#e2f8f4;border-radius:10px;grid-row:1/3;place-items:center;width:43px;height:43px;font-size:12.55px;font-style:normal;font-weight:900;display:grid}.company-options span b,.company-options span small{display:block}.company-options span b{font-size:13.59px}.company-options span small{color:#8494a3;margin-top:4px;font-size:9.41px}.company-options em{color:#079284;grid-column:2;font-size:10.45px;font-style:normal;font-weight:900}.demo-modal footer{color:#73879a;background:#f8fbfc;border-top:1px solid #e5edef;padding:13px 26px;font-size:10.45px}@media (max-width:1100px){.demo-stats{grid-template-columns:repeat(3,1fr)}.demo-personas,.demo-data{grid-template-columns:1fr 1fr}}@media (max-width:760px){.demo-page{display:block}.demo-nav{width:100%;height:auto;position:relative}.demo-logout{width:100%;margin-top:16px;position:static}.demo-main{padding:22px}.demo-main>header{flex-direction:column;align-items:flex-start}.demo-stats{grid-template-columns:1fr 1fr}.demo-personas,.demo-data,.company-options{grid-template-columns:1fr}.demo-modal{padding:12px}.demo-modal header{padding:20px}.company-options{padding:16px}.demo-modal header h2{font-size:21.95px}}