/* InfraGateway Elevator: screenshot-aligned visual refinement. */
:root{--navy:#03254c;--dark:#101d33;--orange:#f58220;--bg:#f5f8fc;--line:#dae4f0;--muted:#677e9d}
body{font-family:K2D,Mukta,sans-serif;line-height:1.55;letter-spacing:-.1px;background:#f6f9fc;color:#10233d}
.container{width:min(1216px,calc(100% - 48px))}
.header{position:sticky;top:0;background:#fff;box-shadow:0 1px 0 #e6ecf4;z-index:40}.nav{min-height:62px}.brand{gap:11px;font-size:17px}.brand img{width:39px;height:39px;object-fit:contain}.brand small{font-size:10px;letter-spacing:.5px}.nav nav{gap:9px}.nav nav>a:not(.btn){font-weight:600;padding:12px 16px}
.btn{border-radius:8px;min-height:43px;padding:11px 19px;transition:filter .15s,transform .15s;box-shadow:none}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.btn.outline:hover{background:#f1f5fb}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f58220;outline-offset:2px}
.hero-home{padding:59px 0 61px;background:linear-gradient(117deg,#f1f6fc 4%,#fff 70%)}.hero-split{gap:76px;grid-template-columns:1fr 1fr}.hero-split h1{font-size:clamp(34px,3.1vw,48px);line-height:1.05;letter-spacing:-1.35px;max-width:590px}.hero-split>div>p{max-width:530px}.hero-split>form.card{border-radius:17px;padding:23px;box-shadow:0 8px 24px #142d4d19}.hero-split .actions{justify-content:flex-start;margin:22px 0 14px}.hero-split .actions .btn{flex:0 1 auto}.hero-home .field-grid{gap:8px 12px}
.hero-band{padding:51px 0 55px;background:#111e34}.hero-band h1{font-size:clamp(28px,3vw,39px);letter-spacing:-.75px}.hero-band p{line-height:1.55}.section{padding:70px 0}.section h2{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.65px}.sub{margin-bottom:33px}
.grid{gap:20px}.card{border-radius:16px;padding:23px;box-shadow:0 2px 2px #14284410}.card h3{font-size:17px}.card p{line-height:1.5}.card hr{border:0;border-top:1px solid #edf1f7;margin:18px 0}.price{letter-spacing:-.5px}.pill{font-weight:600}
input,select,textarea{min-height:44px;border-radius:8px;border-color:#d7e2f0;color:#172d49}input::placeholder,textarea::placeholder{color:#93a6c2}label{margin-bottom:15px}.field-grid{gap:12px 16px}
.filters-layout{grid-template-columns:250px minmax(0,1fr);gap:30px}.filter-card{padding:22px;top:85px}.filter-card details{padding:17px 0}.filter-card summary{color:#122a46}.listing-head{margin-bottom:20px}.actions{gap:9px}.actions .btn{font-size:12px;min-width:0}
.wizard-nav{margin-top:15px;gap:5px}.wizard-nav span{font-weight:600}.row-layout{grid-template-columns:minmax(0,2fr) minmax(275px,1fr);gap:30px}.row-layout>.card{padding:30px}.config-card{padding:21px!important}.wizard-foot{margin-top:22px}.checks{column-gap:24px;row-gap:14px}
.supplier-card .photo{min-width:105px;width:105px;height:124px}.supplier-card h3{margin:1px 0}.modal{background:#0b1930a6;backdrop-filter:blur(3px)}.modal-content{border-radius:17px;box-shadow:0 19px 55px #0a182b44}
.admin-main{padding-top:3px}.admin-tabs{flex-wrap:nowrap;overflow-x:auto;gap:0;padding:0 0 1px;margin:20px 0 28px;scrollbar-width:thin}.admin-tabs a{white-space:nowrap;padding:15px 18px;font-size:14px;color:#567091}.admin-tabs a.active{color:#0b203d;border-bottom:2px solid #ff6316}.admin-main h2{font-size:19px;margin:24px 0 18px}.admin-main .grid.four{gap:16px}.admin-main .grid.four>.card{min-height:122px;padding:20px;border-radius:16px;box-shadow:0 2px 2px #172c4c12}.admin-main .stat{font-size:27px;color:#0c2140;line-height:1.4;margin-top:8px}.admin-main .grid.four>.card p{margin:3px 0 0}.toolbar{gap:13px}.toolbar h2{margin:0}.admin-main table{border-radius:14px;overflow:hidden}.admin-main th{background:#edf3fa}.admin-main td,.admin-main th{padding:14px}.admin-main .card{margin-bottom:15px}.toolbar .btn{min-height:40px}.badge{border-radius:100px}
.foot-grid{gap:30px}.footer{padding-top:55px;padding-bottom:58px}.footer b{font-size:15px}.footer a{font-size:14px}
@media(max-width:960px){.hero-split{gap:36px}.row-layout{grid-template-columns:1fr}.config-card{position:static}.admin-main .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.container{width:min(100% - 28px,1216px)}.nav{padding:9px 0}.nav nav{justify-content:flex-start}.nav nav>a:not(.btn){padding:8px}.hero-home{padding:42px 0}.hero-split{grid-template-columns:1fr;gap:26px}.hero-split h1{font-size:35px}.section{padding:45px 0}.filters-layout,.row-layout{grid-template-columns:1fr}.admin-tabs a{padding:12px}.grid,.grid.two,.grid.four,.admin-main .grid.four{grid-template-columns:1fr}.row-layout>.card{padding:20px}}
.admin-metric .metric-icon,.admin-bottom-widgets .metric-icon{font-size:23px;font-weight:600;color:#2469d8;line-height:1}.admin-metric .metric-dollar,.admin-metric .metric-check{color:#0aa964}.admin-metric .metric-alert{color:#e83e3e}.admin-metric .metric-clock{color:#ec8a0c}.admin-quick-actions{display:flex;flex-direction:column;justify-content:center;gap:8px}.admin-quick-actions .btn{width:100%}.admin-bottom-widgets{margin-top:23px}.admin-bottom-widgets .card{min-height:136px}.admin-bottom-widgets .card h3{margin:5px 0 0}