:root{--bg: #0e1420;--panel: #161e2d;--panel-2: #1d2739;--line: #27324a;--text: #e8edf5;--muted: #8d98ad;--accent: #f2a33c;--blue: #4ea3f2;--green: #3fbf7f;--red: #ef5f5f;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45;overscroll-behavior-y:none}h1,h2,h3{margin:0;font-weight:600}.p-app{max-width:1100px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.p-muted{color:var(--muted)}.p-small{font-size:13px}.p-center{text-align:center}.p-warn{color:var(--accent)}.p-note{background:var(--panel-2);border-radius:10px;padding:10px 12px;margin:0}.p-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.p-head__brand img{display:block;width:min(46vw,210px);height:auto;max-height:64px;object-fit:contain;object-position:left center}.p-tabs,.p-sites{display:flex;gap:6px}.p-tabs button,.p-sites button{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:9px 16px;font:inherit;font-size:15px;cursor:pointer;white-space:nowrap}.p-tabs button.is-active,.p-sites button.is-active{background:var(--panel-2);color:var(--text);border-color:var(--accent)}.p-sites{overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}.p-sites::-webkit-scrollbar{display:none}.p-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:7px}.p-dot--ok{background:var(--green)}.p-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:860px){.p-grid{grid-template-columns:1fr 1fr}.p-span{grid-column:1 / -1}}.p-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;min-width:0}.p-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.p-card__head h2{font-size:17px}.p-sub{font-size:15px;color:var(--muted);margin:14px 0 6px}.p-pill{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--panel-2);color:var(--muted);margin-left:6px}.p-card__head .p-pill{margin-left:0}.p-pill--ok{color:var(--green)}.p-pill--warn{color:var(--accent)}.p-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:860px){.p-tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.p-tile{background:var(--panel-2);border-radius:12px;padding:14px;border-left:3px solid var(--line)}.p-tile--sun{border-left-color:var(--accent)}.p-tile--use{border-left-color:var(--blue)}.p-tile--ok{border-left-color:var(--green)}.p-tile--grid{border-left-color:var(--muted)}.p-tile__value{font-size:clamp(24px,7vw,34px);font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.p-tile__value span{font-size:.5em;font-weight:500;color:var(--muted)}.p-tile__label{color:var(--muted);font-size:13px;margin-top:4px}.p-price strong{font-size:38px;font-weight:600;font-variant-numeric:tabular-nums}.p-price span{color:var(--muted)}.p-list{margin:0}.p-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.p-row:first-child{border-top:0}.p-row dt{color:var(--muted)}.p-row dt small{display:block;font-size:12px;opacity:.8}.p-row dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.p-meters{list-style:none;margin:0;padding:0}.p-meter{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.p-meter:first-child{border-top:0}.p-meter__values{display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pricechart{width:100%;height:auto;display:block}.p-chart{height:220px}.chart{position:relative;width:100%;height:100%;padding-left:46px;padding-bottom:22px}.chart--empty{display:flex;align-items:center;justify-content:center;color:var(--muted);padding:0}.chart__svg{width:100%;height:100%;overflow:visible}.chart__grid{stroke:#ffffff14;stroke-width:1}.chart__yaxis{position:absolute;top:0;left:0;bottom:22px;width:46px}.chart__xaxis{position:absolute;left:46px;right:0;bottom:0;height:22px}.chart__yaxis span,.chart__xaxis span{position:absolute;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.chart__yaxis span{left:0;transform:translateY(-50%)}.chart__xaxis span{bottom:0;transform:translate(-50%)}.chart__xaxis span:first-child{transform:none}.chart__legend{position:absolute;top:0;right:0;display:flex;gap:12px;font-size:12px;color:var(--muted)}.chart__legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}.p-login{min-height:100dvh;display:flex;align-items:center;justify-content:center}.p-login .p-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px}.p-login__logo{width:78%;height:auto;max-height:130px;object-fit:contain;margin:4px auto}.p-login__icon{width:84px;height:84px;margin:4px auto}.p-login h1{font-size:24px;text-align:center}.p-login .p-muted{text-align:center;margin:0}.p-form{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:5px}label span{font-size:13px;color:var(--muted)}label small{font-size:12px;color:var(--muted)}input{background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit;font-size:16px;padding:12px;width:100%}input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}.p-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px 16px;font:inherit;font-weight:600;cursor:pointer;margin-top:8px}.p-btn--primary{background:var(--accent);border-color:var(--accent);color:#1a1305}.p-btn:disabled{opacity:.6;cursor:default}