*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#16324a;background:#f5f8fb}a{color:inherit}.hpx87-shell{min-height:100vh;display:flex;flex-direction:column}.hpx87-header{height:64px;background:#102f49;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 26px;box-shadow:0 2px 12px #0a223529}.hpx87-header-left,.hpx87-header-right,.hpx87-brand,.hpx87-user{display:flex;align-items:center;gap:12px}.hpx87-brand{text-decoration:none}.hpx87-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#1e8cff,#5bc6ff);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 6px 18px #1484df3d}.hpx87-logo.large{width:48px;height:48px;font-size:22px}.hpx87-brand strong{display:block;font-size:17px}.hpx87-brand small{display:block;color:#bcd0df;font-size:10px}.hpx87-menu{display:none;border:0;background:transparent;color:#fff;font-size:21px}.hpx87-notify,.hpx87-user{text-decoration:none;font-size:12px}.hpx87-notify b{margin-left:5px;background:#e34b4b;border-radius:99px;padding:2px 6px}.hpx87-user span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1778d0}.hpx87-body{display:grid;grid-template-columns:238px minmax(0,1fr);flex:1}.hpx87-sidebar{background:#12344d;color:#d9e8f2;padding:22px 12px;display:flex;flex-direction:column}.hpx87-side-title{padding:4px 12px 18px}.hpx87-side-title small{display:block;font-size:8px;letter-spacing:1.4px;color:#7fa2b9}.hpx87-side-title strong{display:block;margin-top:4px;color:#fff}.hpx87-sidebar nav{display:flex;flex-direction:column;gap:4px}.hpx87-sidebar nav a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:11px 12px;border-radius:9px;font-size:12px}.hpx87-sidebar nav a:hover{background:#19425f}.hpx87-sidebar nav a.active{background:#1684e5;color:#fff;font-weight:650;box-shadow:0 7px 20px #071d2d35}.hpx87-sidebar .dot{width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%}.hpx87-side-foot{margin-top:auto;border-top:1px solid #31546c;padding:16px 10px 4px;font-size:9px;color:#91acbe}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43c27a;margin-right:6px}.hpx87-main{min-width:0;padding:28px 32px}.hpx87-footer{padding:12px 24px;text-align:center;background:#fff;border-top:1px solid #e1e9ef;color:#7990a0;font-size:9px}.hpx87-hero{border-radius:16px;padding:30px 32px;background:linear-gradient(120deg,#0f6fca,#123d68);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 32px #0d47752b}.hpx87-hero small{font-size:9px;letter-spacing:1.2px;color:#a8d5ff}.hpx87-hero h1{margin:7px 0 8px;font-size:30px;line-height:1.1}.hpx87-hero p{margin:0;color:#d6ebff;font-size:13px}.hpx87-hero>a{background:#fff;color:#0d63ae;text-decoration:none;padding:11px 16px;border-radius:9px;font-size:11px;font-weight:700}.hpx87-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.hpx87-kpis article{background:#fff;border:1px solid #dce7ef;border-radius:13px;padding:18px;box-shadow:0 5px 18px #12344d0a}.hpx87-kpis small,.hpx87-kpis strong,.hpx87-kpis span{display:block}.hpx87-kpis small{font-size:9px;color:#6d8394}.hpx87-kpis strong{font-size:25px;margin:7px 0 4px}.hpx87-kpis span{font-size:9px;color:#7790a2}.hpx87-kpis i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42bd73}.hpx87-section{background:#fff;border:1px solid #dce7ef;border-radius:14px;padding:22px}.hpx87-section-head h2{margin:0 0 5px;font-size:18px}.hpx87-section-head p{margin:0 0 18px;color:#718696;font-size:11px}.hpx87-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hpx87-service-grid a{border:1px solid #dfe8ee;border-radius:12px;padding:17px;text-decoration:none;transition:.18s}.hpx87-service-grid a:hover{border-color:#58a9eb;transform:translateY(-1px);box-shadow:0 8px 22px #12344d12}.hpx87-service-grid b,.hpx87-service-grid span,.hpx87-service-grid em{display:block}.hpx87-service-grid b{font-size:14px}.hpx87-service-grid span{font-size:10px;color:#718696;margin:6px 0 12px}.hpx87-service-grid em{font-style:normal;font-size:10px;color:#0876d1;font-weight:650}.hpx87-login{margin:0;background:#edf4f8;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#17354c}.hpx87-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(390px,.85fr)}.hpx87-login-hero{padding:54px 8vw;background:linear-gradient(145deg,#0d2c44,#105d98);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.hpx87-login-brand{display:flex;align-items:center;gap:12px;font-size:21px}.hpx87-login-hero h1{font-size:44px;line-height:1.05;margin:12px 0}.hpx87-login-hero p{max-width:560px;color:#cfe5f5;line-height:1.7}.hpx87-login-points{display:flex;gap:8px;flex-wrap:wrap}.hpx87-login-points span{border:1px solid #ffffff35;border-radius:99px;padding:7px 11px;font-size:10px}.hpx87-login-panel{display:grid;place-items:center;padding:40px}.hpx87-login-card{width:min(420px,100%);background:#fff;padding:34px;border-radius:18px;box-shadow:0 22px 60px #0e304629}.hpx87-login-card small{color:#1783dc;font-weight:700;letter-spacing:1px}.hpx87-login-card h2{font-size:27px;margin:8px 0}.hpx87-login-card p{font-size:12px;color:#718696;margin-bottom:24px}.hpx87-login-card label{display:block;font-size:11px;font-weight:650;margin:13px 0}.hpx87-login-card input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #cddbe5;border-radius:9px;outline:0}.hpx87-login-card input:focus{border-color:#1684e5;box-shadow:0 0 0 3px #1684e519}.hpx87-login-card button{width:100%;border:0;border-radius:9px;background:#117bd4;color:#fff;padding:13px;font-weight:700;margin-top:8px;cursor:pointer}.hpx87-login-links{display:flex;justify-content:space-between;margin-top:18px;font-size:10px}.hpx87-login-links a{color:#1375c5;text-decoration:none}.hpx87-error{background:#fff0f0;color:#a92525;border:1px solid #f0c8c8;padding:10px;border-radius:8px;font-size:10px}@media(max-width:900px){.hpx87-body{grid-template-columns:1fr}.hpx87-sidebar{position:fixed;top:64px;bottom:0;width:238px;z-index:50;transform:translateX(-105%);transition:.2s}.hpx87-sidebar.open{transform:translateX(0)}.hpx87-menu{display:block}.hpx87-main{padding:20px}.hpx87-kpis{grid-template-columns:repeat(2,1fr)}.hpx87-login-shell{grid-template-columns:1fr}.hpx87-login-hero{display:none}}@media(max-width:560px){.hpx87-header{padding:0 14px}.hpx87-user{font-size:0}.hpx87-notify{display:none}.hpx87-hero{padding:22px;align-items:flex-start;gap:20px;flex-direction:column}.hpx87-hero h1{font-size:24px}.hpx87-kpis,.hpx87-service-grid{grid-template-columns:1fr}.hpx87-login-panel{padding:20px}.hpx87-login-card{padding:25px}}