.mx-side{position:fixed;inset:0 auto 0 0;width:252px;background:#f8fbff;border-right:1px solid #dfe8f4;padding:0 12px 16px;overflow-y:auto;overflow-x:hidden;z-index:5000;box-shadow:4px 0 18px rgba(44,82,130,.04)}
.mx-main{margin-left:252px!important;min-height:100vh}.mx-brand{height:104px;margin:0 -12px 8px;padding:14px 16px;background:#fff;border-bottom:1px solid #e7eef7;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.mx-brand img{width:202px;max-width:100%;max-height:74px;object-fit:contain;display:block}
.mx-nav h5{margin:15px 9px 6px;color:#8097b6;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.mx-nav button{width:100%;min-height:38px;margin:2px 0;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:#355b89;display:flex;align-items:center;gap:9px;text-align:left;font-size:12px;font-weight:650;line-height:1.15;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}
.mx-nav button::before{content:'•';width:24px;height:24px;flex:0 0 24px;border-radius:7px;background:#eaf2ff;color:#4a7fc5;display:grid;place-items:center!important;font-size:13px;font-weight:800;line-height:1}.mx-nav button:hover{background:#edf5ff;color:#1e67bc;transform:translateX(1px)}.mx-nav button.active{background:#dcecff;color:#1767c7;box-shadow:inset 3px 0 0 #4d96ee}.mx-nav button.active::before{background:#fff;color:#1767c7;box-shadow:0 2px 7px rgba(64,117,184,.12)}
.mx-nav #n_dashboard::before{content:'⌂'}.mx-nav #n_clients::before{content:'C'}.mx-nav #n_projects::before{content:'O'}.mx-nav #n_budgets::before{content:'P'}.mx-nav #n_calculator::before{content:'+'}.mx-nav #n_visits::before{content:'V'}.mx-nav #n_follow-ups::before{content:'S'}.mx-nav #n_locations::before{content:'⌖'}.mx-nav #n_catalog::before{content:'▦'}.mx-nav #n_tasks::before{content:'✓'}.mx-nav #n_production::before{content:'⚙'}.mx-nav #n_installations::before{content:'I'}.mx-nav #n_after-sales::before{content:'♡'}.mx-nav #n_users::before{content:'U'}.mx-nav #n_audit::before{content:'≡'}
.mx-nav button:last-child{margin-top:2px}.mx-nav button:last-child::before{content:'↪';background:#fff0f3;color:#c75b75}.mx-side::-webkit-scrollbar{width:6px}.mx-side::-webkit-scrollbar-thumb{background:#d7e3f1;border-radius:99px}.mx-side::-webkit-scrollbar-track{background:transparent}
@media(max-width:900px){.mx-side{width:232px}.mx-main{margin-left:232px!important}.mx-brand img{width:188px}.mx-nav button{font-size:11px}}
@media(max-width:650px){.mx-side{position:static;width:100%;height:auto}.mx-main{margin-left:0!important}.mx-brand{height:94px}.mx-nav button{font-size:13px}}