:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-height:100%;margin:0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin-top:0}input,select,textarea,button{font:inherit}*{box-sizing:border-box}:root{--qbi-blue:#0070d8;--qbi-blue-dark:#004d99;--qbi-blue-soft:#eaf4ffd1;--qbi-bg:#eef6ff;--qbi-card:#ffffffc7;--qbi-text:#102033;--qbi-muted:#6b7d90;--qbi-border:#b8d3efbd;--qbi-success:#11a36a;--qbi-warning:#f0a20a;--qbi-danger:#e5483e;--qbi-glass:#ffffffa3;--qbi-glass-strong:#ffffffd6;--qbi-shadow:0 20px 60px #00529e24;--qbi-shadow-soft:0 10px 30px #00529e1a;--qbi-radius:22px}html{scroll-behavior:smooth}body{color:var(--qbi-text);background:radial-gradient(circle at 12% 8%,#0070d824,#0000 34%),radial-gradient(circle at 84% 0,#11a36a1f,#0000 28%),linear-gradient(135deg,#f8fbff 0%,#eaf4ff 48%,#f5fbff 100%);min-height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#0070d809 1px,#0000 1px),linear-gradient(90deg,#0070d809 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 85%);mask-image:linear-gradient(#000c,#0000 85%)}button,input,select,textarea{font-family:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}a{color:inherit;text-decoration:none}.glass-panel,.glass-card,.placeholder-page{background:var(--qbi-glass);box-shadow:var(--qbi-shadow);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffffb8}.placeholder-page{border-radius:18px;padding:28px}.placeholder-page h2{color:var(--qbi-blue);margin:0 0 8px}.placeholder-page p{color:var(--qbi-muted);margin:0}.qbi-primary-btn,.qbi-light-btn,.qbi-glass-btn{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.qbi-primary-btn{background:linear-gradient(135deg, var(--qbi-blue), #005bbb);color:#fff;box-shadow:0 14px 28px #006fd647}.qbi-light-btn{color:var(--qbi-blue);background:#eaf4fff0;border:1px solid #0070d81f}.qbi-glass-btn{color:#fff;background:#ffffff38;border:1px solid #ffffff61}.qbi-primary-btn:hover,.qbi-light-btn:hover,.qbi-glass-btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px #005baa2e}.table-wrapper{overflow-x:auto}.qbi-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.qbi-table th{color:var(--qbi-blue);text-align:left;border-bottom:1px solid var(--qbi-border);background:#e3f2ffe0;padding:14px;font-size:13px}.qbi-table td{color:var(--qbi-text);background:#ffffff6b;border-bottom:1px solid #b8d3ef9e;padding:13px 14px;font-size:14px}.qbi-table tr:hover td{background:#eaf4ffb8}.status-badge{background:var(--qbi-blue-soft);color:var(--qbi-blue);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.qbi-page-loader{color:#334155;place-items:center;gap:12px;min-height:55vh;display:grid}.qbi-page-loader-dot{border:3px solid #006fd62e;border-top-color:var(--qbi-blue,#006fd6);border-radius:999px;width:34px;height:34px;animation:.85s linear infinite qbiSpin}@keyframes qbiSpin{to{transform:rotate(360deg)}}html,body,#root{overflow-x:hidden}img,svg,canvas,video{max-width:100%}.qbi-content{width:100%;max-width:100%;padding:clamp(14px,2.2vw,26px)}.qbi-header{gap:14px}.qbi-header-left,.qbi-header-right,.qbi-header-left>div,.qbi-user>div{min-width:0}.qbi-header h1,.qbi-header p,.qbi-user strong,.qbi-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qbi-search{width:min(330px,30vw);min-width:210px}.table-wrapper,.crud-table-wrapper,.qbi-table-wrap,.responsive-table,.ref-table-wrap,.catalog-table-wrap,.agenda-table-wrap,.document-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.qbi-table,.crud-table,table{max-width:100%}.glass-panel,.glass-card,.crud-card,.ref-panel,.qbi-modal,.modal-card,.corporate-modal{min-width:0}.qbi-primary-btn,.qbi-light-btn,.qbi-glass-btn,button,a{max-width:100%}.ref-kpi-grid,.ref-kpi-grid-extended,.crud-stats,.glass-stats,.service-stats,.agenda-stats-row,.ref-menu-map-grid,.report-kpi-grid,.alerts-kpi-grid,.documentos-kpi-grid,.personal-kpi-grid,.portal-kpi-grid,.catalog-kpi-grid,.orden360-kpi-grid,.ejecucion-kpi-grid,.tech-mobile-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.ref-grid-2,.ref-grid-main,.ref-grid-alerts,.ref-grid-bottom,.agenda-detail-grid,.agenda-values-grid,.portal-layout,.report-layout,.orden360-layout,.personal-layout,.config-layout{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:16px;display:grid}.ref-hero,.ref-hero-live,.tech-mobile-hero,.page-hero,.crud-page-header,.service-hero,.agenda-header,.report-header,.portal-header{min-width:0}.ref-hero-actions,.page-actions,.crud-actions,.service-actions,.agenda-actions,.report-actions,.portal-actions,.tech-task-actions{flex-wrap:wrap;gap:10px;display:flex}.ref-hero-actions>*,.page-actions>*,.crud-actions>*,.service-actions>*,.agenda-actions>*,.report-actions>*,.portal-actions>*{min-width:max-content}.qbi-form,.floating-form,.crud-form-grid,.agenda-form-grid,.modal-form-grid,.ref-form-grid,.service-form-grid,.catalog-form-grid,.qbi-form input,.qbi-form select,.qbi-form textarea,.floating-form input,.floating-form select,.floating-form textarea,input,select,textarea{max-width:100%}.qbi-modal-panel,.qbi-modal-card,.corporate-modal-panel,.modal-corporativo-panel,.agenda-modal-panel{flex-direction:column;width:min(1040px,100vw - 28px);max-height:min(92dvh,900px);display:flex;overflow:hidden}.qbi-modal-body,.corporate-modal-body,.modal-corporativo-body,.agenda-modal-body{-webkit-overflow-scrolling:touch;overflow:auto}.qbi-modal-footer,.corporate-modal-footer,.modal-corporativo-footer,.agenda-modal-footer{flex-wrap:wrap;gap:10px}@media (width<=1280px){.qbi-sidebar{width:246px}.qbi-main{width:calc(100% - 246px);margin-left:246px}.qbi-main-expanded{width:calc(100% - 78px);margin-left:78px}.qbi-search{width:min(280px,25vw)}}@media (width<=1024px){.qbi-header{min-height:auto;padding:12px 16px}.qbi-header h1{font-size:18px}.qbi-header p{font-size:12px}.qbi-user>div{display:none}.qbi-search{width:240px;min-width:180px}.ref-hero,.ref-hero-live,.tech-mobile-hero{grid-template-columns:1fr!important}}@media (width<=720px){.qbi-app{display:block}.qbi-sidebar{transition:transform .24s,box-shadow .24s;transform:translate(0);box-shadow:18px 0 45px #0f243938;width:min(304px,88vw)!important}.qbi-sidebar-collapsed{transform:translate(-108%)}.qbi-sidebar .qbi-brand strong,.qbi-sidebar .qbi-brand span,.qbi-sidebar .qbi-menu-item span,.qbi-sidebar .qbi-menu-section-title{display:block!important}.qbi-sidebar .qbi-menu-item{justify-content:flex-start;width:100%;padding:0 10px}.qbi-main,.qbi-main-expanded{width:100%!important;margin-left:0!important}.qbi-header{flex-direction:column;align-items:stretch;padding:10px 12px;position:sticky}.qbi-header-left{width:100%}.qbi-header-left>div{flex:1}.qbi-header-right{grid-template-columns:1fr auto auto auto;gap:8px;width:100%;display:grid}.qbi-search{order:3;grid-column:1/-1;width:100%;min-width:0}.qbi-notification-wrap,.qbi-notification,.qbi-user,.qbi-logout-btn{justify-self:end}.qbi-content{padding:12px}.ref-kpi-grid,.ref-kpi-grid-extended,.crud-stats,.glass-stats,.service-stats,.agenda-stats-row,.ref-menu-map-grid,.report-kpi-grid,.alerts-kpi-grid,.documentos-kpi-grid,.personal-kpi-grid,.portal-kpi-grid,.catalog-kpi-grid,.orden360-kpi-grid,.ejecucion-kpi-grid,.tech-mobile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ref-grid-2,.ref-grid-main,.ref-grid-alerts,.ref-grid-bottom,.agenda-detail-grid,.agenda-values-grid,.portal-layout,.report-layout,.orden360-layout,.personal-layout,.config-layout{grid-template-columns:1fr!important}.ref-hero-actions>*,.page-actions>*,.crud-actions>*,.service-actions>*,.agenda-actions>*,.report-actions>*,.portal-actions>*{flex:100%;width:100%;min-width:0}.qbi-modal-footer>*,.corporate-modal-footer>*,.modal-corporativo-footer>*,.agenda-modal-footer>*{width:100%}.qbi-notification-panel{width:calc(100vw - 24px);max-width:380px;left:auto;right:0}}@media (width<=460px){.qbi-header h1{font-size:16px}.qbi-header p{white-space:normal;line-height:1.25}.ref-kpi-grid,.ref-kpi-grid-extended,.crud-stats,.glass-stats,.service-stats,.agenda-stats-row,.ref-menu-map-grid,.report-kpi-grid,.alerts-kpi-grid,.documentos-kpi-grid,.personal-kpi-grid,.portal-kpi-grid,.catalog-kpi-grid,.orden360-kpi-grid,.ejecucion-kpi-grid,.tech-mobile-stats{grid-template-columns:1fr!important}.qbi-primary-btn,.qbi-light-btn,.qbi-glass-btn{width:100%}}.qbi-mobile-sidebar-backdrop{display:none}@media (width<=720px){.qbi-mobile-sidebar-backdrop{z-index:19;-webkit-backdrop-filter:blur(2px);background:#08182b47;border:0;display:block;position:fixed;inset:0}.qbi-sidebar{z-index:21}}.qbi-app{min-height:100vh;display:flex}.qbi-sidebar{z-index:20;-webkit-backdrop-filter:blur(18px);background:#ffffffad;border-right:1px solid #b8d3efc7;width:270px;min-height:100vh;padding:20px 14px;transition:width .25s;position:fixed;top:0;left:0;box-shadow:14px 0 40px #00529e14}.qbi-sidebar-collapsed{width:86px}.qbi-brand{border-bottom:1px solid var(--qbi-border);align-items:center;gap:12px;margin-bottom:18px;padding:8px 8px 20px;display:flex}.qbi-brand-icon{background:linear-gradient(135deg, var(--qbi-blue), var(--qbi-blue-dark));color:#fff;border-radius:15px;place-items:center;width:44px;height:44px;font-size:24px;font-weight:900;display:grid;box-shadow:0 12px 24px #0070d847}.qbi-brand strong{color:var(--qbi-blue);font-size:20px;display:block}.qbi-brand span{color:var(--qbi-muted);font-size:12px}.qbi-menu{flex-direction:column;gap:6px;display:flex}.qbi-menu-item{color:#23425d;border-radius:15px;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-weight:700;transition:all .2s;display:flex;position:relative}.qbi-menu-item:before{content:"";background:0 0;border-radius:99px;width:4px;position:absolute;inset:7px auto 7px 8px}.qbi-menu-item:hover{color:var(--qbi-blue);background:#eaf4ffeb;transform:translate(2px)}.qbi-menu-item.active{background:linear-gradient(135deg, var(--qbi-blue), #005fbd);color:#fff;box-shadow:0 12px 26px #006fd647}.qbi-menu-item.active:before{background:#fffc}.qbi-main{width:calc(100% - 270px);margin-left:270px;transition:all .25s}.qbi-main-expanded{width:calc(100% - 86px);margin-left:86px}.qbi-header{-webkit-backdrop-filter:blur(18px);z-index:10;background:#ffffff94;border-bottom:1px solid #b8d3efc2;justify-content:space-between;align-items:center;min-height:82px;padding:14px 26px;display:flex;position:sticky;top:0}.qbi-header-left{align-items:center;gap:14px;display:flex}.qbi-header h1{color:var(--qbi-blue);margin:0;font-size:22px}.qbi-header p{color:var(--qbi-muted);margin:2px 0 0;font-size:13px}.qbi-icon-btn,.qbi-notification{color:var(--qbi-blue);background:#ffffffbd;border:1px solid #b8d3efeb;border-radius:14px;place-items:center;width:42px;height:42px;transition:all .18s;display:grid}.qbi-icon-btn:hover,.qbi-notification:hover{box-shadow:var(--qbi-shadow-soft);transform:translateY(-1px)}.qbi-header-right{align-items:center;gap:14px;display:flex}.qbi-search{width:330px;height:42px;color:var(--qbi-muted);background:#ffffffc2;border:1px solid #b8d3efeb;border-radius:14px;align-items:center;gap:8px;padding:0 12px;display:flex}.qbi-search input{width:100%;color:var(--qbi-text);background:0 0;border:0;outline:0}.qbi-notification{position:relative}.qbi-notification span{background:var(--qbi-danger);color:#fff;border-radius:999px;padding:2px 6px;font-size:11px;position:absolute;top:-5px;right:-4px}.qbi-user{align-items:center;gap:10px;display:flex}.qbi-user-avatar{background:linear-gradient(135deg, var(--qbi-blue), var(--qbi-blue-dark));color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 12px 24px #0070d840}.qbi-user strong{font-size:13px;display:block}.qbi-user span{color:var(--qbi-muted);font-size:12px;display:block}.qbi-content{padding:26px}@media (width<=900px){.qbi-sidebar{width:86px}.qbi-sidebar .qbi-brand span,.qbi-sidebar .qbi-brand strong,.qbi-sidebar .qbi-menu-item span{display:none}.qbi-main,.qbi-main-expanded{width:calc(100% - 86px);margin-left:86px}.qbi-header{flex-direction:column;align-items:flex-start;gap:14px}.qbi-header-right{flex-wrap:wrap;width:100%}.qbi-search{width:100%}}.qbi-logout-btn{border:1px solid var(--qbi-border);width:42px;height:42px;color:var(--qbi-danger);background:#ffffffdb;border-radius:14px;place-items:center;transition:all .18s;display:grid}.qbi-logout-btn:hover{background:#fff0ef;transform:translateY(-1px)}.qbi-brand-logo{object-fit:contain;border:1px solid var(--qbi-border);background:#fff;border-radius:14px;width:44px;height:44px}.qbi-sidebar{scrollbar-width:thin;overflow:hidden auto}.qbi-sidebar::-webkit-scrollbar{width:8px}.qbi-sidebar::-webkit-scrollbar-thumb{background:#0070d838;border-radius:999px}.qbi-brand-logo{object-fit:contain;max-width:54px;max-height:54px}.qbi-sidebar-collapsed .qbi-menu-item{justify-content:center;padding-inline:0}.qbi-sidebar-collapsed .qbi-brand{justify-content:center}.qbi-notification-footer{color:#fff;cursor:pointer;background:linear-gradient(135deg,#006fd6,#00a6d6);border:0;border-radius:14px;width:calc(100% - 24px);min-height:38px;margin:10px 12px 12px;font-weight:800;box-shadow:0 12px 25px #006fd633}.qbi-notification-footer:hover{filter:brightness(1.03)}.qbi-menu-section{border-bottom:1px solid #b8d3ef6b;padding:6px 0 10px}.qbi-menu-section:last-child{border-bottom:0}.qbi-menu-section-title{color:#24425f;padding:8px 10px 7px}.qbi-menu-section-title strong{color:var(--qbi-blue-dark);letter-spacing:.075em;text-transform:uppercase;font-size:11px;font-weight:950;display:block}.qbi-menu-section-title small{color:var(--qbi-muted);margin-top:2px;font-size:11px;font-weight:650;line-height:1.25;display:block}.qbi-menu-section-items{flex-direction:column;gap:5px;display:flex}.qbi-sidebar-collapsed .qbi-menu{gap:10px}.qbi-sidebar-collapsed .qbi-menu-section{border-bottom:1px solid #b8d3ef57;padding:4px 0 8px}.qbi-sidebar-collapsed .qbi-menu-section-items{align-items:center}@media (width<=900px){.qbi-menu-section-title{display:none}.qbi-menu-section{padding:4px 0 8px}}.qbi-sidebar{flex-direction:column;height:100dvh;min-height:0;padding:14px 12px 10px;display:flex;overflow:hidden!important}.qbi-brand{flex:none;margin-bottom:10px;padding:6px 8px 12px}.qbi-menu{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;padding:0 4px 22px 0;overflow:hidden auto}.qbi-menu::-webkit-scrollbar{width:8px}.qbi-menu::-webkit-scrollbar-track{background:0 0}.qbi-menu::-webkit-scrollbar-thumb{background:#0070d842;border-radius:999px}.qbi-menu-section{padding:4px 0 7px}.qbi-menu-section-title{padding:5px 10px 4px}.qbi-menu-section-title strong{font-size:10px}.qbi-menu-section-title small{font-size:10px;line-height:1.15}.qbi-menu-section-items{gap:3px}.qbi-menu-item{border-radius:13px;gap:10px;min-height:38px;padding:0 10px;font-size:13px}.qbi-menu-item svg{flex:none}.qbi-sidebar-collapsed .qbi-menu-item{width:46px;height:42px;min-height:42px}@media (height<=760px){.qbi-sidebar{padding-top:10px}.qbi-brand{margin-bottom:6px;padding-bottom:8px}.qbi-brand-icon,.qbi-brand-logo{width:38px;height:38px}.qbi-menu-item{min-height:34px;font-size:12.5px}.qbi-menu-section-title small{display:none}}@media (width<=900px){.qbi-sidebar{width:78px;height:100dvh;padding-inline:8px}.qbi-sidebar-collapsed{width:78px}.qbi-main,.qbi-main-expanded{width:calc(100% - 78px);margin-left:78px}}.access-denied-card{text-align:center;border:1px solid #b8d3efcc;border-radius:24px;max-width:680px;margin:44px auto;padding:28px}.access-denied-card strong{color:var(--qbi-blue);margin-bottom:8px;font-size:24px;display:block}.access-denied-card p{color:var(--qbi-muted);margin:0;font-weight:700}
