:root{--navy:#0f4d8b;--blue:#2c6cbf;--royal:#305ad9;--gold:#f5b53a;--red:#bf1717;--ink:#303335;--muted:#667085;--line:#e4eaf1;--soft:#f4f7fb;--white:#fff;--shadow:0 18px 50px rgba(15,77,139,.12)}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--soft)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.landing{min-height:100vh;background:white}.topbar{height:34px;background:#071c36;color:#d9e6f5;display:flex;justify-content:flex-end;align-items:center;padding:0 5vw;font-size:12px}.nav{height:82px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid #edf1f5;gap:40px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px}.brand img{width:154px;max-height:52px;object-fit:contain}.brand-label{font-size:11px;color:var(--navy);border-left:1px solid #ccd6e3;padding-left:12px;line-height:1.25}.navlinks{display:flex;gap:26px;margin-left:auto;color:#3f4345;font-size:14px}.navlinks a{color:inherit;text-decoration:none}.btn{border:0;border-radius:10px;padding:12px 19px;font-weight:700;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--navy);color:white;box-shadow:0 8px 18px rgba(15,77,139,.2)}.btn-gold{background:var(--gold);color:#11233a}.hero{min-height:610px;padding:70px 5vw 56px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:48px;position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#f6f9fd 62%,#edf5ff 100%)}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-210px;background:linear-gradient(145deg,var(--blue),var(--royal));opacity:.12}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--blue);font-size:12px;font-weight:800}.hero h1{font-size:clamp(43px,5.2vw,76px);line-height:1.02;margin:16px 0 22px;color:#071c36;letter-spacing:-.045em}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;line-height:1.7;max-width:660px;color:#56606c}.hero-actions{display:flex;gap:12px;margin-top:30px}.visual{height:455px;position:relative}.orb{position:absolute;border-radius:50%;background:linear-gradient(145deg,var(--royal),var(--navy));width:370px;height:370px;right:5%;top:5%;box-shadow:var(--shadow)}.orb:before{content:"";position:absolute;inset:55px;border-radius:50%;border:1px solid rgba(255,255,255,.35)}.float-card{position:absolute;background:white;border-radius:20px;padding:22px;box-shadow:0 24px 70px rgba(7,28,54,.17);animation:float 5s ease-in-out infinite}.float-card strong{display:block;font-size:31px;color:var(--navy);margin:7px 0}.float-card small{color:var(--muted)}.fc1{left:2%;top:22%;width:205px}.fc2{right:0;bottom:4%;width:235px;animation-delay:-2s}.mini-bars{display:flex;align-items:flex-end;gap:6px;height:50px;margin-top:12px}.mini-bars i{display:block;width:14px;background:var(--gold);border-radius:5px 5px 2px 2px}.trust{padding:24px 5vw 54px;background:white;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-card{border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;gap:16px;align-items:center}.trust-icon{width:44px;height:44px;border-radius:13px;background:#e8f1fd;color:var(--navy);display:grid;place-items:center;font-weight:900}.login-overlay{position:fixed;inset:0;background:rgba(4,18,36,.68);backdrop-filter:blur(9px);display:grid;place-items:center;z-index:30;padding:20px}.login-card{width:min(970px,100%);min-height:555px;background:white;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 35px 100px rgba(0,0,0,.3)}.login-art{background:linear-gradient(145deg,#071c36,var(--navy) 65%,var(--blue));color:white;padding:50px;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:320px;height:320px;border:60px solid rgba(255,255,255,.08);border-radius:50%;right:-160px;bottom:-140px}.login-art h2{font-size:42px;line-height:1.07;margin-top:100px}.login-art p{color:#d6e6f8;line-height:1.7}.login-form{padding:58px 56px;position:relative}.close{position:absolute;right:25px;top:20px;border:0;background:none;font-size:25px;cursor:pointer}.login-form h2{font-size:31px;color:#071c36;margin:25px 0 8px}.login-form>p{color:var(--muted);margin-bottom:35px}.field{margin:16px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8e0ea;border-radius:10px;padding:13px 14px;background:#fbfcfe;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(44,108,191,.11)}.error{color:var(--red);font-size:13px;min-height:20px}.app{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.sidebar{background:#071c36;color:white;padding:26px 18px;position:fixed;inset:0 auto 0 0;width:255px}.sidebar .brand img{filter:brightness(0) invert(1);width:145px}.side-nav{margin-top:48px;display:grid;gap:7px}.side-nav button{border:0;background:transparent;color:#b8c9dc;text-align:left;padding:13px 15px;border-radius:10px;cursor:pointer}.side-nav button.active,.side-nav button:hover{background:rgba(255,255,255,.1);color:white}.side-foot{position:absolute;bottom:22px;left:18px;right:18px}.side-user{padding:14px;border-top:1px solid rgba(255,255,255,.13);font-size:13px}.main{grid-column:2;padding:30px 36px 50px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.app-header h1{font-size:28px;margin:0;color:#071c36}.app-header p{margin:6px 0 0;color:var(--muted)}.avatar{width:42px;height:42px;background:linear-gradient(145deg,var(--blue),var(--royal));color:white;border-radius:50%;display:grid;place-items:center;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stat{background:white;border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:0 5px 20px rgba(15,77,139,.04)}.stat small{color:var(--muted)}.stat strong{display:block;font-size:32px;color:#071c36;margin-top:8px}.panel{background:white;border:1px solid var(--line);border-radius:18px;margin-top:22px;padding:23px;box-shadow:0 6px 24px rgba(15,77,139,.04)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel h2{font-size:19px;color:#071c36;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:12px}td{padding:14px 12px;border-top:1px solid #edf1f5}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#e8f1fd;color:var(--navy)}.progress{height:7px;background:#e8edf3;border-radius:10px;width:110px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--royal));border-radius:10px}.modal{position:fixed;inset:0;background:rgba(7,28,54,.55);display:grid;place-items:center;z-index:50;padding:20px}.modal-card{background:white;width:min(590px,100%);border-radius:20px;padding:28px;max-height:90vh;overflow:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.activity{display:grid;gap:15px}.activity-item{display:grid;grid-template-columns:10px 1fr auto;gap:13px;align-items:start}.dot{width:9px;height:9px;background:var(--gold);border-radius:50%;margin-top:6px}.activity-item small{color:var(--muted)}@keyframes float{50%{transform:translateY(-13px)}}@media(max-width:900px){.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.visual{height:330px}.trust{grid-template-columns:1fr}.login-card{grid-template-columns:1fr}.login-art{display:none}.app{grid-template-columns:1fr}.sidebar{position:static;width:auto;height:auto}.side-nav{margin-top:20px;grid-template-columns:repeat(4,1fr)}.side-foot{display:none}.main{grid-column:1;padding:24px 18px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:580px){.hero h1{font-size:42px}.visual{display:none}.stats{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.brand-label{display:none}.side-nav{grid-template-columns:1fr 1fr}.login-form{padding:42px 27px}}