@import url("https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@400;700;800;900&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");:root{--carbon:#0e0f11;--carbon-80:#1c1e22;--carbon-60:#2c2f36;--carbon-40:#454a52;--hueso:#f4f1eb;--ambar:#e26b1f;--ambar-dk:#c05918;--ambar-lt:#f08040;--ambar-pale:#fef3eb;--acero:#7c8088;--acero-lt:#a8adb5;--papel:#f8f7f3;--white:#fff;--border:#e8e4dc;--ml:#e26b1f;--amz:#3b7dd8;--shp:#5d8a3c;--ef:#7c8088;--ok:#2d7a4f;--ok-bg:#eaf5ef;--warn:#9b6a00;--warn-bg:#fff8e6;--err:#8c2020;--err-bg:#fdeaea;--ff-display:"Archivo Narrow",sans-serif;--ff-body:"Inter",sans-serif;--ff-mono:"JetBrains Mono",monospace;--sidebar:220px;--topbar:52px;--r:6px;--r-lg:10px;--shadow:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.09),0 2px 4px rgba(0,0,0,.05)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--ff-body);background:var(--papel);color:var(--carbon);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none;background:none}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.main{margin-left:var(--sidebar);min-height:100vh}.main,.sidebar{display:flex;flex-direction:column}.sidebar{background:var(--carbon);position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:100;border-right:1px solid var(--carbon-60)}.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid var(--carbon-60);flex-shrink:0}.logo-mark{gap:10px}.logo-icon,.logo-mark{display:flex;align-items:center}.logo-icon{width:32px;height:32px;background:var(--ambar);border-radius:7px;justify-content:center;font-family:var(--ff-display);font-weight:900;font-size:16px;color:var(--white)}.logo-text{display:flex;flex-direction:column;gap:1px}.logo-name{font-family:var(--ff-display);font-weight:900;font-size:16px;letter-spacing:-.01em;color:var(--white)}.logo-name span{color:var(--ambar)}.logo-sub{font-family:var(--ff-mono);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--acero-lt)}.sidebar-nav{flex:1 1;padding:16px 12px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-label{font-family:var(--ff-mono);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--carbon-40);padding:0 8px;margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r);color:var(--acero-lt);font-size:13px;font-weight:500;transition:background .12s,color .12s;cursor:pointer;text-decoration:none}.nav-item.active,.nav-item:hover{background:var(--carbon-60);color:var(--white)}.nav-item svg{flex-shrink:0}.channel-section{padding:12px;border-top:1px solid var(--carbon-60)}.channel-title{font-family:var(--ff-mono);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--carbon-40);margin-bottom:8px}.channel-item{justify-content:space-between;padding:5px 0;color:var(--acero-lt)}.channel-dot,.channel-item{display:flex;align-items:center}.channel-dot{gap:7px;font-size:12.5px;font-weight:500}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot.ml{background:var(--ml)}.dot.amz{background:var(--amz)}.dot.shp{background:var(--shp)}.dot.ef{background:var(--ef)}.channel-count{font-family:var(--ff-mono);font-size:11px;color:var(--acero)}.sidebar-footer{padding:12px;border-top:1px solid var(--carbon-60)}.user-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--r);cursor:pointer;transition:background .12s}.user-row:hover{background:var(--carbon-60)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--ambar);display:flex;align-items:center;justify-content:center;font-family:var(--ff-display);font-weight:900;font-size:12px;color:var(--white);flex-shrink:0}.user-info{flex:1 1;min-width:0}.user-name{font-size:12px;font-weight:600;color:var(--white)}.user-email,.user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:9.5px;color:var(--acero-lt)}.signout-btn,.user-email{font-family:var(--ff-mono)}.signout-btn{font-size:9px;color:var(--acero);padding:2px 6px;border-radius:3px;border:1px solid var(--carbon-60);transition:all .12s}.signout-btn:hover{border-color:var(--acero);color:var(--acero-lt)}.topbar{height:var(--topbar);background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:12px;flex-shrink:0}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.topbar-right{flex-shrink:0}.page-title{font-family:var(--ff-display);font-weight:900;font-size:16px;letter-spacing:-.01em;color:var(--carbon);white-space:nowrap}.topbar-divider{width:1px;height:18px;background:var(--border);flex-shrink:0}.topbar-date{font-family:var(--ff-mono);font-size:10.5px;color:var(--acero);letter-spacing:.05em;white-space:nowrap}.period-selector{display:flex;gap:2px;background:var(--hueso);border-radius:var(--r);padding:3px}.period-btn{font-family:var(--ff-mono);font-size:11px;font-weight:500;letter-spacing:.04em;padding:4px 10px;border-radius:4px;color:var(--acero);transition:background .1s,color .1s;white-space:nowrap}.period-btn:hover{color:var(--carbon)}.period-btn.active{background:var(--carbon);color:var(--white)}.sync-row{display:flex;align-items:center;gap:5px}.sync-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0;transition:background .3s}.sync-dot.syncing{background:var(--ambar);animation:pulse 1s infinite}.sync-dot.error{background:var(--err)}.sync-text{font-family:var(--ff-mono);font-size:10px;color:var(--acero);letter-spacing:.04em;white-space:nowrap}.content{padding:24px;flex:1 1;display:flex;flex-direction:column;gap:20px;min-width:0}.section-hd{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.section-title{font-family:var(--ff-display);font-weight:900;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--carbon)}.section-sub{font-family:var(--ff-mono);font-size:10px;color:var(--acero);letter-spacing:.04em}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.kpi-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:18px 18px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:box-shadow .15s}.kpi-card:hover{box-shadow:var(--shadow-md)}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--ambar);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.kpi-card:hover:after{transform:scaleX(1)}.kpi-label{font-family:var(--ff-mono);font-size:9.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--acero)}.kpi-label,.kpi-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{font-family:var(--ff-display);font-weight:900;font-size:26px;letter-spacing:-.03em;color:var(--carbon);line-height:1.1}.kpi-value.amber{color:var(--ambar)}.kpi-meta{display:flex;align-items:center;gap:5px;margin-top:2px;min-height:20px}.kpi-badge{font-family:var(--ff-mono);font-size:10px;font-weight:500;padding:2px 6px;border-radius:3px;white-space:nowrap}.kpi-badge.up{background:var(--ok-bg);color:var(--ok)}.kpi-badge.down{background:var(--err-bg);color:var(--err)}.kpi-badge.flat{background:var(--hueso);color:var(--acero)}.kpi-compare{font-family:var(--ff-mono);font-size:9.5px;color:var(--acero-lt);white-space:nowrap;overflow:hidden}.charts-row{display:grid;grid-template-columns:1fr 340px;grid-gap:12px;gap:12px;align-items:start}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.card-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px 12px;border-bottom:1px solid var(--border-lt,#f0ede7)}.card-title{font-family:var(--ff-display);font-weight:900;font-size:13px;letter-spacing:-.01em}.card-sub{font-family:var(--ff-mono);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--acero);margin-top:2px}.card-body{padding:16px 20px}.chart-wrap{position:relative;height:190px}.chart-wrap canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.donut-wrap{position:relative;height:160px;margin-bottom:12px}.donut-wrap canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.chart-empty{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.chart-empty-text{font-family:var(--ff-mono);font-size:11px;color:var(--acero-lt);letter-spacing:.04em}.channel-legend{display:flex;flex-direction:column;gap:8px}.cl-item{display:grid;grid-template-columns:10px 1fr auto 44px;align-items:center;grid-gap:8px;gap:8px}.cl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cl-name{font-size:12px;font-weight:500}.cl-bar-track{height:3px;background:var(--hueso);border-radius:2px;overflow:hidden}.cl-bar{height:100%;border-radius:2px;transition:width .4s ease}.cl-pct{font-family:var(--ff-mono);font-size:10px;color:var(--acero);text-align:right}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12.5px}th{font-family:var(--ff-mono);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--acero);text-align:left;padding:0 12px 10px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid var(--border-lt,#f0ede7);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--papel)}.canal-badge{font-family:var(--ff-mono);font-size:9.5px;font-weight:500;padding:2px 7px;border-radius:3px;white-space:nowrap}.canal-badge.ml{background:#fef3eb;color:#c05918}.canal-badge.amz{background:#ebf1fb;color:#2b67c8}.canal-badge.shp{background:#edf5e9;color:#4a7030}.canal-badge.ef{background:var(--hueso);color:var(--acero)}.fab{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;background:var(--ambar);color:var(--white);font-family:var(--ff-display);font-weight:900;font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:14px 22px;border-radius:28px;box-shadow:0 4px 20px rgba(226,107,31,.4);transition:background .15s,transform .15s,box-shadow .15s;z-index:200;cursor:pointer;border:none}.fab:hover{background:var(--ambar-dk);transform:translateY(-2px);box-shadow:0 6px 24px rgba(226,107,31,.5)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--carbon)}.login-card{background:var(--carbon-80);border:1px solid var(--carbon-60);border-radius:var(--r-lg);padding:48px 40px;width:100%;max-width:360px;gap:32px;box-shadow:0 20px 60px rgba(0,0,0,.4)}.login-card,.login-logo{display:flex;flex-direction:column;align-items:center}.login-logo{gap:10px}.login-logo-icon{width:52px;height:52px;background:var(--ambar);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px}.login-logo-icon,.login-logo-name{font-family:var(--ff-display);font-weight:900;color:var(--white)}.login-logo-name{font-size:24px;letter-spacing:-.01em}.login-logo-name span{color:var(--ambar)}.login-logo-sub{font-family:var(--ff-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--acero)}.login-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.login-headline{font-family:var(--ff-display);font-weight:900;font-size:18px;color:var(--white);text-align:center}.login-sub{font-family:var(--ff-mono);font-size:11px;color:var(--acero-lt);text-align:center;line-height:1.6}.google-btn{display:flex;align-items:center;gap:12px;background:var(--white);color:var(--carbon);font-family:var(--ff-body);font-size:14px;font-weight:600;padding:12px 24px;border-radius:8px;width:100%;justify-content:center;transition:background .15s,transform .12s,box-shadow .15s;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;border:none}.google-btn:hover{background:var(--papel);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.3)}.google-btn img{width:20px;height:20px}.login-error{font-family:var(--ff-mono);font-size:10.5px;color:#ff6b6b;background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.2);border-radius:var(--r);padding:8px 12px;text-align:center;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.skeleton{background:linear-gradient(90deg,#eae7e0 25%,#f5f3ef 50%,#eae7e0 75%);background-size:400% 100%;animation:shimmer 1.4s infinite;border-radius:4px;color:transparent;pointer-events:none}@media (max-width:900px){.charts-row{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.kpi-grid{grid-template-columns:1fr 1fr}:root{--sidebar:0px}.sidebar{display:none}.main{margin-left:0}}