.moduleicon{width:24px;height:24px;display:block;flex-shrink:0}.shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{padding:25px 18px 20px;height:100dvh;z-index:30}.sidebar .brand{font-size:16px;gap:10px}.brand>div{flex:1;min-width:0}.brand small{font-size:9px;letter-spacing:1.7px}.navcaption{color:#86a8cd;font-size:10px;font-weight:700;letter-spacing:1.8px;margin:35px 12px 15px}.sidebar .sidenav{display:flex;flex-direction:column;gap:12px;margin:0;overflow-y:auto;flex:1;min-height:0;padding:0 1px 12px}.navgroup{margin:0}.navgroup summary{list-style:none;display:flex;align-items:center;gap:10px;color:#e2edf9;font-size:13px;font-weight:700;padding:12px 10px;border-radius:9px;cursor:pointer;min-height:46px}.navgroup summary::-webkit-details-marker{display:none}.navgroup summary>.moduleicon:first-child{width:21px;height:21px;color:#95c7ee}.navgroup summary>.moduleicon:last-child{width:14px;height:14px;margin-left:auto;color:#87a9cd;transition:transform .15s}.navgroup[open] summary>.moduleicon:last-child{transform:rotate(90deg)}.navgroup summary:hover{background:#ffffff0b}.navchildren{margin:3px 0 1px 19px;padding-left:12px;border-left:1px solid #ffffff20;display:grid;gap:5px}.sidenav .nav{min-height:42px;display:flex;align-items:center;gap:9px;border:0;font-weight:400;font-size:12px;padding:10px 9px;justify-content:flex-start}.sidenav .nav>.moduleicon{width:18px;height:18px}.sidenav .nav.active{background:#ffffff16;color:white;box-shadow:inset 3px 0 #b3df19;font-weight:700}.sidefoot{padding:17px 10px 0;border-top:1px solid #ffffff13;color:#95b4d4;line-height:1.5}.versionlabel{display:block;font-size:10px;margin-top:4px}.sidefoot .sidelogout{display:flex;align-items:center;gap:9px;margin-top:15px;font-size:12px;text-decoration:none}.sidelogout svg{width:17px;height:17px}.workspace{max-width:1634px;margin:auto}.modulebar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:26px 42px 0}.moduletile{background:white;border:1px solid #dde6ef;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:112px;padding:14px 8px;border-radius:13px;font-size:12px;font-weight:700;color:#344f6a;transition:box-shadow .15s,border-color .15s,transform .15s}.moduletile:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0526570b;border-color:#b4cce1}.moduletile.active{border-color:#075fa8;box-shadow:0 0 0 1px #075fa8;background:#f9fcff}.tileicon{height:51px;width:51px;display:grid;place-items:center;border-radius:13px;background:#edf4fc;color:#075fa8}.tileicon .moduleicon{width:33px;height:33px;stroke-width:1.6}.tile-add{background:#edf7e3;color:#517c15}.tile-assets{background:#e8f5fb;color:#087caf}.tile-clients{background:#e8f6f2;color:#127564}.tile-company{background:#f0edfb;color:#6951a4}.tile-operations{background:#fff4df;color:#a46a0a}.moduletile.newinspectiontile{border-top:3px solid #9fc92a}.workspace .content{padding-top:28px}.iconbutton{background:transparent;border:0;color:inherit;display:grid;place-items:center;width:42px;height:42px;border-radius:9px;flex-shrink:0}.closemenu,.menutoggle{display:none}.menubackdrop{display:none}.quick .symbol .moduleicon{width:31px;height:31px}.topbar{gap:15px}.topbar .topcontext{font-size:12px}.topbar .user{margin-left:auto}.topbar .user>span:nth-child(2){max-width:230px;overflow-wrap:anywhere}.navgroup summary:focus-visible{outline:2px solid #b3df19;outline-offset:-2px}
@media(min-width:701px) and (max-width:1100px){.shell{grid-template-columns:225px minmax(0,1fr)}.sidebar{padding:23px 13px}.modulebar{padding:22px 25px 0;gap:8px}.moduletile{font-size:11px;min-height:104px}.tileicon{height:44px;width:44px}.tileicon .moduleicon{width:29px;height:29px}.topbar .topcontext{max-width:150px}}
@media(max-width:700px){.shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(310px,88vw);height:100dvh;padding:23px 18px;transform:translateX(-105%);visibility:hidden;transition:transform .2s,visibility .2s;box-shadow:12px 0 50px #05265726;display:flex;flex-direction:column;z-index:60}.menu-open{overflow:hidden}.menu-open .sidebar{visibility:visible;transform:translateX(0)}.menubackdrop:not([hidden]){display:block;position:fixed;inset:0;background:#05265766;border:0;z-index:55;backdrop-filter:blur(2px)}.closemenu,.menutoggle{display:grid}.closemenu{width:34px;height:34px;color:#b5cce4}.closemenu svg{width:20px;height:20px}.menutoggle{color:#052657;background:#edf3fa;width:40px;height:40px}.topbar{height:68px;padding:0 15px;gap:10px}.topbar .user{gap:7px;font-size:11px}.topbar .avatar{padding:8px}.topbar .user>span:nth-child(2){max-width:180px}.topbar .topcontext{display:none}.sidebar .sidenav{display:flex;flex-direction:column;gap:12px;margin:0}.sidebar .brand img{width:42px;height:42px}.sidebar .brand small{display:block}.sidebar .sidefoot{display:block}.navcaption{margin:27px 10px 13px}.modulebar{display:flex;gap:9px;overflow-x:auto;padding:18px 16px 6px;scroll-padding:16px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.moduletile{flex:0 0 103px;min-height:105px;gap:9px;padding:12px 6px;scroll-snap-align:start;font-size:11px}.tileicon{width:47px;height:47px;border-radius:12px}.tileicon .moduleicon{width:31px;height:31px}.workspace .content{padding-top:23px}.sidebar .sidenav .nav{font-size:13px;min-height:44px;padding:11px 9px}.sidebar .navgroup summary{font-size:14px}.sidefoot{margin-top:auto}}
@media(prefers-reduced-motion:reduce){.sidebar,.moduletile,.navgroup summary>.moduleicon:last-child{transition:none}.moduletile:hover{transform:none}}