.side-menu{background:#102235;border-right:1px solid rgba(255,255,255,.12);bottom:0;box-shadow:14px 0 34px #10223524;color:#fff;display:grid;grid-template-rows:auto 1fr auto;left:0;padding:14px 10px;position:fixed;top:0;transition:width .18s ease;width:218px;z-index:50}.side-menu.collapsed{width:74px}.menu-brand{align-items:center;display:flex;justify-content:flex-end;margin-bottom:18px}.menu-collapse-button{align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:30px;justify-content:center;width:30px}.menu-collapse-button:hover{background:#ffffff2e}.side-menu.collapsed .menu-collapse-button{margin:0 auto}.side-menu nav{display:grid;gap:8px;align-content:start}.side-menu a,.menu-group-button{align-items:center;border:0;border-radius:8px;color:#d2dde6;display:grid;gap:12px;grid-template-columns:24px 1fr;min-height:44px;overflow:hidden;padding:0 12px;text-decoration:none}.menu-group-button{background:transparent;cursor:pointer;font:inherit;text-align:left;width:100%}.side-menu a:hover,.side-menu a.active,.menu-group-button:hover,.menu-group-button.active{background:#ffffff1a;color:#fff}.side-menu a span,.menu-group-button span{font-size:14px;font-weight:900;white-space:nowrap}.menu-group{display:grid;gap:6px}.menu-group-button{grid-template-columns:24px 1fr 16px}.menu-chevron{transition:transform .16s ease}.menu-group.open .menu-chevron{transform:rotate(180deg)}.submenu{border-left:1px solid rgba(255,255,255,.14);display:grid;gap:4px;margin-left:23px;padding-left:9px}.submenu a{min-height:38px}.submenu a span{font-size:13px}.side-menu.collapsed a,.side-menu.collapsed .menu-group-button{grid-template-columns:24px;justify-content:center;padding:0}.side-menu.collapsed a span,.side-menu.collapsed .menu-group-button span,.side-menu.collapsed .menu-chevron,.side-menu.collapsed .submenu{display:none}.theme-switch{align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;cursor:pointer;display:grid;gap:8px;grid-template-columns:20px 1fr;min-height:42px;overflow:hidden;padding:0 12px;width:100%}.menu-footer{display:grid;gap:8px}.theme-switch span{font-size:13px;font-weight:900}.side-menu.collapsed .theme-switch{grid-template-columns:20px;justify-content:center;padding:0}.side-menu.collapsed .theme-switch span{display:none}:root[data-theme=dark]{color-scheme:dark}.access-blocked{align-items:center;background:#102235b8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:120}.access-blocked>div{background:#fff;border-radius:8px;box-shadow:0 24px 70px #10223547;color:#102235;display:grid;gap:10px;max-width:420px;padding:22px;text-align:center}.access-blocked strong{font-size:22px}.access-blocked span{color:#526174;line-height:1.4}.access-blocked a{align-items:center;background:#ffbe0b;border-radius:999px;color:#102235;display:inline-flex;font-weight:900;justify-content:center;min-height:42px;padding:0 16px;text-decoration:none}@media(max-width:760px){.side-menu{width:66px}.side-menu:not(.collapsed){width:210px}}:root{--page-bg: #eef2f5;--page-gradient: linear-gradient(135deg, #f7fafc 0%, #e9eef2 60%, #f5f7f9 100%);--surface: rgba(255, 255, 255, .94);--surface-solid: #ffffff;--surface-soft: #fbfcfd;--text: #17202e;--muted: #657184;--line: #dce3ea;--line-soft: #e1e8ee}:root[data-theme=dark]{--page-bg: #0d1520;--page-gradient: linear-gradient(135deg, #0d1520 0%, #111c2a 60%, #0f1722 100%);--surface: rgba(20, 32, 46, .94);--surface-solid: #14202e;--surface-soft: #182536;--text: #e8eef5;--muted: #9fb0c0;--line: #2a3a4d;--line-soft: #304154;color-scheme:dark}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell,:root[data-theme=dark] .clientes-shell,:root[data-theme=dark] .import-shell,:root[data-theme=dark] .users-shell,:root[data-theme=dark] .config-shell{background:var(--page-gradient);color:var(--text)}:root[data-theme=dark] .panel,:root[data-theme=dark] .metric,:root[data-theme=dark] .metric-card,:root[data-theme=dark] .client-form,:root[data-theme=dark] .client-board,:root[data-theme=dark] .import-panel,:root[data-theme=dark] .grid-panel,:root[data-theme=dark] .modal-section,:root[data-theme=dark] .access-modal,:root[data-theme=dark] .access-panel,:root[data-theme=dark] .form-card,:root[data-theme=dark] .profile-builder,:root[data-theme=dark] .profile-panel,:root[data-theme=dark] .impact-panel{background:var(--surface);border-color:var(--line);color:var(--text)}:root[data-theme=dark] .config-hero{color:#fff}:root[data-theme=dark] .section-card,:root[data-theme=dark] .client-row-card,:root[data-theme=dark] .user-row,:root[data-theme=dark] .collab-card,:root[data-theme=dark] .preview-card,:root[data-theme=dark] .collab-row,:root[data-theme=dark] .profile-row,:root[data-theme=dark] .check,:root[data-theme=dark] .profile-preview,:root[data-theme=dark] .search-box{background:var(--surface-soft);border-color:var(--line-soft);color:var(--text)}:root[data-theme=dark] .permission-card,:root[data-theme=dark] .module-card,:root[data-theme=dark] .impact-card{background:var(--surface-soft);border-color:var(--line-soft);color:var(--text)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--surface-solid);border-color:var(--line);color:var(--text)}:root[data-theme=dark] .field span,:root[data-theme=dark] .metric span,:root[data-theme=dark] .metric-card span,:root[data-theme=dark] .empty,:root[data-theme=dark] small,:root[data-theme=dark] .user-row span,:root[data-theme=dark] .client-row-title span,:root[data-theme=dark] .panel-title p,:root[data-theme=dark] .table-header,:root[data-theme=dark] .identity-cell small,:root[data-theme=dark] .contact-cell,:root[data-theme=dark] .empty-state{color:var(--muted)}:root[data-theme=dark] .form-title,:root[data-theme=dark] .list-title,:root[data-theme=dark] .panel-title,:root[data-theme=dark] .modal-head,:root[data-theme=dark] .board-title{border-color:var(--line-soft)}:root[data-theme=dark] .profile-pill,:root[data-theme=dark] .profile-preview span,:root[data-theme=dark] .panel-head strong{background:var(--surface-solid);color:var(--text)}:root[data-theme=dark] .module-card em,:root[data-theme=dark] .profile-actions em,:root[data-theme=dark] .edit-inline,:root[data-theme=dark] .block-title-row>span{background:var(--surface-solid);color:var(--text)}:root[data-theme=dark] .form-actions,:root[data-theme=dark] .builder-head,:root[data-theme=dark] .impact-head,:root[data-theme=dark] .config-block{border-color:var(--line-soft)}
