@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700;9..40,900&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700;9..40,900&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700;9..40,900&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700;9..40,900&display=swap";:root{--db-bg:#f0f4ff;--db-card:#fff;--db-card-h:#f5f7ff;--db-border:#e2e6f0;--db-text:#1a1f2e;--db-muted:#888b8d;--db-blue:#4772f9;--db-red:#ff2600;--db-green:#22c97a;--db-amber:#f5a623;--db-teal:#17c4c4;--db-purple:#7c3aed;--db-shadow:0 2px 12px #4772f914;--db-shadow-lg:0 8px 32px #4772f91f}.db-root{color:var(--db-text);background:var(--db-bg);min-height:100vh;padding:16px;font-family:DM Sans,sans-serif}.db-header{margin-bottom:16px}.db-header-title{color:var(--db-text);letter-spacing:-.03em;font-size:20px;font-weight:900;line-height:1}.db-header-title span{color:var(--db-blue)}.db-header-sub{color:var(--db-muted);margin-top:3px;font-size:11px;font-weight:600}.db-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.db-select{background:var(--db-card);border:1.5px solid var(--db-border);color:var(--db-text);cursor:pointer;border-radius:8px;outline:none;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:border-color .15s,box-shadow .15s}.db-select:focus{border-color:var(--db-blue);box-shadow:0 0 0 3px #4772f91a}.db-pill{background:var(--db-card);border:1.5px solid var(--db-border);color:var(--db-muted);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s}.db-pill:hover,.db-pill.active{background:var(--db-blue);border-color:var(--db-blue);color:#fff}.db-pill.active-red{background:var(--db-red);border-color:var(--db-red);color:#fff}.db-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}.db-kpi{background:var(--db-card);border:1px solid var(--db-border);box-shadow:var(--db-shadow);border-radius:12px;padding:14px 16px;transition:box-shadow .15s,transform .15s}.db-kpi:hover{box-shadow:var(--db-shadow-lg);transform:translateY(-1px)}.db-kpi-label{color:var(--db-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:9px;font-weight:700}.db-kpi-value{color:var(--db-text);letter-spacing:-.03em;font-size:20px;font-weight:900;line-height:1}.db-kpi-sub{color:var(--db-muted);margin-top:4px;font-size:10px}.db-kpi-badge{border:1px solid;border-radius:5px;align-items:center;gap:3px;margin-top:6px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.db-chart-card{background:var(--db-card);border:1px solid var(--db-border);box-shadow:var(--db-shadow);border-radius:12px;margin-bottom:12px;overflow:hidden}.db-chart-header{border-bottom:1px solid var(--db-border);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.db-chart-title{color:var(--db-text);letter-spacing:-.01em;font-size:12px;font-weight:700}.db-chart-sub{color:var(--db-muted);margin-top:2px;font-size:10px}.db-chart-body{padding:12px 16px}.db-grid-2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.db-grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px;display:grid}@media (width<=900px){.db-grid-2,.db-grid-3{grid-template-columns:1fr}}.db-table-card{background:var(--db-card);border:1px solid var(--db-border);box-shadow:var(--db-shadow);border-radius:12px;margin-bottom:12px;overflow:hidden}.db-table-header{border-bottom:1px solid var(--db-border);background:var(--db-card);justify-content:space-between;align-items:center;gap:8px;padding:11px 16px;display:flex}.db-table-title{color:var(--db-text);font-size:12px;font-weight:700}.db-search{background:var(--db-card-h);border:1.5px solid var(--db-border);color:var(--db-text);border-radius:6px;outline:none;padding:6px 9px;font-family:DM Sans,sans-serif;font-size:11px;transition:border-color .15s}.db-search:focus{border-color:var(--db-blue)}.db-search::placeholder{color:var(--db-muted)}table.db-table{border-collapse:collapse;width:100%}table.db-table thead tr{background:var(--db-card-h)}table.db-table th{color:var(--db-muted);text-transform:uppercase;letter-spacing:.07em;text-align:right;white-space:nowrap;border-bottom:1px solid var(--db-border);padding:9px 11px;font-size:9px;font-weight:700}table.db-table th:first-child{text-align:left}table.db-table td{color:var(--db-text);text-align:right;border-top:1px solid var(--db-border);padding:10px 11px;font-size:12px}table.db-table td:first-child{text-align:left}table.db-table tbody tr{cursor:pointer;transition:background .1s}table.db-table tbody tr:hover{background:var(--db-card-h)}.db-loading{background:var(--db-bg);height:60vh;color:var(--db-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.db-spinner{border:3px solid var(--db-border);border-top-color:var(--db-blue);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite db-spin}@keyframes db-spin{to{transform:rotate(360deg)}}.db-loading-text{font-size:13px;font-weight:600}.db-tooltip{background:var(--db-card);border:1px solid var(--db-border);box-shadow:var(--db-shadow-lg);border-radius:8px;padding:8px 12px;font-size:11px}.db-tooltip-title{color:var(--db-text);margin-bottom:4px;font-weight:700}.db-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:800;background:#4772f926;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.db-modal{background:var(--db-card);border:1px solid var(--db-border);box-shadow:var(--db-shadow-lg);border-radius:16px;width:100%;max-width:680px;max-height:88vh;overflow-y:auto}.db-modal-header{border-bottom:1px solid var(--db-border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.db-modal-title{color:var(--db-text);font-size:15px;font-weight:900}.db-modal-close{background:var(--db-card-h);border:1px solid var(--db-border);cursor:pointer;width:30px;height:30px;color:var(--db-muted);border-radius:7px;justify-content:center;align-items:center;font-size:16px;transition:background .15s,color .15s;display:flex}.db-modal-close:hover{color:var(--db-red);background:#ff260015}.db-modal-body{padding:18px 20px}.db-pagination{border-top:1px solid var(--db-border);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.db-page-info{color:var(--db-muted);font-size:10px}.db-page-btn{border:1px solid var(--db-border);width:26px;height:26px;color:var(--db-muted);cursor:pointer;background:0 0;border-radius:6px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;transition:all .15s}.db-page-btn:hover{border-color:var(--db-blue);color:var(--db-blue)}.db-page-btn.active{background:var(--db-blue);border-color:var(--db-blue);color:#fff}.db-page-btn:disabled{opacity:.3;cursor:not-allowed}.db-sem-green{color:#22c97a;background:#22c97a18;border:1px solid #22c97a33}.db-sem-yellow{color:#f5a623;background:#f5a62318;border:1px solid #f5a62333}.db-sem-red{color:#ff2600;background:#ff260018;border:1px solid #ff260033}.db-bottom-nav{background:var(--db-card);border-top:1px solid var(--db-border);z-index:500;padding:8px 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #4772f914}.vd-suc-card{border:1px solid var(--db-border);cursor:pointer;border-radius:10px;flex:0 0 130px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,transform .15s}.vd-suc-card:hover{border-color:var(--db-teal);transform:translateY(-1px);box-shadow:0 4px 12px #17c4c426}.sb-root{z-index:10;background:#fff;border-right:1px solid #e2e6f0;flex-direction:column;flex-shrink:0;width:220px;height:100vh;font-family:DM Sans,sans-serif;transition:width .28s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden;box-shadow:2px 0 12px #4772f90f}.sb-root.collapsed{width:64px}@media (width<=768px){.sb-root{z-index:500;border-right:none;position:fixed;top:0;bottom:0;left:0;transform:translate(0);box-shadow:4px 0 32px #4772f926;width:260px!important}.sb-root.collapsed{box-shadow:none;width:0!important}}.sb-logo{background:#4772f9;border-bottom:1px solid #e2e6f0;flex-shrink:0;align-items:center;gap:10px;min-height:68px;padding:16px 14px;display:flex;overflow:hidden}.sb-logo-wrap{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000026}.sb-logo-wrap img{object-fit:contain;mix-blend-mode:multiply;width:34px;height:34px}.sb-logo-text{white-space:nowrap;overflow:hidden}.sb-logo-name{color:#fff;letter-spacing:-.03em;font-size:16px;font-weight:900;line-height:1}.sb-logo-name span{color:#ff2600}.sb-logo-sub{color:#ffffffb3;letter-spacing:.04em;margin-top:2px;font-size:10px;font-weight:600}.sb-toggle{cursor:pointer;color:#888b8d;z-index:20;background:#fff;border:1.5px solid #e2e6f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;top:50%;right:-13px;transform:translateY(-50%);box-shadow:0 2px 8px #4772f91a}.sb-toggle:hover{color:#fff;background:#4772f9;border-color:#4772f9}@media (width<=768px){.sb-toggle{display:none}}.sb-nav{flex:1;padding:10px 8px;overflow:hidden auto}.sb-nav::-webkit-scrollbar{width:3px}.sb-nav::-webkit-scrollbar-track{background:0 0}.sb-nav::-webkit-scrollbar-thumb{background:#e2e6f0;border-radius:2px}.sb-section-label{color:#888b8d;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px 4px;font-size:9px;font-weight:700}.sb-item{color:#888b8d;white-space:nowrap;border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative;overflow:visible}.sb-item:hover{background:var(--accent-bg,#4772f918);color:var(--accent,#4772f9)}.sb-item.active{background:var(--accent-bg,#4772f918);color:var(--accent,#4772f9);font-weight:700}.sb-item.active .sb-item-label{font-weight:700}.sb-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;display:flex}.sb-item-text{min-width:0;overflow:hidden}.sb-item-label{color:inherit;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sb-item-desc{color:#b0b7c9;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.sb-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;background:#1a1f2e;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 4px 12px #0003}.sb-item:hover .sb-tooltip{opacity:1}.sb-sep{background:#e2e6f0;height:1px;margin:8px 4px}.sb-divider{background:#e2e6f0;flex-shrink:0;height:1px}.sb-user{flex-shrink:0;align-items:center;gap:10px;padding:12px 10px;display:flex;overflow:hidden}.sb-root.collapsed .sb-user{justify-content:center;padding:12px 0}.sb-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:flex}.sb-user-info{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sb-user-name{color:#1a1f2e;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.sb-user-rol{border:1px solid;border-radius:4px;margin-top:3px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.sb-logout{cursor:pointer;color:#888b8d;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;margin:0 0 4px;padding:10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex;overflow:hidden}.sb-root.collapsed .sb-logout{justify-content:center;padding:10px 0}.sb-logout:hover{color:#ff2600;background:#ff260015}.layout-root{background:#f0f4ff;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.layout-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:499;background:#4772f940;display:none;position:fixed;inset:0}.layout-overlay.visible{display:block}.layout-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.layout-topbar{background:#fff;border-bottom:1px solid #e2e6f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 20px;display:flex;box-shadow:0 2px 8px #4772f90f}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.topbar-hamburger{cursor:pointer;color:#888b8d;background:#f0f4ff;border:1px solid #e2e6f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:none}.topbar-hamburger:hover{color:#4772f9;background:#4772f915}@media (width<=768px){.topbar-hamburger{display:flex}}.topbar-divider{background:#e2e6f0;flex-shrink:0;width:1px;height:24px}.topbar-route{min-width:0;overflow:hidden}.topbar-title{color:#1a1f2e;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:900;overflow:hidden}.topbar-title span{color:var(--accent,#4772f9)}.topbar-sub{color:#888b8d;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-live{color:#22c97a;background:#22c97a15;border:1px solid #22c97a33;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:700;display:flex}.topbar-live-dot{background:#22c97a;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-live}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.4}}.topbar-date{color:#888b8d;white-space:nowrap;background:#f0f4ff;border:1px solid #e2e6f0;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:600}@media (width<=480px){.topbar-date,.topbar-sub{display:none}}.layout-page{-webkit-overflow-scrolling:touch;background:#f0f4ff;flex:1;overflow:hidden auto}.layout-page::-webkit-scrollbar{width:4px}.layout-page::-webkit-scrollbar-track{background:#f0f4ff}.layout-page::-webkit-scrollbar-thumb{background:#d8dde8;border-radius:2px}@supports (padding:max(0px)){.layout-page{padding-bottom:max(0px, env(safe-area-inset-bottom))}}.layout-no-access{background:linear-gradient(145deg,#f0f4ff 0%,#e8eeff 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;font-family:DM Sans,sans-serif;display:flex}.layout-no-access-card{text-align:center;background:#fff;border:1px solid #e2e6f0;border-radius:20px;width:100%;max-width:420px;padding:40px 32px;box-shadow:0 20px 60px #4772f91f}.layout-no-access-icon{margin-bottom:16px;font-size:52px}.layout-no-access-title{color:#1a1f2e;margin-bottom:8px;font-size:20px;font-weight:900}.layout-no-access-text{color:#888b8d;margin-bottom:20px;font-size:13px;line-height:1.6}.layout-no-access-warn{color:#f5a623;background:#f5a62315;border:1px solid #f5a62344;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:12px;font-weight:600}.layout-no-access-btn{color:#888b8d;cursor:pointer;background:0 0;border:1.5px solid #e2e6f0;border-radius:10px;width:100%;padding:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:border-color .15s,color .15s}.layout-no-access-btn:hover{color:#ff2600;border-color:#ff2600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.lg-bg{background:linear-gradient(145deg,#f0f4ff 0%,#e8eeff 50%,#f5f0ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}.lg-bg:before{content:"";pointer-events:none;background:radial-gradient(circle,#4772f91f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.lg-bg:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff260012 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.lg-shell{z-index:1;width:100%;max-width:420px;position:relative}.lg-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #4772f926,0 4px 16px #00000014}.lg-topbar{background:#4772f9;flex-direction:column;gap:14px;padding:24px 28px 20px;display:flex}.lg-brand{align-items:center;gap:14px;display:flex}.lg-logo-wrap{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000002e}.lg-logo-wrap img{object-fit:contain;mix-blend-mode:multiply;width:54px;height:54px}.lg-brand-name{color:#fff;letter-spacing:-.03em;font-size:23px;font-weight:900;line-height:1}.lg-brand-name span{color:#ff2600}.lg-brand-sub{color:#ffffffb8;letter-spacing:.04em;margin-top:4px;font-size:11px;font-weight:600}.lg-badge{color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:5px 12px;font-size:10px;font-weight:700;display:inline-flex}.lg-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.lg-body{padding:28px 28px 20px}.lg-field{margin-bottom:16px}.lg-label{color:#888b8d;letter-spacing:.07em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.lg-input-wrap{position:relative}.lg-input{color:#1a1f2e;-webkit-appearance:none;background:#fff;border:1.5px solid #d8dde8;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}.lg-input::placeholder{color:#b0b7c9;font-weight:400}.lg-input:focus{border-color:#4772f9;box-shadow:0 0 0 3px #4772f91f}.lg-input-pass{padding-right:44px}.lg-eye-btn{cursor:pointer;color:#b0b7c9;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lg-eye-btn:hover{color:#4772f9}.lg-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:#ff2600;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:800;transition:background .15s,transform .1s,box-shadow .15s;display:flex;box-shadow:0 6px 20px #ff260059}.lg-btn:hover:not(:disabled){background:#e02200;transform:translateY(-1px);box-shadow:0 8px 24px #ff260066}.lg-btn:active:not(:disabled){transform:translateY(0)}.lg-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.lg-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lg-footer{border-top:1px solid #f0f2f8;flex-direction:column;align-items:center;gap:8px;padding:16px 28px 24px;display:flex}.lg-divider{align-items:center;gap:10px;width:100%;display:flex}.lg-divider-line{background:#eef0f6;flex:1;height:1px}.lg-divider-text{color:#b0b7c9;white-space:nowrap;font-size:10px;font-weight:600}.lg-copyright{color:#b0b7c9;text-align:center;font-size:10px}@media (width<=480px){.lg-topbar,.lg-body,.lg-footer{padding-left:20px;padding-right:20px}}