*{box-sizing:border-box}body{margin:0;background:#eef2f8;font:16px/1.5 system-ui,-apple-system,Segoe UI,Arial;color:#0a2b70}button,a{font:inherit}a{color:inherit}.shell{max-width:480px;margin:20px auto 40px;background:white;min-height:95vh;box-shadow:0 14px 55px #18335b20;border-radius:24px;overflow:hidden}.hero{height:250px;background:#ffd21c url('/assets/pan-hero.jpg') center 48%/cover no-repeat}.waves{height:31px;background:linear-gradient(168deg,#ffd224 0 35%,#fff 35% 49%,#072b76 49% 73%,#f21e34 73% 85%,white 85%)}.body{padding:18px 24px 25px}.name{font-size:27px;line-height:1.14;text-align:center;margin:8px 0;color:#082d7a}.role,.company,.area{text-align:center;margin:3px 0}.area{font-weight:800}.company{font-size:14px;color:#5b6680}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:23px 0 24px}.action{text-align:center;text-decoration:none;font-size:11px;font-weight:750;line-height:1.2}.bubble{display:grid;place-items:center;margin:0 auto 7px;width:53px;height:53px;border-radius:50%;background:#1276ee;color:white;font-size:23px}.whatsapp{background:#0ab74f}.email{background:#f21736}.save{background:#0877ee}.heading{font-size:19px;font-weight:800;margin:20px 0 12px}.area-btn{display:flex;align-items:center;gap:12px;border:1px solid #e4eaf3;border-radius:15px;padding:11px;margin:9px 0;text-decoration:none;box-shadow:0 3px 12px #17294d0c}.area-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#ffcb11;color:#072b77;font-size:23px}.area-btn:nth-of-type(even) .area-icon{background:#0869d8;color:white}.area-btn small{display:block;color:#526382;font-size:12px}.chev{margin-left:auto;font-size:25px}.back{border:0;background:none;color:#092e7a;padding:16px 20px 6px;cursor:pointer;font-weight:700}.dept-head{background:linear-gradient(125deg,#062a74,#1167cc);color:white;padding:25px 24px}.dept-head h1{margin:0;font-size:25px}.dept-head p{margin:7px 0 0;font-size:14px}.person{display:flex;align-items:center;gap:12px;border:1px solid #e8edf5;border-radius:15px;padding:12px;margin:12px 0;background:#fff}.avatar{width:62px;height:62px;border-radius:50%;object-fit:cover;object-position:center 25%;border:2px solid #f5ca19;flex-shrink:0}.person-info{flex:1;min-width:0}.person-name{font-weight:800;font-size:14px}.person-role{font-size:12px;color:#536481}.person-email{font-size:11px;overflow-wrap:anywhere;color:#315b9c}.quick{display:flex;gap:8px;margin-top:7px}.quick a{display:inline-block;background:#edf4ff;border-radius:8px;padding:3px 8px;text-decoration:none;font-size:12px;font-weight:700}.quick a:first-child{background:#e1f8e9;color:#067e35}.footer{text-align:center;padding:23px 10px 25px;border-top:1px solid #e7eaf0;font-size:12px;color:#536481}.nav{display:flex;justify-content:space-around;background:#f9fbff;border-top:1px solid #e9eef5;padding:12px}.nav a{font-size:12px;text-decoration:none;font-weight:700}.directory{padding:18px 24px}.note{background:#fff8db;border-radius:12px;padding:10px 13px;font-size:12px;color:#66500c}.loading{text-align:center;margin:90px auto}@media(max-width:520px){body{background:white}.shell{margin:0;min-height:100vh;border-radius:0;box-shadow:none}.hero{height:235px}}