:root{--mp-blue:#02599b;--mp-blue-bright:#2a86d6;--mp-red:#e31412;--mp-coral:#ec5870;--mp-green:#028c38;--mp-magenta:#c2187a;--mp-violet:#6a2bd9;--mp-amber:#c27a06;--night-950:#040a16;--night-900:#07122a;--night-800:#0b1d3d;--serif:"Didot", "Bodoni 72", "Bodoni MT", "Playfair Display", "Libre Bodoni", Georgia, "Times New Roman", serif;--sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg:#f4f6fa;--surface:#fff;--surface-subtle:#f8fafd;--surface-hover:#f0f4fa;--text:#0a1630;--muted:#74809a;--secondary:#3f4c66;--line:#e3e8f1;--line-strong:#cfd8e6;--blue:var(--mp-blue);--blue-hover:#01477c;--blue-soft:#eaf2fa;--green-soft:#e6f5ec;--red-soft:#fdecec;--amber-soft:#fdf3e1;--violet-soft:#f0eafd;--coral-soft:#fdeef1;--shadow:0 1px 2px #0a16300a, 0 10px 30px #0a163009;--shadow-lift:0 2px 6px #0a16300f, 0 24px 50px -10px #0a163026;--ease:cubic-bezier(.2, .8, .2, 1);--sidebar:264px;color:var(--text);background:var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}:root[data-theme=dark]{--bg:#050b18;--surface:#0c1729;--surface-subtle:#0a1424;--surface-hover:#12203a;--text:#eef2f9;--muted:#8592ab;--secondary:#b9c3d6;--line:#1a2945;--line-strong:#263a5d;--blue:#7fb6ec;--blue-hover:#a6ccf3;--blue-soft:#10233f;--green-soft:#0d2a1b;--red-soft:#2d1216;--amber-soft:#2b2010;--violet-soft:#1d1535;--coral-soft:#2b1422;--mp-green:#3ccb75;--mp-red:#ff6a6a;--mp-amber:#f0b44c;--mp-violet:#a98bff;--mp-coral:#ff7d92;--shadow:0 1px 2px #0000003a, 0 12px 32px #0003;--shadow-lift:0 2px 6px #00000040, 0 26px 54px -8px #0006}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);letter-spacing:-.004em}body.modal-open{overflow:hidden}a{color:var(--blue)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--mp-blue-bright);outline-offset:3px}::selection{background:#2a86d633}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px}.nowrap{white-space:nowrap}.warn{font-weight:600;color:var(--mp-amber)!important}.negative{color:var(--mp-red)!important}.positive{color:var(--mp-green)!important}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--surface);border:1px solid var(--line-strong);border-radius:11px;min-height:42px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 4px #2a86d621;border-color:var(--mp-blue-bright)!important}input[type=radio],input[type=checkbox]{accent-color:var(--mp-blue)}.emblem-ring{stroke:var(--mp-blue)}.emblem-blue{stroke:#02599b;fill:#02599b}.emblem-red{stroke:#e31412;fill:#e31412}.emblem-green{stroke:#028c38;fill:#028c38}.emblem-blue circle,.emblem-red circle,.emblem-green circle{stroke:none}.emblem-blue,.emblem-red,.emblem-green{transform-box:fill-box;transform-origin:50% 100%}.brand-link:hover .emblem-red{animation:mp-cheer .7s var(--ease)}.brand-link:hover .emblem-blue{animation:mp-cheer .7s var(--ease) 80ms}.brand-link:hover .emblem-green{animation:mp-cheer .7s var(--ease) .16s}@keyframes mp-cheer{40%{transform:translateY(-3px)scaleY(1.06)}}.brand{color:#fff;align-items:center;gap:12px;display:flex}.brand-link{text-decoration:none}.brand-symbol{background:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 0 0 1px #ffffff26,0 6px 18px #02599b40}.brand-symbol .emblem{width:38px;height:38px}.brand-symbol .emblem-ring{stroke:#02599b}.brand-wordmark{font-family:var(--serif);letter-spacing:1.6px;text-transform:uppercase;flex-direction:column;font-size:22px;font-weight:700;line-height:1;display:flex}.brand-wordmark>span{font-family:var(--sans);letter-spacing:5px;color:#ff8fa1;margin-top:6px;font-size:9px;font-weight:800}.shell{grid-template-columns:var(--sidebar) 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--night-900), var(--night-950));color:#c7d2e6;z-index:40;border-right:1px solid #ffffff10;flex-direction:column;gap:18px;height:100vh;padding:22px 16px 18px;display:flex;position:sticky;top:0}.sidebar:after{content:"";background:linear-gradient(180deg, var(--mp-blue-bright), #ec5870 50%, #028c38);opacity:.7;width:2px;height:100%;position:absolute;top:0;right:-1px}.sidebar-top{justify-content:space-between;align-items:center;padding:0 6px 6px;display:flex}.icon-button.sidebar-close{color:#fff;background:#ffffff10;border-color:#ffffff1a;display:none}.side-nav{flex-direction:column;flex:1;gap:3px;display:flex;overflow-y:auto}.nav-caption{letter-spacing:1.6px;text-transform:uppercase;color:#6f7f9d;padding:14px 12px 6px;font-size:10.5px;font-weight:700}.nav-link{color:#c7d2e6;transition:background .2s var(--ease), color .2s;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-weight:550;text-decoration:none;display:flex;position:relative}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#fff;background:linear-gradient(90deg,#2a86d633,#2a86d60d)}.nav-link.active:before{content:"";background:linear-gradient(#2a86d6,#ec5870);border-radius:0 4px 4px 0;width:4px;position:absolute;top:9px;bottom:9px;left:-16px}.nav-link svg{opacity:.9;flex:none}.portal-link{color:#8fa0bf;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;text-decoration:none;display:flex}.portal-link:hover{color:#fff;border-color:#ffffff30}.scrim{display:none}.workspace{flex-direction:column;min-width:0;display:flex}.topbar{z-index:30;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 28px;display:flex;position:sticky;top:0}.topbar-spacer{flex:1}.icon-button.menu-button{display:none}.content{width:100%;max-width:1440px;animation:mp-rise .45s var(--ease);flex-direction:column;gap:20px;margin:0 auto;padding:28px;display:flex}.footer{color:var(--muted);text-align:center;padding:18px 28px 26px;font-size:12.5px}@keyframes mp-rise{0%{opacity:0;transform:translateY(8px)}}.boot{place-items:center;min-height:100vh;display:grid}.button{min-height:42px;transition:transform .15s var(--ease), background .2s, box-shadow .2s, border-color .2s;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:650;text-decoration:none;display:inline-flex}.button:active{transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:linear-gradient(180deg, #0a6bb5, var(--mp-blue));color:#fff;box-shadow:0 6px 16px #02599b33}.button.primary:hover:not(:disabled){background:var(--blue-hover)}.button.secondary{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.button.secondary:hover:not(:disabled){background:var(--surface-hover)}.button.danger{color:var(--mp-red)}.button.danger-solid{background:var(--mp-red);color:#fff}.button.small{border-radius:10px;min-height:34px;padding:0 12px;font-size:13.5px}.button.large{min-height:50px;padding:0 26px;font-size:16px}.icon-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--secondary);border-radius:12px;place-items:center;list-style:none;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.link-button{color:var(--blue);background:0 0;border:0;align-items:center;gap:6px;padding:4px;font-weight:650;display:inline-flex}.chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--secondary);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600}.chip:hover{border-color:var(--mp-blue-bright);color:var(--blue)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner{color:var(--muted);align-items:center;gap:10px;display:inline-flex}.loading-block{place-items:center;padding:60px;display:grid}.language-switch{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.language-switch button{letter-spacing:.6px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:750}.language-switch button.selected{background:var(--mp-blue);color:#fff}.dry-badge{background:var(--amber-soft);color:var(--mp-amber);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:700;display:inline-flex}details.menu{position:relative}details.menu>summary{cursor:pointer;list-style:none}details.menu>summary::-webkit-details-marker{display:none}.menu-panel{background:var(--surface);border:1px solid var(--line);min-width:230px;box-shadow:var(--shadow-lift);animation:mp-rise .2s var(--ease);z-index:50;border-radius:14px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.menu-panel button{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.menu-panel button:hover,.menu-panel button.selected{background:var(--surface-hover)}.menu-note{color:var(--muted);border-bottom:1px solid var(--line);word-break:break-all;margin-bottom:4px;padding:8px 12px 10px;font-size:12.5px}.profile-summary{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.avatar{background:linear-gradient(135deg, var(--mp-blue), var(--mp-violet));color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12.5px;font-weight:800;display:grid}.profile-text{flex-direction:column;line-height:1.15;display:flex}.profile-text strong{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13.5px;overflow:hidden}.profile-text small{color:var(--muted);font-size:11.5px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.page-head h1{font-family:var(--serif);letter-spacing:.2px;margin:0;font-size:34px;font-weight:700}.page-head h1:after{content:"";background:linear-gradient(90deg,#02599b,#ec5870,#028c38);border-radius:3px;width:64px;height:3px;margin-top:10px;display:block}.page-head p{color:var(--secondary);max-width:720px;margin:10px 0 0}.page-head-actions{align-items:center;gap:10px;display:flex}.updated{color:var(--muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:22px}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-head h2{align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.card-head p{margin:4px 0 0}.card-sub{margin:22px 0 2px;font-size:14px}.grid-2{grid-template-columns:1.25fr 1fr;gap:20px;display:grid}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi{text-align:left;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s var(--ease), box-shadow .2s;--tone:var(--mp-blue);--tone-soft:var(--blue-soft);border-radius:20px;flex-direction:column;gap:6px;padding:18px 18px 16px;display:flex;position:relative}.kpi:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.kpi-icon{background:var(--tone-soft);width:38px;height:38px;color:var(--tone);border-radius:12px;place-items:center;display:grid}.kpi-icon svg{width:20px;height:20px}.kpi-value{letter-spacing:-.02em;align-items:center;gap:10px;font-size:32px;font-weight:800;line-height:1.05;display:flex}.kpi-label{color:var(--secondary);align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}.kpi-accent{background:linear-gradient(135deg, #0b6cb8, var(--mp-blue) 55%, #24125e);color:#fff;border-color:#0000}.kpi-accent .kpi-label{color:#d5e6f7}.kpi-accent .kpi-icon{color:#fff;background:#fff2}.kpi-accent .hint{color:#d5e6f7}.tone-green{--tone:var(--mp-green);--tone-soft:var(--green-soft)}.tone-red{--tone:var(--mp-red);--tone-soft:var(--red-soft)}.tone-amber{--tone:var(--mp-amber);--tone-soft:var(--amber-soft)}.tone-violet{--tone:var(--mp-violet);--tone-soft:var(--violet-soft)}.tone-muted{--tone:var(--muted);--tone-soft:var(--surface-hover)}.tone-blue{--tone:var(--mp-blue-bright);--tone-soft:var(--blue-soft)}.tone-coral{--tone:var(--mp-coral);--tone-soft:var(--coral-soft)}.pulse{background:var(--mp-green);border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;box-shadow:0 0 #028c3866}@keyframes pulse{70%{box-shadow:0 0 0 10px #028c3800}to{box-shadow:0 0 #028c3800}}.hint{color:var(--muted);cursor:help;place-items:center;display:inline-grid;position:relative}.hint:after{content:attr(data-tip);background:var(--night-900);color:#e8eefa;width:max-content;max-width:260px;box-shadow:var(--shadow-lift);opacity:0;pointer-events:none;z-index:60;white-space:normal;border-radius:10px;padding:9px 11px;font-size:12.5px;font-weight:500;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.hint:hover:after,.hint:focus:after{opacity:1;transform:translate(-50%)}.money-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.money-item{background:var(--surface-subtle);border:1px solid var(--line);--tone:var(--text);border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.money-item span{color:var(--secondary);align-items:center;gap:6px;font-size:13px;display:flex}.money-item strong{letter-spacing:-.01em;color:var(--tone);font-size:22px}.money-item small{color:var(--muted);font-size:12.5px}.bars{align-items:flex-end;gap:10px;padding-top:14px;display:flex}.bar-group{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.bar-stack{flex:1;justify-content:center;align-items:flex-end;gap:3px;width:100%;display:flex}.bar{width:min(22px,42%);transition:height .5s var(--ease), filter .2s;border-radius:6px 6px 2px 2px}.bar-0{background:linear-gradient(#2a86d6,#02599b)}.bar-1{background:linear-gradient(#ff8fa1,#ec5870)}.bar-group:hover .bar{filter:brightness(1.12)}.bar-label{color:var(--muted);text-transform:capitalize;font-size:11.5px}.bar-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.bar-list li{grid-template-columns:140px 1fr 34px;align-items:center;gap:12px;display:grid}.bar-list-name{flex-direction:column;font-size:14px;font-weight:600;display:flex}.bar-list-name small{color:var(--muted);font-size:12px;font-weight:500}.bar-list-track{background:var(--surface-hover);border-radius:999px;height:10px;overflow:hidden}.bar-list-track span{background:linear-gradient(90deg,#02599b,#2a86d6);border-radius:999px;height:100%;display:block}.bar-list strong{text-align:right}.attention-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.attention-list button{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;border-radius:12px;grid-template-columns:1.4fr auto 120px 150px 20px;align-items:center;gap:14px;width:100%;padding:12px 10px;display:grid}.attention-list li:first-child button{border-top:0}.attention-list button:hover{background:var(--surface-hover)}.att-name,.att-when{flex-direction:column;display:flex}.att-name small,.att-when small{color:var(--muted);font-size:12.5px}.att-balance{text-align:right;font-weight:700}.att-arrow{color:var(--muted)}.all-good{color:var(--mp-green);align-items:center;gap:10px;margin:0;padding:8px 0;font-weight:600;display:flex}.chips-inline{align-items:center;gap:8px;display:inline-flex}.status{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 9px;font-size:12.5px;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.status-active{background:var(--green-soft);color:var(--mp-green)}.status-stopped{background:var(--surface-hover);color:var(--muted)}.status-debt{background:var(--red-soft);color:var(--mp-red)}.online{background:var(--line-strong);width:10px;height:10px;box-shadow:0 0 0 3px var(--surface);border-radius:50%}.online.on{background:var(--mp-green);box-shadow:0 0 0 3px var(--green-soft)}.tag{background:var(--amber-soft);color:var(--mp-amber);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-block}.tag-red{background:var(--red-soft);color:var(--mp-red)}.kind-pill{border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-block}.kind-pill.kind-topup{background:var(--green-soft);color:var(--mp-green)}.kind-pill.kind-charge{background:var(--coral-soft);color:var(--mp-coral)}.kind-pill.kind-correction{background:var(--amber-soft);color:var(--mp-amber)}.kind-pill.kind-event{background:var(--surface-hover);color:var(--muted)}.role-badge{border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:700;display:inline-block}.role-administrator{background:var(--coral-soft);color:var(--mp-coral)}.role-user{background:var(--blue-soft);color:var(--blue)}.role-reader{background:var(--green-soft);color:var(--mp-green)}.role-legend{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.role-legend>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;display:flex}.role-legend small{color:var(--secondary)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-field{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.search-field>svg{color:var(--muted);pointer-events:none;position:absolute;left:14px}.search-field input[type=search]{border-radius:14px;width:100%;min-height:46px;padding-left:42px;padding-right:40px}.search-field .clear{background:var(--surface-hover);width:28px;height:28px;color:var(--muted);border:0;border-radius:8px;place-items:center;display:grid;position:absolute;right:8px}.toolbar select{border-radius:14px;min-width:180px;min-height:46px}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button{border:1px solid var(--line);background:var(--surface);color:var(--secondary);transition:all .2s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:650;display:inline-flex}.segmented button:hover{border-color:var(--line-strong);color:var(--text)}.segmented button.selected{background:var(--text);border-color:var(--text);color:var(--surface)}.seg-count{background:var(--surface-hover);color:var(--muted);border-radius:999px;padding:1px 7px;font-size:11.5px}.segmented button.selected .seg-count{color:inherit;background:#ffffff26}.date-range{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.date-range label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.date-range input{min-height:42px}.table-wrap{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;transition:opacity .2s;overflow:hidden}.table-wrap.is-loading{opacity:.6}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);background:var(--surface-subtle);border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 16px;font-size:10.5px;font-weight:750}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:13px 16px;font-size:14px}.table tbody tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer;transition:background .15s}.table tr.clickable:hover,.table tr.clickable:focus-visible{background:var(--surface-hover);outline:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.th-sort{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.th-sort:hover{color:var(--text)}th.num .th-sort{flex-direction:row-reverse}.cell-main{flex-direction:column;gap:2px;display:flex}.cell-main small{color:var(--muted);font-size:12.5px}.table-foot{border-top:1px solid var(--line);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pager{color:var(--secondary);align-items:center;gap:12px;font-size:13.5px;display:flex}.row-off td{opacity:.55}.comment{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.details>div+div{margin-top:3px}.change s{color:var(--muted)}.sum-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.sum{background:var(--surface);border:1px solid var(--line);--tone:var(--text);border-radius:18px;flex-direction:column;gap:3px;padding:16px 18px;display:flex}.sum span{color:var(--secondary);font-size:13px}.sum strong{color:var(--tone);font-size:24px}.sum small{color:var(--muted)}.tariff-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.tariff-card{text-align:left;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s var(--ease), box-shadow .2s;border-radius:22px;flex-direction:column;gap:10px;padding:22px;display:flex;position:relative;overflow:hidden}.tariff-card:before{content:"";background:linear-gradient(90deg,#02599b,#2a86d6);height:4px;position:absolute;inset:0 0 auto}.tariff-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.tariff-price{letter-spacing:-.02em;align-items:baseline;gap:6px;font-size:30px;font-weight:800;display:flex}.tariff-price small{color:var(--muted);font-size:13px;font-weight:600}.tariff-name{font-family:var(--serif);font-size:18px;font-weight:700}.tariff-speed,.tariff-stats{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:7px;font-size:13.5px;display:flex}.tariff-meter{background:var(--surface-hover);border-radius:999px;height:8px;overflow:hidden}.tariff-meter span{background:linear-gradient(90deg,#ec5870,#c2187a);border-radius:999px;height:100%;display:block}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--line-strong);color:var(--secondary);border-radius:20px;padding:56px 24px}.empty-state h2{color:var(--text);margin:12px 0 6px;font-size:18px}.empty-icon{background:var(--surface-hover);width:52px;height:52px;color:var(--muted);border-radius:16px;place-items:center;display:inline-grid}.error-state .empty-icon{background:var(--red-soft);color:var(--mp-red)}.alert{border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.alert svg{flex:none;margin-top:1px}.alert-error{background:var(--red-soft);color:var(--mp-red)}.alert-info{background:var(--amber-soft);color:var(--mp-amber)}.alert-success{background:var(--green-soft);color:var(--mp-green)}dialog{color:var(--text);background:0 0;border:0;max-width:none;max-height:none;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040a16a6}.modal{width:min(520px,100vw - 24px);margin:auto}.modal-card{background:var(--surface);box-shadow:var(--shadow-lift);animation:mp-pop .25s var(--ease);border-radius:22px;padding:24px}@keyframes mp-pop{0%{opacity:0;transform:scale(.97)translateY(6px)}}.modal-head{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.modal-head h2{font-family:var(--serif);margin:0;font-size:24px}.modal-head p{color:var(--secondary);margin:6px 0 0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.form{flex-direction:column;gap:14px;display:flex}.field{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.field>span,.field>legend{color:var(--secondary);margin-bottom:2px;font-size:13px;font-weight:650}.role-pick{gap:8px}.role-pick label{border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.role-pick label.selected{border-color:var(--mp-blue-bright);background:var(--blue-soft)}.role-pick span{flex-direction:column;display:flex}.role-pick small{color:var(--secondary)}.drawer{width:min(620px,100vw);height:100vh;margin:0 0 0 auto}.drawer-card{background:var(--bg);height:100%;box-shadow:var(--shadow-lift);animation:slide-in .3s var(--ease);position:relative;overflow-y:auto}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}}.drawer-head{z-index:2;justify-content:flex-end;padding:14px 16px 0;display:flex;position:sticky;top:0}.sub-card{flex-direction:column;gap:18px;margin-top:-26px;padding:0 26px 30px;display:flex}.sub-head{align-items:center;gap:16px;display:flex}.sub-head h2{font-family:var(--serif);margin:0 0 2px;font-size:28px}.sub-head p{margin:0 0 8px}.sub-avatar{background:var(--surface-hover);width:58px;height:58px;color:var(--muted);border-radius:18px;flex:none;place-items:center;display:grid}.sub-avatar.on{background:var(--green-soft);color:var(--mp-green)}.sub-hero{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.hero-tile{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:3px;min-width:0;padding:14px 16px;display:flex}.hero-tile span{color:var(--muted);font-size:12.5px;font-weight:600}.hero-tile strong{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:20px}.hero-tile small{color:var(--secondary);font-size:12.5px}.hero-tile.negative strong{color:var(--mp-red)}.sub-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dry-note{color:var(--mp-amber);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.facts{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(2,1fr);gap:0;margin:0;display:grid;overflow:hidden}.fact{border-bottom:1px solid var(--line);min-width:0;padding:12px 16px}.fact:nth-child(odd){border-right:1px solid var(--line)}.fact dt{color:var(--muted);margin-bottom:2px;font-size:12px;font-weight:600}.fact dd{overflow-wrap:anywhere;margin:0;font-weight:600}.timeline{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:0;padding:0;list-style:none;overflow:hidden}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:112px 1fr auto;align-items:center;gap:12px;padding:11px 16px;font-size:14px;display:grid}.timeline li:last-child{border-bottom:0}.tl-amount{font-variant-numeric:tabular-nums;align-items:center;font-weight:800;display:flex}.kind-topup .tl-amount{color:var(--mp-green)}.kind-charge .tl-amount{color:var(--mp-coral)}.kind-correction .tl-amount{color:var(--mp-amber)}.tl-text{flex-direction:column;min-width:0;display:flex}.tl-text small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-when{text-align:right;color:var(--secondary);flex-direction:column;font-size:12.5px;display:flex}.tl-when small{color:var(--muted)}.login{background:radial-gradient(1200px 600px at 20% -10%, #2a86d655, transparent 60%), radial-gradient(900px 500px at 110% 110%, #c2187a44, transparent 60%), linear-gradient(160deg, var(--night-900), var(--night-950));place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;width:min(440px,100%);animation:mp-pop .4s var(--ease);background:#0b1d3dcc;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;align-items:center;gap:14px;padding:40px 34px 30px;display:flex;box-shadow:0 40px 80px -20px #000a}.login-emblem{background:#fff;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 10px 30px #2a86d655}.login-emblem .emblem{width:64px;height:64px}.login-emblem .emblem-ring{stroke:#02599b}.login-card h1{font-family:var(--serif);letter-spacing:1px;text-transform:uppercase;margin:6px 0 0;font-size:32px}.login-card p{color:#b9c6dd;margin:0 0 8px}.login-card .button{width:100%}.login-lang{background:#ffffff10;border-color:#ffffff1a;margin-top:8px}.login-lang button{color:#b9c6dd}@media (width<=1280px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}@media (width<=1100px){.hide-md{display:none}}@media (width<=959px){.shell{grid-template-columns:1fr}.sidebar{width:min(300px,86vw);transition:transform .3s var(--ease);box-shadow:var(--shadow-lift);position:fixed;top:0;left:0;transform:translate(-102%)}.menu-open .sidebar{transform:none}.menu-open .scrim{z-index:35;background:#040a1699;display:block;position:fixed;inset:0}.icon-button.sidebar-close,.icon-button.menu-button{display:inline-grid}.topbar{padding:10px 16px}.content{padding:20px 16px}.profile-text{display:none}.page-head h1{font-size:28px}.attention-list button{grid-template-columns:1fr auto}.att-when,.att-arrow{display:none}}@media (width<=719px){.kpi-value{font-size:26px}.kpi{padding:14px}.money-grid,.sum-row,.role-legend,.sub-hero,.facts{grid-template-columns:1fr}.fact:nth-child(odd){border-right:0}.dry-badge,.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr{border-bottom:1px solid var(--line);padding:10px 14px}.table td{text-align:right;border:0;justify-content:space-between;gap:12px;padding:4px 0;display:flex}.table td:before{content:attr(data-label);color:var(--muted);text-align:left;font-size:12px;font-weight:600}.table td.hide-md{display:none}.table .cell-main{align-items:flex-end}.bar-list li{grid-template-columns:110px 1fr 28px}.timeline li{grid-template-columns:90px 1fr}.tl-when{text-align:left;flex-direction:row;grid-column:1/-1;gap:8px}.sub-card{padding:0 16px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}