:root{--navy:#07111f;--purple:#7147f3;--bg:#f5f7fb;--line:#e3e8f0;--muted:#738096}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial;background:var(--bg);color:#152238}.portal{display:flex;min-height:100vh}aside{width:245px;background:var(--navy);color:#fff;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none}.mark{width:40px;height:40px;border-radius:11px;background:#16253f;display:grid;place-items:center;font-weight:900}.brand b{display:block;letter-spacing:.15em;font-size:14px}.brand small{display:block;font-size:8px;color:#8c9bb0;letter-spacing:.14em}.role{margin:28px 5px 15px;padding:12px;background:#111f34;border-radius:10px;color:#a9b7ca;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}nav{display:grid;gap:4px}nav a{padding:11px 12px;border-radius:9px;color:#91a0b5;text-decoration:none;font-size:11px;font-weight:800}nav a.active,nav a:hover{background:#182842;color:#fff}.back{margin-top:auto;color:#8190a6;font-size:10px;text-decoration:none;padding:12px}main{flex:1}header{height:95px;background:#fff;border-bottom:1px solid var(--line);padding:20px 34px;display:flex;justify-content:space-between;align-items:center}header small{color:var(--muted);font-size:9px;letter-spacing:.12em}h1{margin:2px 0;font-size:25px}.badge{padding:8px 12px;border-radius:20px;background:#efeaff;color:#6542d9;font-size:10px;font-weight:900}.cards{padding:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards>div,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.cards small{display:block;color:var(--muted);font-size:9px}.cards b{display:block;font-size:27px;margin-top:5px}.panel{margin:0 30px}.panel h2{font-size:19px}.panel p{color:var(--muted);font-size:12px}@media(max-width:700px){aside{width:190px}.cards{grid-template-columns:1fr 1fr;padding:18px}.panel{margin:0 18px}header{padding:18px}}@media(max-width:520px){aside{display:none}.cards{grid-template-columns:1fr}}/* LNS logo-colour corporate theme */
:root{--navy:#10263b;--purple:#16813a;--bg:#f6f9f7;--line:#dfe7ec;--muted:#687b88;--orange:#f26b0b;--green:#16813a}
body{background:var(--bg)}aside{background:linear-gradient(180deg,#10263b,#173b4b);border-right:1px solid #244b5c}nav a.active,nav a:hover{background:linear-gradient(90deg,rgba(242,107,11,.16),rgba(22,129,58,.10));color:#fff;border-left:3px solid var(--orange)}.badge{background:#eef8ef;color:var(--green)}.login{background:radial-gradient(circle at 80% 10%,#fff0df,#f7faf8 48%,#edf5ef)}.loginbox{border-color:#dce7df;box-shadow:0 20px 60px rgba(16,38,59,.10)}.loginbox button.primary{background:linear-gradient(135deg,var(--green),#2aa84a)}.brand-logo{background:#fff;border-radius:50%;padding:2px}.app aside .brand-logo{background:#fff}.app nav button.active{border-left-color:var(--orange);background:linear-gradient(90deg,rgba(242,107,11,.16),rgba(22,129,58,.08))}.toolbar button,.hero-panel button,.quick button{background:linear-gradient(135deg,var(--green),#2aa84a)}.secure{color:var(--green);background:#eaf6ed}.metric:hover{box-shadow:0 10px 25px rgba(16,38,59,.12)}