#root{height:100%}:root{--navy:#0c1631;--navy-50:#eaedf6;--navy-100:#d3d9ea;--navy-700:#141f42;--rosa:#ff005c;--laranja:#ffb000;--amarelo:#ffe500;--coral:#ff751f;--success:#1c8a4b;--danger:#d13b3b;--ink:#0c1631;--ink-muted:#5b6672;--surface:#fff;--canvas:#f4f6f8;--border:#dbe1e8;--mono:"IBM Plex Mono", monospace;--sans:"Inter", sans-serif;--grad:linear-gradient(135deg,#ff005c 0%, #ffb000 55%, #ffe500 100%)}*{box-sizing:border-box}html,body{height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);margin:0;overflow:hidden}button{font-family:var(--sans)}svg.ic{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:19px;height:19px}a{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c7cedb;border-radius:8px}#loginScreen{background:var(--navy);z-index:500;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#loginScreen:before{content:"";background:var(--grad);opacity:.14;filter:blur(60px);pointer-events:none;border-radius:50%;width:900px;height:900px;position:absolute;top:-320px;left:-260px}#loginScreen:after{content:"";background:var(--grad);opacity:.1;filter:blur(70px);pointer-events:none;border-radius:50%;width:700px;height:700px;position:absolute;bottom:-300px;right:-220px}.login-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;width:390px;padding:38px 34px 30px;position:relative;box-shadow:0 30px 60px #00000059}.login-logo{justify-content:center;margin-bottom:10px;display:flex}.login-logo .mark{object-fit:cover;border-radius:16px;width:64px;height:64px}.login-title{text-align:center;letter-spacing:.3px;margin-top:14px;font-size:20px;font-weight:800}.login-sub{text-align:center;color:#9aa7bc;font-size:12.5px;font-family:var(--mono);margin-top:4px;margin-bottom:26px}.login-field{margin-bottom:14px}.login-field label{color:#b9c6d6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.login-field input{color:#fff;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;outline:none;width:100%;padding:11px 13px;font-size:14px}.login-field input:focus{border-color:var(--laranja)}.login-field input::placeholder{color:#7c8ba0}.login-profiles{gap:6px;margin-bottom:20px;display:flex}.login-profile-btn{color:#b9c6d6;cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:9px 4px;font-size:11.5px;font-weight:700}.login-profile-btn.active{background:var(--laranja);color:#1a1200;border-color:var(--laranja)}.login-btn{background:var(--grad);color:#1a0d16;cursor:pointer;letter-spacing:.2px;border:none;border-radius:9px;width:100%;padding:13px;font-size:14.5px;font-weight:800}.login-btn:active{transform:scale(.99)}.login-foot{text-align:center;color:#7c8ba0;font-size:11.5px;font-family:var(--mono);margin-top:16px}.login-demo-note{color:#ffd98a;background:#ffb00014;border:1px solid #ffb00040;border-radius:8px;margin-top:18px;padding:10px 12px;font-size:11.5px;line-height:1.5}#app{flex-direction:column;height:100%;display:none}#app.on{display:flex}.topbar{background:var(--navy);color:#fff;z-index:60;flex-shrink:0;align-items:center;gap:14px;height:58px;padding:0 16px;display:flex;box-shadow:0 2px 10px #0000001f}.topbar .brand{white-space:nowrap;align-items:center;gap:9px;font-size:15.5px;font-weight:800;display:flex}.topbar .brand .mark{object-fit:cover;border-radius:7px;width:28px;height:28px}.topbar .brand .sep{background:#ffffff26;width:1px;height:20px;margin:0 4px}.topbar .brand .sub{font-family:var(--mono);color:#9aa7bc;font-size:11px;font-weight:500}#hamburger{color:#fff;cursor:pointer;background:0 0;border:none;padding:6px;display:none}.topbar .crumbs{color:#b9c6d6;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12.5px;display:flex;overflow:hidden}.topbar .crumbs b{color:#fff;font-weight:700}.topbar-spacer{flex:1}.search-wrap{width:290px;position:relative}.search-wrap input{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 34px;font-size:13px}.search-wrap input:focus{border-color:var(--laranja);background:#ffffff1a}.search-wrap input::placeholder{color:#8b98ab}.search-wrap svg{stroke:#9aa7bc;width:15px;height:15px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-results{z-index:80;background:#fff;border-radius:10px;width:100%;max-height:340px;display:none;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 14px 34px #0c163147}.search-results.on{display:block}.search-results .sr-group{text-transform:uppercase;letter-spacing:.5px;color:#8b98ab;padding:9px 12px 3px;font-size:10.5px;font-weight:800}.search-results .sr-item{cursor:pointer;color:var(--ink);flex-direction:column;padding:8px 12px;display:flex}.search-results .sr-item:hover{background:var(--canvas)}.search-results .sr-item .t{font-size:13px;font-weight:600}.search-results .sr-item .s{color:var(--ink-muted);font-size:11px;font-family:var(--mono)}.search-empty{text-align:center;color:var(--ink-muted);padding:16px;font-size:12.5px}.icon-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.icon-btn:hover{background:#ffffff1f}.badge-dot{background:var(--rosa);border:2px solid var(--navy);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}.panel{z-index:90;width:340px;color:var(--ink);background:#fff;border-radius:12px;display:none;position:absolute;top:52px;right:16px;overflow:hidden;box-shadow:0 18px 40px #0c16314d}.panel.on{display:block}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;font-size:13.5px;font-weight:800;display:flex}.panel-head span.lnk{color:var(--laranja);cursor:pointer;font-size:11.5px;font-weight:700}.panel-body{max-height:360px;overflow:auto}.notif-item{border-bottom:1px solid var(--border);cursor:default;gap:10px;padding:12px 16px;display:flex}.notif-item:last-child{border-bottom:none}.notif-item .dot{background:var(--laranja);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-item.read .dot{background:var(--border)}.notif-item .txt .t{font-size:12.5px;font-weight:700}.notif-item .txt .d{color:var(--ink-muted);margin-top:2px;font-size:11.5px}.notif-item .txt .tm{color:#9aa7bc;font-size:10.5px;font-family:var(--mono);margin-top:4px}.user-chip{cursor:pointer;background:#ffffff0f;border-radius:20px;align-items:center;gap:8px;padding:5px 10px 5px 5px;display:flex}.user-chip:hover{background:#ffffff1f}.user-avatar{background:var(--grad);color:#1a0d16;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:flex}.user-chip .un{font-size:12.5px;font-weight:700;line-height:1.1}.user-chip .ur{color:#9aa7bc;font-size:10px;font-family:var(--mono)}.user-menu-item{cursor:pointer;align-items:center;gap:9px;padding:11px 16px;font-size:12.8px;font-weight:600;display:flex}.user-menu-item:hover{background:var(--canvas)}.user-menu-item.danger{color:var(--danger)}.body-row{flex:1;min-height:0;display:flex}.sidebar{background:var(--navy-700);color:#fff;flex-shrink:0;width:264px;padding:14px 10px 20px;transition:width .18s,transform .2s;overflow-y:auto}.sidebar.collapsed{width:66px}.sidebar.collapsed .lbl,.sidebar.collapsed .grp-label,.sidebar.collapsed .grp-count{display:none}.side-home{cursor:pointer;border-radius:9px;align-items:center;gap:10px;margin-bottom:4px;padding:10px;font-size:13px;font-weight:700;display:flex}.side-home:hover,.side-home.active{background:#ffffff14}.side-home svg{color:var(--laranja)}.side-tour{cursor:pointer;background:linear-gradient(90deg,#ffb00029,#ff005c1a);border:1px dashed #ffb00066;border-radius:9px;align-items:center;gap:10px;margin-bottom:10px;padding:10px;font-size:13px;font-weight:700;display:flex}.side-tour svg{color:var(--amarelo)}.side-div{background:#ffffff14;height:1px;margin:10px 4px}.grp{margin-bottom:2px}.grp-label{letter-spacing:.6px;text-transform:uppercase;color:#7c8ba0;justify-content:space-between;padding:12px 10px 5px;font-size:10.5px;font-weight:800;display:flex}.nav-mod{cursor:pointer;color:#c7cfdd;border-radius:8px;align-items:center;gap:10px;margin-bottom:1px;padding:9px 10px;font-size:12.8px;font-weight:600;display:flex;position:relative}.nav-mod svg{color:#8b98ab;flex-shrink:0;width:17px;height:17px}.nav-mod .lbl{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-mod .tag{font-size:9px;font-family:var(--mono);letter-spacing:.3px;border-radius:20px;flex-shrink:0;margin-left:auto;padding:2px 6px;font-weight:800}.nav-mod.avail .tag{color:#5be69b;background:#1c8a4b2e}.nav-mod.locked .tag{color:#6b7690;background:#ffffff0f}.nav-mod:hover{color:#fff;background:#ffffff0f}.nav-mod.active{color:#fff;background:#ffb00024}.nav-mod.active svg{color:var(--laranja)}.nav-mod.locked{cursor:not-allowed;opacity:.5}.nav-mod.locked:hover{color:#c7cfdd;background:0 0}.nav-mod .sub-caret{color:#8b98ab;flex-shrink:0;margin-left:auto;transition:transform .15s}.nav-mod.expanded .sub-caret{color:#fff;transform:rotate(180deg)}.nav-submenu{flex-direction:column;padding:2px 0 4px;display:none}.nav-submenu.open{display:flex}.sub-item{color:#9aa7bc;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:7px;margin-bottom:1px;padding:7px 10px 7px 39px;font-size:11.6px;font-weight:600;overflow:hidden}.sub-item:hover{color:#fff;background:#ffffff0f}.sub-item.active{color:#fff;background:#ffb0001f;font-weight:700}.sidebar.collapsed .nav-submenu,.sidebar.collapsed .sub-caret{display:none}.collapse-toggle{cursor:pointer;color:#8b98ab;border-bottom:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:9px;font-size:11px;font-weight:700;display:flex}.collapse-toggle:hover{color:#fff;background:#ffffff0f}.sidebar-scrim{display:none}.main{background:var(--canvas);flex-direction:column;flex:1;min-width:0;display:flex}.content-area{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.sub-head{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;gap:12px;height:48px;padding:0 18px;display:flex}.sub-head .crumb{color:var(--ink-muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.sub-head .crumb b{color:var(--ink);font-weight:700}.sub-head .hbtn{border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:6px;margin-left:auto;padding:6px 11px;font-size:11.5px;font-weight:700;display:flex}.sub-head .hbtn:hover{background:var(--canvas)}.view{flex:1;min-height:0;position:relative;overflow:auto}.view-inner{max-width:1180px;margin:0 auto;padding:26px 26px 60px}#moduleFrameWrap{display:none;position:absolute;inset:0}#moduleFrameWrap.on{display:block}#moduleFrame{background:#fff;border:none;width:100%;height:100%}#frameLoading{background:var(--canvas);z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}#frameLoading.hide{display:none}.spin{border:3px solid var(--border);border-top-color:var(--laranja);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}#frameLoading .lt{color:var(--ink-muted);font-size:12.5px;font-family:var(--mono)}.hero{background:var(--navy);color:#fff;border-radius:16px;margin-bottom:22px;padding:34px;position:relative;overflow:hidden}.hero:after{content:"";background:var(--grad);opacity:.16;filter:blur(30px);border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-80px}.hero-tag{letter-spacing:.3px;background:#ffffff14;border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.hero-tag .dot{background:var(--success);border-radius:50%;width:6px;height:6px}.hero h1{max-width:640px;margin:0 0 8px;font-size:26px;font-weight:800}.hero p{color:#c7cfdd;max-width:600px;margin:0 0 20px;font-size:14px;line-height:1.55}.hero-actions{z-index:2;flex-wrap:wrap;gap:10px;display:flex;position:relative}.btn-primary{background:var(--grad);color:#1a0d16;cursor:pointer;border:none;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:800}.btn-ghost{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:700}.btn-ghost:hover{background:#ffffff24}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.kpi-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:16px 18px}.kpi-card .kl{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.kpi-card .kv{font-size:25px;font-weight:800;font-family:var(--mono);margin-top:6px}.kpi-card .kt{margin-top:6px;font-size:11.5px;font-weight:700}.kpi-card .kt.up{color:var(--success)}.sec-title{justify-content:space-between;align-items:center;margin:26px 0 12px;font-size:15px;font-weight:800;display:flex}.sec-title span.mut{color:var(--ink-muted);font-size:11.5px;font-weight:600;font-family:var(--mono)}.mod-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.mod-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:9px;padding:18px;transition:all .15s;display:flex}.mod-card:hover{border-color:var(--laranja);transform:translateY(-2px);box-shadow:0 10px 26px #0c16311a}.mod-card .mc-top{align-items:center;gap:10px;display:flex}.mod-card .mc-ic{background:var(--canvas);width:38px;height:38px;color:var(--navy);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mod-card .mc-ic svg{width:20px;height:20px}.mod-card .mc-code{font-family:var(--mono);color:var(--ink-muted);font-size:10px}.mod-card .mc-title{font-size:14px;font-weight:800}.mod-card .mc-desc{color:var(--ink-muted);flex:1;font-size:11.8px;line-height:1.45}.mod-card .mc-foot{color:var(--laranja);font-size:11px;font-family:var(--mono);justify-content:space-between;align-items:center;margin-top:2px;font-weight:700;display:flex}.grp-heading{text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);align-items:center;gap:8px;margin:26px 0 10px;font-size:12px;font-weight:800;display:flex}.grp-heading:after{content:"";background:var(--border);flex:1;height:1px}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip-mod{border:1px solid var(--border);color:var(--ink-muted);cursor:default;background:#fff;border-radius:20px;align-items:center;gap:7px;padding:8px 12px;font-size:11.8px;font-weight:700;display:flex}.chip-mod svg{width:14px;height:14px}.chip-mod.avail{cursor:pointer;color:var(--navy);background:#f1fbf5;border-color:#bfe6cf}.chip-mod.avail:hover{border-color:var(--success);box-shadow:0 4px 12px #1c8a4b26}.chip-mod .n{font-family:var(--mono);opacity:.7;font-size:10px}.journey{flex-direction:column;gap:0;margin-top:10px;display:flex}.journey-step{cursor:pointer;border-radius:10px;gap:14px;padding:10px 8px;display:flex}.journey-step:hover{background:#fff}.journey-marker{flex-direction:column;align-items:center;display:flex}.journey-marker .num{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.journey-marker .ln{background:var(--border);flex:1;width:2px;margin:2px 0}.journey-step:last-child .journey-marker .ln{display:none}.journey-content{padding-bottom:6px}.journey-content .jt{font-size:13px;font-weight:700}.journey-content .jd{color:var(--ink-muted);margin-top:2px;font-size:11.8px}#tourOverlay{z-index:600;background:#0c16318c;justify-content:center;align-items:flex-end;padding-bottom:40px;display:none;position:fixed;inset:0}#tourOverlay.on{display:flex}.tour-card{background:#fff;border-radius:14px;width:420px;max-width:90vw;padding:20px 22px;box-shadow:0 30px 60px #00000059}.tc-step{font-family:var(--mono);color:var(--laranja);letter-spacing:.5px;margin-bottom:6px;font-size:10.5px;font-weight:800}.tour-card h4{margin:0 0 8px;font-size:16px;font-weight:800}.tour-card p{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.55}.tour-actions{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.tour-dots{gap:5px;display:flex}.tour-dots span{background:var(--border);border-radius:50%;width:6px;height:6px}.tour-dots span.active{background:var(--laranja);border-radius:4px;width:16px}.tour-btns{gap:8px;display:flex}.btn-outline{border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;font-weight:700}@media (width<=900px){.sidebar{z-index:400;width:270px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-on{transform:translate(0)}#hamburger{justify-content:center;align-items:center;display:flex}.search-wrap{display:none}.sidebar-scrim{z-index:390;background:#0006;display:none;position:fixed;inset:0}.sidebar-scrim.on{display:block}.kpi-grid,.mod-grid{grid-template-columns:1fr 1fr}}