:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#151b30;background:#f6f7fb;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:#5230dd;text-decoration:none}button,input,select{font:inherit}button,.button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{background:linear-gradient(165deg,#111b36,#111932 80%);color:white;width:272px;flex:none;padding:27px 15px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:21px;font-weight:750;line-height:1.12;padding:0 12px 32px}.brand small{font-size:11px;font-weight:400}.brand-icon{background:linear-gradient(135deg,#7e54fc,#4d25cd);width:52px;height:52px;display:inline-grid;place-items:center;border-radius:50%;font-size:32px;color:white;box-shadow:0 5px 16px #3928b366}.sidebar nav{display:grid;gap:5px}.nav-item{padding:13px 15px;border-radius:9px;color:#f1f2ff;font-weight:550;display:flex;gap:15px;align-items:center}.nav-item:hover,.nav-item.active{background:linear-gradient(95deg,#7350ef,#5334d7);color:white}.nav-icon{font-size:23px;width:25px;text-align:center}.profile{border-top:1px solid #3a425c;margin-top:auto;padding:18px 10px 0;display:flex;align-items:center;gap:12px}.profile small,.account-row small{display:block;color:#8994ae;font-size:12px;margin-top:3px}.profile a{margin-left:auto;color:white}.avatar{background:#3a5587;color:white;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-weight:700;flex:none}.main{padding:25px 22px;min-width:0;flex:1;max-width:1700px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.page-head h1{font-size:34px;letter-spacing:-1.4px;margin:0}.page-head p{font-size:18px;color:#596278;margin:0}.head-actions{display:flex;gap:12px;align-items:center}.date-pill,.account-pill{background:white;border:1px solid #d8dce7;border-radius:11px;padding:12px 16px;box-shadow:0 2px 7px #26325309}.account-pill{color:#182037;font-weight:700}.account-pill small{display:block;color:#13a554;font-size:11px}.ig-icon{color:#d232a3;font-size:24px;float:left;margin-right:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.card,.panel{background:white;border:1px solid #e0e4ee;border-radius:13px;box-shadow:0 3px 13px #18264b0a}.metric{display:flex;align-items:center;gap:16px;padding:22px 17px;min-height:113px}.metric strong{display:block;font-size:29px;letter-spacing:-.8px}.metric small{color:#4e576c;font-size:13px}.metric-icon{border-radius:50%;width:55px;height:55px;display:grid;place-items:center;font-size:29px;flex:none}.purple{background:#f0eaff;color:#6840e6}.green{background:#e5f7eb;color:#10a150}.orange{background:#fff0e4;color:#e86b1b}.overview{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.panel{padding:19px 20px;min-width:0}.panel h2{font-size:17px;letter-spacing:-.35px;margin:0 0 20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.legend,.hint{font-size:12px;color:#778097}.empty-chart{height:215px;position:relative;display:grid;place-items:center}.chart-grid{position:absolute;inset:12px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 41px,#edf0f7 42px)}.chart-center{position:relative;max-width:220px;text-align:center;color:#8a93a7;background:#ffffffd9;padding:8px}.donut-wrap{display:flex;gap:14px;align-items:center;justify-content:center;min-height:185px}.donut{height:160px;width:160px;flex:none;border-radius:50%;background:conic-gradient(#e3e7ef 0 100%);display:grid;place-items:center}.donut>div{background:white;border-radius:50%;height:104px;width:104px;display:grid;place-content:center;text-align:center;font-size:25px;font-weight:700}.donut small{font-size:12px;font-weight:400;color:#667}.class-legend{display:grid;gap:9px;font-size:12px}.account-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf0f6;padding:11px 0}.account-row>div{flex:1}.tag{display:inline-block;padding:6px 9px;border-radius:6px;font-size:12px;white-space:nowrap}.tag.green{background:#e1f7e8;color:#148444}.tag.warn{background:#fff1db;color:#ab6700}.tag.neutral{background:#eaf0ff;color:#335dbe}.button,button{border:1px solid #d9ddea;border-radius:8px;background:white;color:#263047;padding:10px 14px;display:inline-block;font-weight:600}.button.primary,button.primary{background:#5631d9;color:white;border-color:#5631d9}.button.outline{border:1px solid #6541e9;color:#5631d9}.button.subtle{background:white}.button.wide{display:block;text-align:center;margin-top:17px}.button.small,button.small{padding:7px 9px;font-size:12px}.bottom-grid{display:grid;grid-template-columns:2.15fr 1fr;gap:16px;margin-top:18px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#424b5f;font-size:12px;background:#fbfcff}td,th{padding:13px 10px;border-bottom:1px solid #edf0f5;vertical-align:middle}.comment-body{min-width:175px;max-width:380px;overflow-wrap:anywhere}.quick-actions{display:grid;gap:10px;margin-top:22px}.quick-actions .button{text-align:center}.panel form{margin:6px 4px 6px 0;display:inline-flex;gap:8px;flex-wrap:wrap}input,select,textarea{border:1px solid #d7dce7;border-radius:8px;padding:11px;background:#fff;color:#1b2337;max-width:100%}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{background:white;border-radius:16px;border:1px solid #e1e5ed;padding:35px;max-width:450px;width:100%;box-shadow:0 20px 70px #101a3612}.login-card form{display:grid;gap:12px}.login-card button{background:#5835dd;color:white}.login-card h1{font-size:24px}footer{color:#9ba3b2;font-size:11px;margin-top:28px}@media(max-width:1200px){.overview{grid-template-columns:1fr 1fr}.overview .panel:first-child{grid-column:span 2}.metrics{grid-template-columns:repeat(2,1fr)}.head-actions{display:none}}@media(max-width:800px){.sidebar{width:72px;padding:15px 7px}.brand{font-size:0;padding:5px 3px 30px}.brand-icon{width:49px;height:49px}.sidebar .nav-item{font-size:0;padding:13px;justify-content:center}.nav-icon{font-size:24px}.profile span:not(.avatar),.profile a{display:none}.main{padding:16px}.page-head h1{font-size:27px}.page-head p{font-size:14px}.overview,.bottom-grid{grid-template-columns:1fr}.overview .panel:first-child{grid-column:auto}}@media(max-width:520px){.metrics{gap:8px}.metric{padding:12px;min-height:88px;gap:8px}.metric-icon{width:35px;height:35px;font-size:20px}.metric strong{font-size:21px}.metric small{font-size:11px}.sidebar{width:58px}.sidebar .nav-item{padding:9px}.brand-icon{width:40px;height:40px}.panel{padding:13px}.donut-wrap{flex-wrap:wrap}}

/* Pulso Social - mejora de diseño sin cambiar las operaciones de Meta */
.main{min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric{display:flex;align-items:center;gap:16px;padding:22px 18px}.metric strong{display:block;font-size:30px;letter-spacing:-1px}.metric small{display:block;color:#657089}.metric-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-size:24px}.metric-icon.purple{background:#eee8ff;color:#6335df}.metric-icon.green{background:#e5f8ec;color:#0a9a52}.metric-icon.orange{background:#fff0e2;color:#d66a16}.overview{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;margin-bottom:20px}.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.overview>.panel,.bottom-grid>.panel{min-width:0}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.setup-tile{padding:24px;border:1px solid #e4e7f1;background:white;border-radius:14px;box-shadow:0 4px 15px #18224408;display:flex;align-items:center;justify-content:space-between;gap:10px}.setup-label{font-size:16px;font-weight:700}.setup-panel{max-width:100%}.setup-field{display:grid;gap:9px;padding:18px 0;border-bottom:1px solid #edf0f7}.setup-field label{font-size:13px;font-weight:700;color:#68738b}.setup-field code{overflow-wrap:anywhere;color:#3b2a8c;background:#f5f3ff;border:1px solid #ece6ff;border-radius:8px;padding:12px}.setup-panel .quick-actions{display:flex;flex-wrap:wrap;margin-top:20px;gap:12px}.empty-chart{min-height:220px}.login-card input{width:100%;padding:13px;margin:7px 0;border:1px solid #dbe0ed;border-radius:9px}.login-card button{width:100%;padding:13px;background:#6038de;color:white;border:0;border-radius:9px;font-weight:700;margin-top:10px}@media(max-width:1150px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview{grid-template-columns:repeat(2,minmax(0,1fr))}.overview>.panel:first-child{grid-column:1/-1}.bottom-grid{grid-template-columns:1fr}}@media(max-width:700px){.metrics,.overview,.bottom-grid,.setup-grid{grid-template-columns:1fr}.overview>.panel:first-child{grid-column:auto}.setup-tile{padding:17px}}