:root{--brand: #1e40af;--brand-hover: #1e3a8a;--brand-light: #dbeafe;--bg: #f1f5f9;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--rosu: #b91c1c;--rosu-bg: #fee2e2;--galben: #92400e;--galben-bg: #fef3c7;--verde: #166534;--verde-bg: #dcfce7;--albastru: #1e40af;--albastru-bg: #dbeafe;--gri-bg: #f1f5f9;--radius: 14px;--shadow: 0 1px 3px rgba(15, 23, 42, .08);--latime: 560px;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}b{font-weight:600}button,input,textarea{font:inherit;color:inherit}.centru{min-height:60vh;display:grid;place-items:center}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--brand-light);border-top-color:var(--brand);animation:rot .8s linear infinite;display:inline-block;vertical-align:middle}.spinner.mic{width:16px;height:16px;border-width:2px;margin-right:6px}@keyframes rot{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:var(--text-2);margin-bottom:14px}input,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:16px;color:var(--text)}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--brand-light);outline-offset:1px;border-color:var(--brand)}.rand-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:360px){.rand-2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:15px;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn-principal{background:var(--brand);border-color:var(--brand);color:#fff}.btn-principal:hover:not(:disabled){background:var(--brand-hover)}.btn.lat{width:100%}.btn-icon{border:0;background:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--text-2)}.eroare{color:var(--rosu);background:var(--rosu-bg);padding:10px 12px;border-radius:10px;font-size:14px;margin:10px 0}.succes{color:var(--verde);background:var(--verde-bg);padding:10px 12px;border-radius:10px;font-size:14px;margin:10px 0}.nota{color:var(--text-2);font-size:13px;margin:8px 0}.camp-parola{position:relative;display:block}.camp-parola input{padding-right:46px}.camp-parola .ochi{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:8px;color:var(--text-3)}.camp-parola .ochi:hover{color:var(--text-2)}.ca-link{border:0;background:none;padding:0;cursor:pointer;color:var(--brand);font-size:inherit;text-decoration:underline}.pagina-auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.card-auth{width:100%;max-width:400px;background:var(--surface);border-radius:20px;padding:28px 22px;box-shadow:var(--shadow);text-align:center}.card-auth form{text-align:left;margin-top:18px}.card-auth h1{font-size:24px;margin-top:10px}.card-auth .sub{color:var(--text-2);margin-top:4px}.card-auth .nota{margin-top:18px;text-align:left}.cadru{min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.antet{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border)}.antet-titlu{font-weight:700;font-size:16px}.antet-sub{font-size:13px;color:var(--text-2)}.continut{max-width:var(--latime);margin:0 auto;padding:16px}.meniu{position:fixed;bottom:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.meniu a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;font-size:12px;font-weight:500;color:var(--text-3);text-decoration:none}.meniu a.active{color:var(--brand)}.icon-cu-bulina{position:relative;display:inline-flex}.bulina{position:absolute;top:-5px;right:-10px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--rosu);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.titlu-pagina{font-size:20px;margin-bottom:12px}.subtitlu{font-size:15px;margin:20px 0 8px;color:var(--text-2)}.card{background:var(--surface);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.camp{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.camp span{color:var(--text-2)}.iesire{margin-top:24px;color:var(--rosu)}.gol{text-align:center;color:var(--text-2);padding:36px 12px}.sumar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sumar-card{background:var(--surface);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.sumar-rosu{background:var(--rosu-bg)}.sumar-rosu .sumar-valoare{color:var(--rosu)}.sumar-eticheta{font-size:13px;color:var(--text-2);font-weight:500}.sumar-valoare{font-size:20px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}.sumar-detaliu{font-size:12px;color:var(--text-2)}.filtre{display:flex;gap:6px;margin:16px 0 12px;overflow-x:auto;scrollbar-width:none}.filtre::-webkit-scrollbar{display:none}.filtre button{flex:none;border:1px solid var(--border);background:var(--surface);color:var(--text-2);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;min-height:38px}.filtre button.activ{background:var(--text);border-color:var(--text);color:#fff}.filtre-extra{display:flex;gap:8px;align-items:center;margin:-4px 0 12px}.filtre-extra select{flex:1;min-width:0;min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:15px}.filtre-extra select.activ{border-color:var(--brand);background:var(--brand-light);color:var(--brand);font-weight:600}.filtre-extra select:focus-visible{outline:3px solid var(--brand-light);outline-offset:1px;border-color:var(--brand)}.lista{list-style:none;display:flex;flex-direction:column;gap:10px}.factura{background:var(--surface);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.factura-sus{display:flex;gap:12px;align-items:flex-start}.tip-icon{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.tip-lumina{background:#fef9c3;color:#a16207}.tip-gaz{background:#ffedd5;color:#c2410c}.tip-intretinere{background:#e0e7ff;color:#4338ca}.tip-refacturare{background:#ccfbf1;color:#0f766e}.factura-titlu{flex:1;min-width:0}.factura-nume{font-weight:600}.factura-meta{font-size:13px;color:var(--text-2);overflow-wrap:anywhere}.factura-suma{font-weight:700;font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}.factura-date{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;font-size:13px;color:var(--text-2)}.factura-date b{color:var(--text)}.eticheta{margin-left:auto;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.eticheta-rosu{background:var(--rosu-bg);color:var(--rosu)}.eticheta-galben{background:var(--galben-bg);color:var(--galben)}.eticheta-albastru{background:var(--albastru-bg);color:var(--albastru)}.eticheta-verde{background:var(--verde-bg);color:var(--verde)}.eticheta-gri{background:var(--gri-bg);color:var(--text-2)}.intarziere{color:var(--rosu);font-size:13px;font-weight:600;margin-top:8px}.factura-sold{margin-top:10px;font-size:13px;color:var(--text-2)}.factura-sold>div{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.factura-sold b{color:var(--text);font-variant-numeric:tabular-nums}.factura-sold-total{margin-top:4px;padding-top:6px;border-top:1px solid var(--gri-bg)}.factura-sold-total span,.factura-sold-total b{color:var(--text);font-weight:700}.factura .eroare,.factura .nota{margin:8px 0 0}.factura-actiuni{display:flex;gap:8px;margin-top:12px}.factura-actiuni .btn{flex:1}.fundal-modal{position:fixed;inset:0;z-index:20;background:#0f172a80;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:var(--latime);max-height:92vh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}@media(min-width:600px){.fundal-modal{align-items:center}.modal{border-radius:20px}}.modal-antet{display:flex;align-items:center;justify-content:space-between}.modal-antet h2{font-size:18px}.zona-fisier{position:relative;margin:14px 0;padding:20px 14px;border:2px dashed var(--border);border-radius:12px;text-align:center;color:var(--text-2);cursor:pointer;font-weight:400}.zona-fisier b{color:var(--brand)}.zona-fisier input{position:absolute;inset:0;opacity:0;cursor:pointer}.zona-fisier:focus-within{border-color:var(--brand)}.notificare{background:var(--surface);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow);border-left:4px solid transparent}.notificare.noua{border-left-color:var(--brand)}.notificare-titlu{font-weight:600}.notificare-mesaj{color:var(--text-2);font-size:14px;margin-top:2px}.notificare-data{color:var(--text-3);font-size:12px;margin-top:6px}.alegeri{display:flex;gap:8px;margin-top:14px}.alegere{flex:1;padding:8px 6px;font-size:13px;justify-content:center}.alegere.activa{background:var(--brand-light);border-color:var(--brand);color:var(--brand);font-weight:600}.pasi{list-style:none;display:flex;flex-direction:column;gap:12px;margin:4px 0 14px}.pasi li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}.pas-nr{flex:0 0 24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.bara-instalare{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:11px 14px;border:1px solid var(--brand);border-radius:var(--radius);background:var(--brand-light);color:var(--brand);font-size:14px;font-weight:500;cursor:pointer;text-align:left}.bara-instalare span{flex:1}.bara-instalare .inchide{color:inherit;opacity:.7;padding:2px}.atentionare{display:flex;gap:9px;align-items:flex-start;margin:12px 0;padding:11px 13px;border-radius:10px;background:#fef3c7;color:#92400e;border:1px solid #fcd34d;font-size:14px;line-height:1.45}.atentionare svg{flex-shrink:0;margin-top:1px}.cerere-push{margin-bottom:12px;border:1px solid var(--brand)}.cerere-push-titlu{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--brand)}.cerere-push-butoane{display:flex;gap:8px;margin-top:12px}.cerere-push-butoane .btn{flex:1}.alege-ap{margin-bottom:12px}.alege-ap .nota{margin-bottom:0}.alege-ap-buton{width:100%;justify-content:space-between}.alege-ap-buton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alege-ap-lista{list-style:none;max-height:60vh;overflow-y:auto;margin:8px 0 4px;border:1px solid var(--border);border-radius:10px}.alege-ap-lista li+li{border-top:1px solid var(--border)}.alege-ap-rand{display:flex;align-items:center;gap:10px;width:100%;padding:12px;min-height:44px;border:0;background:none;text-align:left;cursor:pointer}.alege-ap-rand:hover{background:var(--gri-bg)}.alege-ap-rand .factura-meta{margin-left:auto;text-align:right}.alege-ap-bifa{flex:none;color:var(--brand)}.alege-ap-grup{padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-2);background:var(--gri-bg);text-transform:uppercase;letter-spacing:.03em}.buton-sugestii{margin-left:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--text-2);background:var(--gri-bg);transition:background .15s,color .15s,transform .15s}.buton-sugestii:hover{background:#f59e0b29;color:#b45309}.buton-sugestii:active{transform:scale(.94)}.buton-sugestii.active{background:#f59e0b33;color:#b45309}.rand-confidentialitate{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin-top:18px;font-size:14px;color:var(--text-2)}.rand-confidentialitate:hover{color:var(--brand)}.video-tutorial{display:block;width:100%;max-height:68vh;margin:14px 0 4px;border-radius:12px;background:#000;object-fit:contain}.selector-limba{display:flex;flex-wrap:wrap;gap:6px}.selector-limba .btn.limba{flex:1 1 auto;min-width:104px;justify-content:center;padding:8px 10px;font-size:14px}.selector-limba .btn.limba.activa{border-color:var(--brand);color:var(--brand);font-weight:600}.selector-limba.compact{margin-top:14px;gap:4px}.selector-limba.compact .btn.limba{min-width:0;padding:5px 8px;font-size:12px;border-radius:999px}
