:root{--bg:#f3f6fa;--surface:#fff;--surface2:#f7f9fc;--text:#14243a;--soft:#485b73;--muted:#7c8ca1;--line:#e1e8f0;--navy:#081426;--blue:#1769e0;--blue2:#0b56bd;--green:#159765;--amber:#d88a00;--red:#c33c4b;--shadow:0 14px 38px rgba(18,38,66,.08);--font:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;--display:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif}
html[data-theme=dark]{--bg:#07111f;--surface:#0e1b2c;--surface2:#132238;--text:#eef5ff;--soft:#c4d2e4;--muted:#91a3bb;--line:#21344c;--navy:#050d18;--shadow:0 16px 42px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg);color:var(--text);font:500 14px/1.55 var(--font)}a{color:inherit}button,input,select,textarea{font:inherit}.mp-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.mp-sidebar{position:fixed;inset:0 auto 0 0;width:248px;z-index:30;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%),var(--navy);box-shadow:12px 0 38px rgba(2,10,20,.12)}.mp-brand{height:82px;padding:0 20px;display:flex;align-items:center;gap:12px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07)}.mp-logo,.login-brand>span,.login-mobile-brand>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#3d95ff,#0a54bb);font:800 20px var(--display);box-shadow:0 12px 25px rgba(23,105,224,.28)}.mp-brand span:last-child{display:grid}.mp-brand strong{color:#fff;font:760 15px var(--display)}.mp-brand small{color:#8398b4;font-size:9px}.mp-nav{padding:14px 11px;display:grid;gap:4px;overflow:auto}.mp-nav-label{padding:16px 11px 6px;color:#69819f;font-size:9px;font-weight:800;letter-spacing:.13em}.mp-nav a{height:43px;padding:0 11px;border-radius:11px;display:flex;align-items:center;gap:10px;color:#a9bbd1;text-decoration:none;font-size:12px;font-weight:690;transition:.18s}.mp-nav a i{width:24px;color:#77aff7;font-size:16px;font-style:normal;text-align:center}.mp-nav a b{margin-left:auto;padding:2px 6px;border-radius:999px;background:rgba(56,143,255,.13);color:#83b9ff;font-size:8px}.mp-nav a:hover,.mp-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(35,121,231,.25),rgba(35,121,231,.08));transform:translateX(2px)}.mp-nav a.active{box-shadow:inset 3px 0 #3a8ff5}.mp-sidebar-status{margin:auto 13px 10px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.035)}.mp-sidebar-status span{display:flex;align-items:center;gap:8px;color:#dce9f8;font-size:10px;font-weight:700}.mp-sidebar-status i,.mp-live i{width:7px;height:7px;border-radius:50%;background:#22c884;box-shadow:0 0 0 4px rgba(34,200,132,.1)}.mp-sidebar-status small{display:block;margin-top:7px;color:#7186a4;font-size:8px}.mp-user{min-height:69px;padding:11px 14px;border-top:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:10px}.mp-avatar{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#dcecff;color:#0d57bb;font-weight:800}.mp-user strong,.mp-user small{display:block}.mp-user strong{color:#edf5ff;font-size:11px}.mp-user small{color:#7d91ac;font-size:9px}.mp-user button{width:33px;height:33px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#b5c5d8;cursor:pointer}.mp-main{grid-column:2;min-width:0}.mp-topbar{height:82px;padding:0 29px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.mp-topbar-left{display:flex;align-items:center;gap:14px}.mp-topbar-left small{color:var(--blue);font-size:9px;font-weight:820;letter-spacing:.13em}.mp-topbar h1{margin:1px 0 0;font:760 21px var(--display);letter-spacing:-.025em}.mp-topbar-actions{display:flex;align-items:center;gap:10px}.mp-live{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:8px;background:var(--surface);color:var(--soft);font-size:9px;font-weight:750}.mp-topbar button,.mp-menu-button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--soft);cursor:pointer}.mp-menu-button{display:none}.mp-content{padding:27px 29px 40px}.mp-alert{margin-bottom:15px;padding:12px 14px;border-radius:11px;display:flex;gap:10px;align-items:center;font-size:11px;font-weight:650}.mp-alert b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff}.mp-alert.success{color:var(--green);background:rgba(21,151,101,.08);border:1px solid rgba(21,151,101,.16)}.mp-alert.success b{background:var(--green)}.mp-alert.danger{color:var(--red);background:rgba(195,60,75,.08);border:1px solid rgba(195,60,75,.16)}.mp-alert.danger b{background:var(--red)}.mp-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:21px}.mp-overline,.mp-card-head>div>span{color:var(--blue);font-size:9px;font-weight:820;letter-spacing:.14em}.mp-page-head h2{margin:6px 0 6px;font:790 clamp(28px,3.5vw,39px)/1.07 var(--display);letter-spacing:-.045em}.mp-page-head p{margin:0;max-width:720px;color:var(--soft);font-size:13px}.mp-btn{min-height:41px;padding:0 15px;border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:11px;font-weight:760;cursor:pointer;transition:.18s}.mp-btn:hover{transform:translateY(-1px)}.mp-btn.primary{color:#fff;background:linear-gradient(90deg,var(--blue),var(--blue2));box-shadow:0 10px 22px rgba(23,105,224,.2)}.mp-btn.ghost{color:var(--text);background:var(--surface);border-color:var(--line)}.mp-btn.dark{color:#fff;background:var(--navy)}.mp-actions{display:flex;flex-wrap:wrap;gap:9px}.mp-hero{min-height:300px;margin-bottom:20px;padding:34px;border:1px solid rgba(23,105,224,.14);border-radius:20px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;align-items:center;overflow:hidden;background:radial-gradient(circle at 92% 8%,rgba(23,105,224,.15),transparent 28%),linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface) 86%,#dbeafe));box-shadow:var(--shadow)}.mp-pill{width:max-content;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:780}.mp-pill.success{color:var(--green);background:rgba(21,151,101,.09);border:1px solid rgba(21,151,101,.14)}.mp-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}.mp-hero h2{max-width:760px;margin:14px 0 11px;font:800 clamp(38px,5vw,58px)/1.02 var(--display);letter-spacing:-.06em}.mp-hero p{max-width:720px;margin:0;color:var(--soft);font-size:14px;line-height:1.72}.mp-hero .mp-actions{margin-top:23px}.mp-hero-score{padding:23px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow)}.mp-ring{--value:0;width:168px;height:168px;margin:auto;padding:13px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--value)*1%),rgba(23,105,224,.11) 0)}.mp-ring>div{width:100%;height:100%;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.mp-ring strong{font:790 35px var(--display)}.mp-ring small{display:block;margin-top:5px;color:var(--muted);font-size:8px;text-transform:uppercase}.mp-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.mp-score-grid span{padding:11px;border-radius:10px;background:var(--surface2)}.mp-score-grid small,.mp-score-grid strong{display:block}.mp-score-grid small{color:var(--muted);font-size:8px}.mp-score-grid strong{margin-top:2px;font-size:15px}.mp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.mp-kpi,.mp-mini-kpis article{padding:19px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.mp-kpi>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.mp-kpi>div i{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;color:var(--blue);background:rgba(23,105,224,.09);font-style:normal}.mp-kpi>div span{padding:5px 8px;border-radius:999px;background:var(--surface2);color:var(--soft);font-size:8px;font-weight:750}.mp-kpi>strong{display:block;margin-top:17px;font:790 30px/1 var(--display);letter-spacing:-.04em}.mp-kpi>p{margin:6px 0 15px;color:var(--muted);font-size:10px}.mp-kpi>em{height:5px;display:block;overflow:hidden;border-radius:999px;background:var(--surface2)}.mp-kpi>em b{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#17a7c6)}.mp-mini-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:16px}.mp-mini-kpis article{padding:15px}.mp-mini-kpis small,.mp-mini-kpis strong{display:block}.mp-mini-kpis small{color:var(--muted);font-size:9px;font-weight:700}.mp-mini-kpis strong{margin-top:4px;font:760 21px var(--display)}.mp-grid.dashboard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:16px;margin-bottom:20px}.mp-card,.mp-form-card{padding:21px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.mp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.mp-card-head h3{margin:4px 0 3px;font:750 17px var(--display);letter-spacing:-.02em}.mp-card-head p{margin:0;color:var(--muted);font-size:10px}.mp-card-head>b,.mp-card-head>a{padding:5px 8px;border-radius:999px;color:var(--blue);background:rgba(23,105,224,.08);font-size:8px;text-decoration:none}.mp-card-head>b.green{color:var(--green);background:rgba(21,151,101,.08)}.mp-bars{display:grid;gap:18px;padding:10px 0}.mp-bar-row{display:grid;grid-template-columns:100px minmax(0,1fr) 75px;gap:13px;align-items:center}.mp-bar-row span{color:var(--soft);font-size:10px;font-weight:700}.mp-bar-row em{height:9px;border-radius:999px;background:var(--surface2);overflow:hidden}.mp-bar-row em i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#1aa2c4)}.mp-bar-row strong{text-align:right;font-size:11px}.mp-activity{display:grid}.mp-activity>div{min-height:60px;padding:9px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:9px;align-items:center}.mp-activity>div:last-child{border-bottom:0}.mp-activity i{width:7px;height:7px;border-radius:50%}.mp-activity i.ok{background:var(--green)}.mp-activity i.neutral{background:var(--muted)}.mp-activity i.bad{background:var(--red)}.mp-activity strong,.mp-activity small{display:block}.mp-activity strong{font-size:10px}.mp-activity small,.mp-activity time{color:var(--muted);font-size:8px}.mp-filter{margin-bottom:15px;padding:12px;border:1px solid var(--line);border-radius:13px;display:flex;gap:9px;background:var(--surface)}.mp-filter input,.mp-filter select{height:41px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--surface2);outline:none}.mp-filter input{flex:1;min-width:200px}.mp-filter select{min-width:180px}.mp-table-wrap{overflow:auto}.mp-table{width:100%;border-collapse:collapse}.mp-table th{padding:11px 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px;text-align:left;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.mp-table td{padding:13px 12px;border-bottom:1px solid var(--line);color:var(--soft);font-size:10px;vertical-align:middle}.mp-table tbody tr:hover{background:var(--surface2)}.mp-table strong,.mp-table small{display:block}.mp-table strong{color:var(--text);font-size:10px}.mp-table small{margin-top:2px;color:var(--muted);font-size:8px}.mp-table a{color:var(--blue);text-decoration:none;font-weight:730}.mp-status{padding:5px 8px;border-radius:999px;font-size:8px;font-weight:760;white-space:nowrap}.mp-status.borrador{color:var(--muted);background:var(--surface2)}.mp-status.programada{color:var(--blue);background:rgba(23,105,224,.09)}.mp-status.enviando{color:var(--amber);background:rgba(216,138,0,.09)}.mp-status.finalizada{color:var(--green);background:rgba(21,151,101,.09)}.mp-status.pausada{color:var(--red);background:rgba(195,60,75,.09)}.mp-row-actions{display:flex;align-items:center;gap:8px}.mp-row-actions form{margin:0}.mp-row-actions button{border:0;background:transparent;color:var(--red);font-size:9px;font-weight:700;cursor:pointer}.mp-empty{min-height:180px;display:grid;place-content:center;justify-items:center;text-align:center}.mp-empty.compact{min-height:180px}.mp-empty strong{font-size:13px}.mp-empty small{margin:4px 0 12px;color:var(--muted);font-size:9px}.mp-pagination{padding-top:15px;display:flex;align-items:center;justify-content:center;gap:16px}.mp-pagination a,.mp-pagination span,.mp-pagination strong{font-size:9px}.mp-pagination a{color:var(--blue);text-decoration:none}.mp-pagination span{color:var(--muted)}.mp-form-card{max-width:1050px}.mp-form-section{margin:2px 0 17px;padding-bottom:13px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.mp-form-section>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--blue);background:rgba(23,105,224,.09);font-size:9px;font-weight:800}.mp-form-section h3{margin:0;font:740 14px var(--display)}.mp-form-section p{margin:2px 0 0;color:var(--muted);font-size:9px}.mp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:25px}.mp-form-grid label{display:grid;gap:6px}.mp-form-grid label>span{color:var(--soft);font-size:10px;font-weight:700}.mp-form-grid .full{grid-column:1/-1}.mp-form-grid input,.mp-form-grid select,.mp-form-grid textarea{width:100%;padding:0 12px;border:1px solid var(--line);border-radius:10px;outline:none;color:var(--text);background:var(--surface2);font-size:11px}.mp-form-grid input,.mp-form-grid select{height:44px}.mp-form-grid textarea{padding-top:11px;resize:vertical}.mp-form-grid input:focus,.mp-form-grid select:focus,.mp-form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,224,.08)}.mp-form-grid label.switch{display:flex;align-items:center;gap:9px;padding-top:22px}.mp-form-grid label.switch input{width:18px;height:18px}.mp-form-actions{padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.mp-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mp-detail-grid div{padding:13px;border-radius:11px;background:var(--surface2)}.mp-detail-grid small,.mp-detail-grid strong{display:block}.mp-detail-grid small{color:var(--muted);font-size:8px}.mp-detail-grid strong{margin-top:4px;font-size:10px}.mp-note{color:var(--soft);font-size:11px;line-height:1.7}.mp-insights{display:grid}.mp-insights>div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:10px}.mp-insights>div:last-child{border:0}.mp-insights i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(23,105,224,.09);color:var(--blue);font-style:normal;font-size:9px;font-weight:800}.mp-insights strong,.mp-insights small{display:block}.mp-insights strong{font-size:10px}.mp-insights small{margin-top:2px;color:var(--muted);font-size:8px}.mp-overlay{display:none}
.login-body{min-height:100vh;background:#fff}.login-mega{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}.login-story{padding:50px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 15% 15%,rgba(55,145,255,.27),transparent 29%),radial-gradient(circle at 90% 85%,rgba(23,105,224,.25),transparent 31%),linear-gradient(145deg,#061224,#0a2140 58%,#0b2f61)}.login-brand{display:flex;align-items:center;gap:12px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font:760 15px var(--display)}.login-brand small{color:#8fa8c7;font-size:9px}.login-copy{margin:auto 0;max-width:720px}.login-copy>small{color:#79b7ff;font-size:9px;font-weight:820;letter-spacing:.15em}.login-copy h1{margin:15px 0 18px;font:800 clamp(44px,5vw,68px)/1.02 var(--display);letter-spacing:-.06em}.login-copy p{max-width:620px;color:#b8c9dc;font-size:16px;line-height:1.7}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.login-features span{padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.04)}.login-features b,.login-features small{display:block}.login-features b{font:760 18px var(--display)}.login-features small{margin-top:3px;color:#91a7c1;font-size:9px}.login-access{display:grid;place-items:center;padding:35px;background:radial-gradient(circle at 100% 0%,rgba(23,105,224,.07),transparent 28%),#fff}.login-card{width:min(100%,430px)}.login-mobile-brand{display:none}.login-card h2{margin:8px 0 6px;color:#14243a;font:780 34px var(--display);letter-spacing:-.04em}.login-card>p{margin:0 0 25px;color:#718096;font-size:12px}.login-card label{display:grid;gap:7px;margin-top:16px}.login-card label>span{color:#3a4b61;font-size:10px;font-weight:720}.login-card input{width:100%;height:48px;padding:0 13px;border:1px solid #dfe6ef;border-radius:11px;outline:none;background:#f6f8fb;color:#14243a;font-size:12px}.login-card input:focus{border-color:#1769e0;box-shadow:0 0 0 4px rgba(23,105,224,.08)}.password-wrap{position:relative}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#1769e0;font-size:9px;font-weight:760;cursor:pointer}.login-submit{width:100%;height:49px;margin-top:21px;padding:0 16px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(90deg,#1769e0,#0a58be);font-size:11px;font-weight:760;cursor:pointer;box-shadow:0 13px 26px rgba(23,105,224,.2)}.login-submit b{font-size:18px}.login-secure{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:7px;color:#718096;font-size:9px}.login-secure i{width:7px;height:7px;border-radius:50%;background:#1ab577;box-shadow:0 0 0 4px rgba(26,181,119,.1)}
@media(max-width:1100px){.mp-hero{grid-template-columns:minmax(0,1fr) 280px}.mp-kpis{grid-template-columns:repeat(2,1fr)}.mp-grid.dashboard{grid-template-columns:1fr}.mp-mini-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.mp-shell{display:block}.mp-sidebar{transform:translateX(-105%);transition:.2s}.menu-open .mp-sidebar{transform:translateX(0)}.mp-overlay{position:fixed;inset:0;z-index:25;background:rgba(3,10,20,.55)}.menu-open .mp-overlay{display:block}.mp-main{min-width:0}.mp-menu-button{display:grid;place-items:center}.mp-content{padding:22px 17px 32px}.mp-topbar{height:70px;padding:0 17px}.mp-live{display:none}.login-mega{grid-template-columns:1fr}.login-story{display:none}.login-access{min-height:100vh}.login-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:40px;color:#14243a}.login-mobile-brand strong{font:760 14px var(--display)}}@media(max-width:650px){.mp-page-head{display:grid}.mp-page-head>.mp-btn{width:100%}.mp-hero{padding:23px;grid-template-columns:1fr}.mp-hero h2{font-size:38px}.mp-kpis,.mp-mini-kpis{grid-template-columns:1fr}.mp-filter{display:grid}.mp-filter input,.mp-filter select{width:100%;min-width:0}.mp-form-grid{grid-template-columns:1fr}.mp-form-grid .full{grid-column:auto}.mp-detail-grid{grid-template-columns:1fr}.mp-form-actions{display:grid}.mp-btn{width:100%}.mp-score-grid{grid-template-columns:1fr}.mp-table{min-width:760px}}@media print{.mp-sidebar,.mp-topbar,.mp-btn,.mp-filter{display:none!important}.mp-shell{display:block}.mp-main{grid-column:auto}.mp-content{padding:0}.mp-card{box-shadow:none}}


.code-editor{font-family:Consolas,"Courier New",monospace!important;font-size:12px!important;line-height:1.6!important;tab-size:2}
.mp-editor-help{margin:-10px 0 22px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--soft);font-size:10px}
.mp-editor-help code,.mp-alert code{padding:2px 5px;border-radius:5px;background:rgba(23,105,224,.09);color:var(--blue)}
.upload-zone{padding:25px;border:2px dashed var(--line);border-radius:13px;background:var(--surface2)}
.upload-zone input{padding:10px;height:auto!important;background:var(--surface)!important}
.upload-zone small{color:var(--muted);font-size:9px}
.send-progress{min-width:230px}
.send-progress em{height:7px;display:block;overflow:hidden;border-radius:999px;background:var(--surface2)}
.send-progress em i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#16a5c5);transition:width .35s}
.send-progress span{display:block;margin-top:5px;color:var(--muted);font-size:8px}

/* MÉTRICAS PRO 5.4 — LEGIBILIDAD Y COLOR CORPORATIVO */
:root{--display:"Source Sans 3","Segoe UI",Arial,sans-serif;--body:"Source Sans 3","Segoe UI",Arial,sans-serif}
body{font-family:var(--body);font-size:16px;line-height:1.55;letter-spacing:.002em}
.mp-nav a{font-size:15px;min-height:46px}.mp-nav-label{font-size:11px}.mp-brand strong{font-size:18px}.mp-brand small{font-size:12px}
.mp-topbar h1{font-size:29px}.mp-topbar small,.mp-page-head p,.mp-card-head p{font-size:14px}
.mp-card-head span{font-size:11px}.mp-card-head h3{font-size:20px}.mp-btn{font-size:15px;min-height:44px}
.mp-kpi span{font-size:14px}.mp-kpi strong{font-size:35px}.mp-kpi p{font-size:13px}
.mp-table th{font-size:12px}.mp-table td{font-size:15px}.mp-table strong{font-size:15px}.mp-table small{font-size:12px}
.mp-form-grid label>span{font-size:15px}.mp-form-grid input,.mp-form-grid select,.mp-form-grid textarea{font-size:16px}.mp-form-section h3{font-size:19px}.mp-form-section p{font-size:14px}
.mp-status,.mp-pagination a,.mp-pagination span,.mp-pagination strong{font-size:12px}.mp-note{font-size:15px}.mp-empty strong{font-size:18px}.mp-empty small{font-size:14px}
.mp-kpi:nth-child(1){border-top:4px solid #2878e8;background:linear-gradient(180deg,rgba(40,120,232,.08),var(--surface) 45%)}
.mp-kpi:nth-child(2){border-top:4px solid #8b5cf6;background:linear-gradient(180deg,rgba(139,92,246,.08),var(--surface) 45%)}
.mp-kpi:nth-child(3){border-top:4px solid #f59e0b;background:linear-gradient(180deg,rgba(245,158,11,.09),var(--surface) 45%)}
.mp-kpi:nth-child(4){border-top:4px solid #10b981;background:linear-gradient(180deg,rgba(16,185,129,.08),var(--surface) 45%)}
.mp-generator-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.mp-generator-side{display:grid;gap:14px}.mp-generator-form{min-width:0}.mp-code-area{min-height:420px}.mp-code-output{width:100%;min-height:440px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#091322;color:#dbeafe;font-size:14px!important;resize:vertical}.mp-security-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.mp-security-strip span{padding:7px 10px;border-radius:999px;background:rgba(16,185,129,.1);color:#0f8a63;font-size:12px;font-weight:700}.mp-color-card{position:relative;overflow:hidden;border:0}.mp-color-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;top:-45px;opacity:.12;background:currentColor}.mp-color-card.blue{color:#1769e0;background:linear-gradient(145deg,rgba(23,105,224,.13),var(--surface))}.mp-color-card.orange{color:#d97706;background:linear-gradient(145deg,rgba(245,158,11,.15),var(--surface))}.mp-color-card.green{color:#059669;background:linear-gradient(145deg,rgba(16,185,129,.14),var(--surface))}.mp-color-card small,.mp-color-card strong,.mp-color-card p{display:block;position:relative;z-index:1}.mp-color-card small{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.mp-color-card strong{margin-top:5px;color:var(--text);font-size:20px}.mp-color-card p{margin:8px 0 0;color:var(--soft);font-size:14px}.mp-card-icon{width:42px;height:42px;margin-bottom:16px;border-radius:12px;display:grid;place-items:center;background:currentColor;color:white;font-size:20px}.mp-color-card .mp-card-icon{color:#fff}.mp-result-card{margin-top:18px}.mp-preview-actions{display:flex;align-items:center;gap:14px;margin-top:14px}.mp-preview-actions span{color:var(--green);font-size:14px}.mp-pill.purple{color:#7c3aed;background:rgba(124,58,237,.1)}
@media(max-width:1000px){.mp-generator-layout{grid-template-columns:1fr}.mp-generator-side{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.mp-generator-side{grid-template-columns:1fr}.mp-code-area,.mp-code-output{min-height:320px}}