*{box-sizing:border-box;margin:0;padding:0}body{background-color:#d3d0d0;font-family:Instrument Sans,sans-serif;font-size:14px}.home-container{flex-direction:column;width:100%;min-height:100vh;padding-bottom:70px;display:flex;position:relative}.header{border-bottom-right-radius:50px;border-bottom-left-radius:50px;flex-direction:column;align-items:center;width:100%;margin-bottom:1.5rem;padding:1rem 0 2rem;display:flex;box-shadow:0 4px 4px #00000040}.logo-container{margin-bottom:.5rem}.logo{width:155px;height:auto}.app-title{text-align:center}.app-title h1{color:#525252;margin-bottom:.25rem;font-size:18px;font-weight:700}.app-title h2{color:#525252;font-size:18px;font-weight:700}.tiles-grid{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;padding:0 10px;display:flex}.tile{cursor:pointer;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:calc(50% - 5px);height:165px;display:flex;position:relative;box-shadow:0 4px 4px #00000040}.tile-icon{margin-bottom:.5rem}.tile-label{color:#fff;text-align:center;font-size:18px;font-weight:700}.assets-tile{background-color:#58c4d7}.clients-tile{background-color:#ca4cb3}.inspectors-tile{background-color:#79ca4c}.reports-tile{background-color:#5c6bc0}.green-light-tile{background-color:#92cda2}.orange-tile{background-color:#db805f}.bottom-nav{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:35px;justify-content:space-between;align-items:center;height:65px;padding:0 25px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:20px;left:10px;right:10px;box-shadow:0 8px 32px #0000001a,0 2px 16px #0000000d,inset 0 1px #fff9}.bottom-nav:hover{box-shadow:0 12px 40px #00000026,0 4px 20px #00000014,inset 0 1px #ffffffb3}.nav-item{color:#bd9b39;cursor:pointer;white-space:nowrap;border-radius:20px;min-width:fit-content;padding:8px 12px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-item:before{content:"";background:linear-gradient(90deg,#0000,#bd9b391a,#0000);width:100%;height:100%;transition:left .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.nav-item:hover{color:#a8872e;text-shadow:0 1px 2px #bd9b3933;background:#bd9b3914}.nav-item:hover:before{left:100%}.nav-item:active{background:#bd9b3926;transform:scale(.98)}.qr-button{cursor:pointer;background:linear-gradient(135deg,#bd9b39 0%,#d4af47 50%,#bd9b39 100%);border:3px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 25px #bd9b394d,0 4px 12px #bd9b3933,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.qr-button:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 30%,#ffffff4d 50%,#0000 70%);border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.qr-button:hover{box-shadow:0 12px 35px #bd9b3966,0 8px 20px #bd9b3940,inset 0 2px #fff6,inset 0 -2px #00000026}.qr-button:hover:before{opacity:1}.qr-button:active{transform:translate(-50%,-50%)scale(.95);box-shadow:0 6px 20px #bd9b394d,0 3px 10px #bd9b3933,inset 0 1px #fff3,inset 0 -1px #0003}.qr-icon{background-color:#bd9b39;border-radius:50%;width:33px;height:33px}@media (min-width:768px){.home-container{max-width:768px;margin:0 auto}.tiles-grid{gap:20px;padding:0 20px}.tile{transition:transform .2s}.tile:hover{transform:translateY(-5px)}.bottom-nav{height:70px;padding:0 35px}.nav-item{padding:10px 16px;font-size:17px}.qr-button{width:95px;height:95px}}@media (min-width:1024px){.home-container{max-width:1024px}.tiles-grid{gap:30px;padding:0 30px}.tile{width:calc(33.333% - 20px)}.bottom-nav{max-width:650px;height:75px;padding:0 40px;left:50%;transform:translate(-50%)}.bottom-nav:hover{box-shadow:0 8px 32px #0000001f,0 2px 16px #0000000f,inset 0 1px #ffffffb3}.nav-item{padding:12px 20px;font-size:18px}.nav-item:hover{color:#a8872e;background:#bd9b391a;box-shadow:0 2px 8px #bd9b3926}.qr-button{width:100px;height:100px}.qr-button:hover{box-shadow:0 8px 25px #bd9b3959,0 4px 15px #bd9b3933,inset 0 2px #fff6,inset 0 -2px #00000026}}