:root{--fundal: #f4f6f8;--carte: #ffffff;--text: #1c2430;--text-sters: #5b6675;--linie: #dde3ea;--accent: #1f3a5f;--accent-text: #ffffff;--atentie: #b45309;--rau: #b91c1c;--bun: #15803d;--raza: 10px}*{box-sizing:border-box}html,body{margin:0;background:var(--fundal);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}button,input,select,textarea{font:inherit}.aplicatie{min-height:100dvh;display:flex;flex-direction:column}.antet{background:var(--accent);color:var(--accent-text);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:2}.antet h1{font-size:17px;margin:0;font-weight:600}.antet .cine{font-size:13px;opacity:.9}.antet button{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.5);border-radius:6px;padding:4px 8px}.continut{flex:1;padding:12px 16px 84px;max-width:920px;width:100%;margin:0 auto}.nav{position:fixed;bottom:0;left:0;right:0;background:var(--carte);border-top:1px solid var(--linie);display:flex;justify-content:space-around;padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:2}.nav a{text-decoration:none;color:var(--text-sters);font-size:13px;padding:6px 10px;border-radius:8px;text-align:center;min-width:90px}.nav a.activ{color:var(--accent);font-weight:600;background:#e8eef6}.nav a .n{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--rau);color:#fff;font-size:11px;margin-left:4px}h2{font-size:18px;margin:18px 0 8px}h3{font-size:15px;margin:14px 0 6px;color:var(--text-sters);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.carte{background:var(--carte);border:1px solid var(--linie);border-radius:var(--raza);padding:12px 14px;margin-bottom:10px}.rand{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.rand+.rand{border-top:1px solid var(--linie);margin-top:8px;padding-top:8px}.titlu{font-weight:600}.titlu a{color:inherit;text-decoration:none}.meta{color:var(--text-sters);font-size:13px}.eticheta{display:inline-block;font-size:12px;padding:1px 7px;border-radius:10px;background:#e8eef6;color:var(--accent);margin-right:6px}.eticheta.rau{background:#fde8e8;color:var(--rau)}.eticheta.atentie{background:#fdf0e0;color:var(--atentie)}.eticheta.bun{background:#e5f5ea;color:var(--bun)}.eticheta.personala{background:#f1e8f8;color:#6b2d8f}.rand.personala{border-left:4px solid #8e44ad;padding-left:8px;background:#faf6fd;border-radius:6px}.actiuni{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.buton{background:var(--accent);color:var(--accent-text);border:0;border-radius:8px;padding:10px 14px;cursor:pointer;min-height:44px}.buton.secundar{background:#e8eef6;color:var(--accent)}.buton.rau{background:var(--rau)}.buton:disabled{opacity:.6}.formular{display:grid;gap:10px}.formular label{display:grid;gap:4px;font-size:14px;color:var(--text-sters)}.formular input,.formular select,.formular textarea{padding:10px;border:1px solid var(--linie);border-radius:8px;width:100%;min-height:44px;background:#fff;color:var(--text)}.eroare{color:var(--rau);background:#fde8e8;border-radius:8px;padding:8px 10px;margin:8px 0}.info{color:var(--text-sters);font-size:14px}.gol{color:var(--text-sters);padding:10px 0}.numaratori{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.numaratori .n{background:var(--carte);border:1px solid var(--linie);border-radius:8px;padding:6px 10px;font-size:14px}.numaratori .n b{font-size:18px;margin-right:4px}.file{display:flex;gap:6px;margin:8px 0}.file button{background:transparent;border:1px solid var(--linie);border-radius:16px;padding:4px 12px;cursor:pointer}.file button.activ{background:var(--accent);color:#fff;border-color:var(--accent)}.autentificare{max-width:380px;margin:60px auto}.cod{font-family:ui-monospace,monospace;word-break:break-all;background:#f0f3f7;padding:8px;border-radius:6px}.istoric li{font-size:13px;color:var(--text-sters);margin-bottom:4px}@media(min-width:768px){.nav{position:sticky;top:46px;bottom:auto;border-top:0;border-bottom:1px solid var(--linie);justify-content:flex-start;padding:6px 16px}.continut{padding-bottom:24px}}
