/* FIBRASEG navigation: local fonts, consistent type and monochrome icons. */
.side{width:264px;background:linear-gradient(165deg,#19191c,#101012 65%);padding:24px 16px;border-right:1px solid #2d2d32;box-shadow:4px 0 24px #0000000a;scrollbar-width:thin;scrollbar-color:#4b4b51 #141416}
.side .brand{border-top:3px solid #e51b2b;padding-top:18px}
.side .brand img{max-width:100%;width:172px;border-radius:10px;padding:8px}
.side #companyInitials{color:#fff!important;letter-spacing:-1px}
.side #companyName{color:#fff;font-size:15px;letter-spacing:.04em}
.side .user{margin-top:12px;padding:14px 10px;border:1px solid #ffffff13;background:#ffffff05;border-radius:12px;line-height:1.6}
.side #userName{font-size:14px;font-weight:600}.side #userRole{font-size:12px;color:#b6b6bf!important}
.side .nav{margin-top:20px}
.side .nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 12px;margin:4px 0;border:1px solid transparent;border-radius:11px;background:transparent;color:#d6d6dd;text-align:left;font:600 14px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;transition:background .16s,color .16s,border-color .16s}
.side .nav button .nav-label,.side .nav button small{font:inherit;min-width:0}
.nav-icon{width:20px;height:20px;flex:0 0 20px;display:block;pointer-events:none}
.side .nav button:hover{background:#ffffff09;color:#fff;border-color:#ffffff14}
.side .nav button.active{background:#d71929;color:#fff;border-color:#ec3948;box-shadow:0 4px 14px #b9001929}
.side .nav button:focus-visible,.side>.btn:focus-visible,#mobilebar button:focus-visible{outline:2px solid #ff7884;outline-offset:3px}
.side .nav button[aria-controls="technicalSubmenu"]:after{content:'';width:7px;height:7px;flex-shrink:0;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.side .nav button[aria-expanded="true"]:after{transform:rotate(225deg)}
.side #technicalSubmenu{margin:7px 0 12px 22px;padding-left:12px;border-left:1px solid #e51b2b}
.side #technicalSubmenu a{font:600 14px/1.4 "Segoe UI",Arial,sans-serif;padding:10px;border-radius:8px;color:#c5c5ce}
.side #technicalSubmenu a:hover,.side #technicalSubmenu a.active{color:#fff;background:#ffffff0d}
.side #technicalSubmenu a.active{box-shadow:inset 2px 0 #ed2939}
.side>.btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font:600 14px/1.4 "Segoe UI",Arial,sans-serif;border:1px solid #ffffff22;background:#ffffff08;color:#e7e7ec;border-radius:11px}
.side>.btn:hover{background:#ffffff12}.side>.btn:last-child{color:#ff9ba4;background:transparent;margin-top:10px!important;margin-bottom:8px}
@media(min-width:901px){.app{padding-left:264px}.main{margin-left:0}}
@media(max-width:900px){#mobilebar{background:#141416;border:1px solid #35353b;padding:6px;gap:5px;height:76px;border-radius:18px}#mobilebar button{font:600 12px/1.2 "Segoe UI",Arial,sans-serif;min-width:94px;max-width:120px;padding:6px 9px;height:62px;color:#d6d6dd;gap:5px}#mobilebar button small,#mobilebar .nav-label{font:inherit;text-align:center}#mobilebar button.active{background:#d71929;color:#fff}#mobilebar .nav-icon{width:20px;height:20px}.main{padding-bottom:102px}.fab-mobile{bottom:98px}}
@media(prefers-reduced-motion:reduce){.side .nav button{transition:none}}