*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f5f8fc;color:#10213b}a{text-decoration:none;color:inherit}.site-header,.dash-header{background:#061a38;color:white;position:sticky;top:0;z-index:50;box-shadow:0 8px 30px #0003}.nav-wrap,.dash-header{padding:12px 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.logo{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ffb45f,#f28c28);color:#061a38;font-weight:950}.nav{display:flex;gap:18px}.nav a{font-size:14px;color:#e5edf7}.nav a:hover{color:#ffad50}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:80vh;background:linear-gradient(135deg,#04132d,#0a3158 60%,#0d4774);color:white}.hero-inner{max-width:1280px;margin:auto;padding:100px 5%;display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.eyebrow{color:#f28c28;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;margin:12px 0}.hero p{font-size:18px;line-height:1.7;color:#dbe6f3}.hero-card{background:white;color:#10213b;border-radius:26px;padding:32px;box-shadow:0 30px 80px #0005;animation:float 6s ease-in-out infinite}.hero-icon{width:86px;height:86px;border-radius:23px;background:#f28c28;display:grid;place-items:center;font-weight:950;font-size:30px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 18px;font-weight:850;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0002}.primary{background:#f28c28;color:#061a38}.secondary{background:white;color:#061a38}.outline{background:transparent;border:1px solid #ffffff66;color:white}.container{max-width:1280px;margin:auto;padding:75px 5%}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.panel,.kpi{background:white;border:1px solid #dfe7ef;border-radius:20px;padding:24px;box-shadow:0 12px 35px #10213b0d;transition:.28s}.card:hover{transform:translateY(-7px);box-shadow:0 25px 55px #10213b18}.icon{font-size:32px}.muted{color:#69798e;line-height:1.65}.two{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.form{display:grid;gap:14px}.field{display:grid;gap:7px;font-weight:750}.field input,.field select,.field textarea{padding:12px;border:1px solid #cbd6e2;border-radius:11px;width:100%;outline:0}.page-hero{background:linear-gradient(135deg,#061a38,#0d4774);color:white;padding:65px 5%}.page-hero h1{font-size:52px;margin:8px 0}.page-hero p{color:#dbe6f3}.footer{background:#04152d;color:#dbe6f3;padding:32px 5%;display:flex;gap:18px;flex-wrap:wrap}.footer small{width:100%;color:#f28c28;font-weight:900}.dash-layout{max-width:1400px;margin:auto;padding:24px;display:grid;grid-template-columns:235px 1fr;gap:22px}.sidebar{background:white;border:1px solid #dfe7ef;border-radius:20px;padding:14px;height:max-content;position:sticky;top:85px}.sidebar a{display:block;padding:11px;border-radius:10px;color:#43536a;font-weight:700}.sidebar a:hover{background:#fff2e6;color:#a85a0c}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpi .value{font-size:30px;font-weight:950;margin-top:8px}.table-scroll{overflow:auto;border:1px solid #dfe7ef;border-radius:15px}.data-table{width:100%;border-collapse:collapse;min-width:750px}.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid #edf1f5;font-size:13px}.data-table th{background:#f6f8fa}.activity{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f5}.dot{width:10px;height:10px;background:#f28c28;border-radius:50%;margin-top:7px}.chart{height:240px;display:flex;align-items:end;gap:15px;padding:25px}.bar{flex:1;background:linear-gradient(#ffb45f,#f28c28);border-radius:9px 9px 3px 3px}.bar span{display:block;margin-top:250px;font-size:10px;color:#6b7a90}@keyframes float{50%{transform:translateY(-10px)}}@media(max-width:950px){.hero-inner,.two{grid-template-columns:1fr}.grid,.kpis{grid-template-columns:repeat(2,1fr)}.menu{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;padding:18px 5%;background:#061a38;flex-direction:column}.dash-layout{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid,.kpis{grid-template-columns:1fr}.hero-inner,.container{padding:55px 5%}.page-hero h1{font-size:42px}}
/* Logo-only brand: supplied official iTech logo */
.brand{display:flex;align-items:center;gap:0!important;}
.brand .brand-logo{display:block;width:auto;height:48px;max-width:170px;object-fit:contain;}
@media(max-width:760px){.brand .brand-logo{height:40px;max-width:140px;}.brand{gap:0!important;}}


/* =========================================================
   UNIFIED iTECH FOOTER — ALL DASHBOARD / PORTAL PAGES
   Matches the main website footer style.
========================================================= */
.unified-site-footer{
  width:100%;
  margin-top:0;
  padding:34px 5% 26px;
  background:linear-gradient(180deg,#04152d,#061d3d);
  color:#dbe6f3;
  border-top:3px solid transparent;
  border-image:linear-gradient(90deg,#1769e0,#f28a1a,#1769e0) 1;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px;
  text-align:center;
  box-sizing:border-box;
}
.unified-site-footer .footer-logo{
  display:block;
  width:min(210px,60vw);
  max-height:78px;
  height:auto;
  object-fit:contain;
  margin:0 auto 5px;
}
.unified-site-footer .footer-address,
.unified-site-footer .footer-contact,
.unified-site-footer .footer-email,
.unified-site-footer .footer-social{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:#dbe6f3;
}
.unified-site-footer .footer-social{
  color:#f28c28;
  font-weight:800;
}
.unified-site-footer .footer-tagline{
  width:100%;
  margin:5px 0 0;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#f28c28;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
}
@media(max-width:600px){
  .unified-site-footer{padding:28px 18px 22px;gap:8px}
  .unified-site-footer .footer-logo{width:min(180px,65vw);max-height:70px}
  .unified-site-footer .footer-address,
  .unified-site-footer .footer-contact,
  .unified-site-footer .footer-email,
  .unified-site-footer .footer-social{font-size:12px}
}