.kopmi-studio{--mi-ink:#0e2544;--mi-blue:#185cbd;--mi-slate:#65758b;--mi-line:#dce6f1;--mi-bg:#f5f8fc;--mi-white:#fff;font:inherit;color:var(--mi-ink);max-width:1420px;margin:24px auto 40px;line-height:1.55}
.kopmi-studio *{box-sizing:border-box}
.kopmi-studio button,.kopmi-studio select{font:inherit}
.kopmi-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:36px 38px 34px;border-radius:19px;background:linear-gradient(120deg,#091f3e,#164a80 65%,#1d6aaf);color:white;box-shadow:0 13px 34px rgba(15,37,76,.15)}
.kopmi-hero h2{color:white!important;font-size:clamp(24px,3.3vw,39px)!important;line-height:1.15;margin:8px 0 12px;font-weight:800;letter-spacing:-.5px}
.kopmi-hero p{max-width:640px;color:#d9eafa;margin:0;font-size:15px}
.kopmi-overline{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.6px;color:#3d789f}
.kopmi-hero .kopmi-overline{color:#b6ddff}
.kopmi-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.kopmi-btn,.kopmi-hero .kopmi-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45);color:white!important;background:rgba(255,255,255,.09);border-radius:8px;padding:9px 13px;text-decoration:none!important;font-weight:650;font-size:12px;cursor:pointer;min-width:60px}
.kopmi-btn:hover{background:rgba(255,255,255,.22)}
.kopmi-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;margin:20px 0 16px;border-bottom:1px solid var(--mi-line);padding:0 1px;scrollbar-width:thin}
.kopmi-tabs a{padding:12px 19px;white-space:nowrap;border-radius:10px 10px 0 0;color:#526981;text-decoration:none!important;font-size:14px;font-weight:700;border-bottom:3px solid transparent}
.kopmi-tabs a[aria-current=page]{color:#0c58a4;border-color:#1571c9;background:#edf5ff}
.kopmi-tabs a:hover{color:#1265ad;background:#f4f9ff}
.kopmi-filters,.kopmi-compare{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;background:var(--mi-white);border:1px solid var(--mi-line);border-radius:13px;padding:16px 18px;margin:0 0 22px;box-shadow:0 5px 16px rgba(19,55,102,.035)}
.kopmi-filters label,.kopmi-compare label{display:flex;flex:1 1 180px;min-width:130px;max-width:360px;flex-direction:column;gap:6px;font-size:12px;color:#586c83;font-weight:750}
.kopmi-filters select,.kopmi-compare select{width:100%;min-height:40px;max-width:100%;border:1px solid #cddbe9;border-radius:8px;background:#fff;color:#17395e;padding:7px 10px;font-size:13px}
.kopmi-filters button,.kopmi-compare button{min-height:40px;padding:0 18px;border:0;background:#195b9c;border-radius:8px;color:white;cursor:pointer;font-weight:750;font-size:13px}
.kopmi-filters button:hover,.kopmi-compare button:hover{background:#093e75}
.kopmi-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}
.kopmi-kpi{background:#fff;border:1px solid var(--mi-line);border-radius:13px;padding:19px 20px;min-height:118px;box-shadow:0 5px 16px rgba(20,53,91,.04)}
.kopmi-kpi span{display:block;color:#5b7189;font-weight:700;font-size:12px}
.kopmi-kpi strong{display:block;color:#123f71;font-size:29px;font-variant-numeric:tabular-nums;margin:7px 0 3px;letter-spacing:-.4px}
.kopmi-kpi small{font-size:11px;color:#6d839a;display:block;line-height:1.4}
.kopmi-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.kopmi-panel{background:#fff;border-radius:15px;border:1px solid var(--mi-line);padding:22px 24px;margin:0 0 19px;box-shadow:0 5px 22px rgba(15,45,88,.04);min-width:0}
.kopmi-duo .kopmi-panel{margin-bottom:20px}
.kopmi-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
.kopmi-panel>header a{font-size:12px;font-weight:700;text-decoration:none;color:#1b66ac;white-space:nowrap;padding-top:8px}
.kopmi-panel h3{color:#152e4f;font-size:20px!important;line-height:1.3;margin:4px 0 8px!important;letter-spacing:-.2px;font-weight:760}
.kopmi-panel h4{color:#17334c}
.kopmi-table-scroll{width:100%;overflow-x:auto;max-width:100%}
.kopmi-studio table{border-collapse:collapse;width:100%;min-width:540px;text-align:left;table-layout:auto;margin:0}
.kopmi-studio thead th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#607890;background:#f5f8fc;font-weight:800;border-bottom:1px solid #dce7f1;white-space:nowrap;padding:11px 12px;line-height:1.3}
.kopmi-studio tbody th,.kopmi-studio tbody td{font-size:12px;font-weight:500;color:#294057;vertical-align:middle;padding:11px 12px;border-bottom:1px solid #edf1f6;text-align:left;background:transparent;white-space:nowrap}
.kopmi-studio tbody tr:nth-child(even){background:#fbfdff}
.kopmi-studio tbody th{color:#142e4e;font-weight:750}
.kopmi-studio tbody th small,.kopmi-studio tbody td small{display:block;color:#7b8ca1;font-weight:400;white-space:normal;max-width:260px;line-height:1.35}
.kopmi-studio tbody a{color:#1363a7;text-decoration:none}
.kopmi-studio tbody a:hover{text-decoration:underline}
.kopmi-studio tbody td b{font-size:14px;color:#1160a2}
.kopmi-bar-row{display:grid;grid-template-columns:minmax(130px,1fr) 130px 44px;gap:12px;align-items:center;margin:13px 0}
.kopmi-bar-row>div:first-child{min-width:0}
.kopmi-bar-row strong{display:block;font-size:12px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.kopmi-bar-row small{display:block;color:#788ca1;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.kopmi-bar-row b{font-size:13px;text-align:right;color:#113960;font-variant-numeric:tabular-nums}
.kopmi-bar-track{height:9px;border-radius:100px;background:#eaf1f8;overflow:hidden}
.kopmi-bar-track span{display:block;height:100%;background:linear-gradient(90deg,#2291dc,#1a5a9d);border-radius:100px}
.kopmi-form{display:flex;gap:3px}.kopmi-form span{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:11px;font-weight:800}
.kopmi-win{color:#126344;background:#e1f4eb}.kopmi-loss{color:#9e3f47;background:#fae6e8}
.kopmi-note,.kopmi-definition{font-size:12px;color:#71839a;line-height:1.6;margin:13px 0 0}
.kopmi-definition{background:#f4f8fd;border-left:3px solid #3b87bc;padding:10px 13px;margin:0 0 15px;color:#536b84}
.kopmi-def-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}
.kopmi-def-grid>div{border:1px solid #e4ebf2;background:#fbfdff;border-radius:10px;padding:15px}
.kopmi-def-grid strong{font-size:13px;color:#134b7c}.kopmi-def-grid p{font-size:12px;color:#58728b;margin:5px 0 0;line-height:1.6}
.kopmi-empty{text-align:center;padding:48px 20px;background:#f7fafd}
.kopmi-empty p{max-width:550px;margin:0 auto;color:#667f95}
.kopmi-footer{font-size:11px;color:#7a8fa3;margin:20px 0 38px;border-top:1px solid #dfebf5;padding-top:14px}
.kopmi-admin .kopmi-studio{max-width:initial;margin:15px 20px 30px 0}
@media(max-width:1100px){.kopmi-duo{grid-template-columns:1fr}.kopmi-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kopmi-bar-row{grid-template-columns:minmax(100px,1fr) 160px 44px}}
@media(max-width:650px){.kopmi-studio{margin:12px 0}.kopmi-hero{flex-direction:column;align-items:flex-start;padding:25px 20px;border-radius:13px}.kopmi-hero p{font-size:13px}.kopmi-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kopmi-kpi{padding:13px 14px;min-height:103px}.kopmi-kpi strong{font-size:25px}.kopmi-panel{padding:18px 14px}.kopmi-panel>header{flex-wrap:wrap}.kopmi-tabs a{padding:11px 12px;font-size:12px}.kopmi-filters,.kopmi-compare{gap:8px;padding:12px}.kopmi-filters label{flex:1 1 135px}.kopmi-def-grid{grid-template-columns:1fr}.kopmi-bar-row{grid-template-columns:minmax(95px,1fr) 75px 35px;gap:8px}.kopmi-bar-row strong{font-size:11px}.kopmi-panel h3{font-size:18px!important}.kopmi-admin .kopmi-studio{margin-right:8px}}
@media print{body{background:#fff!important}.kopmi-studio{max-width:none;margin:0;color:#111}.kopmi-hero{background:#f0f4fb!important;color:#112b50!important;box-shadow:none;border-radius:0;padding:15px}.kopmi-hero h2,.kopmi-hero p,.kopmi-hero .kopmi-overline{color:#112b50!important}.kopmi-hero-actions,.kopmi-tabs,.kopmi-filters,.kopmi-compare,.wp-admin #adminmenumain,.wp-admin #wpadminbar,.wp-admin #wpfooter{display:none!important}.kopmi-panel,.kopmi-kpi{break-inside:avoid;box-shadow:none}.kopmi-duo{display:block}.kopmi-studio table{min-width:0}.kopmi-table-scroll{overflow:visible}.kopmi-studio tbody th,.kopmi-studio tbody td{white-space:normal;font-size:10px;padding:6px}.kopmi-studio thead th{font-size:9px;padding:7px}.kopmi-kpis{grid-template-columns:repeat(4,1fr)}}
.kopmi-switch{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 15px}.kopmi-switch a{border:1px solid #d6e4f0;border-radius:8px;padding:7px 12px;color:#536d85;text-decoration:none;font-size:12px;font-weight:750}.kopmi-switch a[aria-current=page]{background:#e8f3fc;color:#17588f;border-color:#89badf}
.kopmi-presets .kopmi-compare label{flex:1 1 300px;max-width:600px}.kopmi-presets input[type=text]{border:1px solid #cddbe9;padding:9px 10px;border-radius:7px;min-height:40px;width:100%}.kopmi-delete{border:none;background:none;padding:0;cursor:pointer;color:#ad333b;font-size:12px}
@media print{.kopmi-presets,.kopmi-switch{display:none!important}}

.kopmi-data-notice{padding:13px 18px;border:1px solid #b6cbda;border-radius:10px;background:rgba(20,97,143,.05);margin:16px 0;font-size:14px;line-height:1.55}.kopmi-import-error{border-color:#d88a88;background:rgba(178,39,39,.06)}