:root{--bg:#f4f6f8;--card:#fff;--text:#1d2733;--muted:#66727f;--line:#dde3e9;--accent:#0f766e;--accent2:#0d5f59;
[hidden]{display:none!important}
--sigur:#15803d;--estimat:#c2410c;--confirmat:#b91c1c;--manual:#1d4ed8;--warn:#fff7ed;--err:#fef2f2;--ok:#f0fdf4}
*{box-sizing:border-box}
body{margin:0;font:15px/1.45 "Segoe UI",system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}
header{display:flex;align-items:center;gap:24px;background:#0f2d3a;color:#fff;padding:10px 20px;position:sticky;top:0;z-index:5}
header .logo{font-weight:700}
header nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
header nav a{color:#cfe3ea;text-decoration:none;padding:6px 12px;border-radius:6px}
header nav a:hover,header nav a.activ{background:#1d4656;color:#fff}
header .cine{font-size:14px;color:#cfe3ea}
main{max-width:1200px;margin:0 auto;padding:20px 16px 60px}
h1{font-size:22px;margin:4px 0 16px}h2{font-size:17px;margin:0 0 12px}h3{font-size:15px;margin:14px 0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:16px}
.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.rand{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
label{display:block;font-size:13px;color:var(--muted);margin-bottom:3px}
input,select,textarea{width:100%;font:inherit;padding:7px 9px;border:1px solid #c5ced7;border-radius:6px;background:#fff;color:var(--text)}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid #99d5cf;border-color:var(--accent)}
button,.btn{font:inherit;border:0;border-radius:7px;padding:8px 14px;background:var(--accent);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.btn:hover{background:var(--accent2)}
button.sec,.btn.sec{background:#e8eef2;color:var(--text)}button.sec:hover{background:#d8e2e8}
button.rosu{background:#b91c1c}button.mare{padding:12px 22px;font-size:16px;font-weight:600}
button.link{background:none;color:inherit;text-decoration:underline;padding:0}
button:disabled{opacity:.5;cursor:default}
.tile{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center;cursor:pointer}
.tile b{display:block;font-size:30px;color:var(--accent)}.tile.zero b{color:#b5bec7}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}
th{color:var(--muted);font-weight:600;font-size:13px}tr.click{cursor:pointer}tr.click:hover{background:#f2f7f9}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;background:#e8eef2;white-space:nowrap}
.pill.generat,.pill.semnat{background:#fef3c7}.pill.scanat,.pill.trimis_wa,.pill.awb{background:#dbeafe}.pill.predat,.pill.livrat{background:#dcfce7}
.pill.eroare,.pill.verificare_picata{background:#fee2e2}.pill.anulat{background:#e5e7eb;text-decoration:line-through}.pill.in_randare{background:#ede9fe}
.camp{position:relative}.camp .st{font-size:11px;font-weight:600;margin-left:6px}
.st.sigur{color:var(--sigur)}.st.estimat{color:var(--estimat)}.st.de_confirmat{color:var(--confirmat)}.st.manual{color:var(--manual)}
.camp.estimat input{border-color:#fdba74;background:#fffaf5}.camp.de_confirmat input{border-color:#fca5a5;background:#fff5f5}
.motiv{font-size:12px;color:var(--muted);margin-top:2px}
.alerta{padding:10px 12px;border-radius:8px;margin:8px 0;border:1px solid}
.alerta.err{background:var(--err);border-color:#fecaca}.alerta.warn{background:var(--warn);border-color:#fed7aa}.alerta.ok{background:var(--ok);border-color:#bbf7d0}
.pasi{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 14px}
.pas{padding:6px 12px;border-radius:999px;background:#e8eef2;font-size:13px;color:var(--muted)}
.pas.facut{background:#dcfce7;color:#166534}.pas.acum{background:var(--accent);color:#fff;font-weight:600}
.drop{border:2px dashed #b6c3cf;border-radius:10px;padding:22px;text-align:center;color:var(--muted);cursor:pointer}
.drop.peste{background:#ecfdf5;border-color:var(--accent)}
.fis{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.fis .f{border:1px solid var(--line);border-radius:8px;padding:6px;font-size:12px;width:130px;text-align:center;position:relative;background:#fff}
.fis .f img{width:116px;height:86px;object-fit:cover;border-radius:4px;display:block;margin:0 auto 4px}
.fis .f.coperta{outline:3px solid var(--accent)}
.fis .f .x{position:absolute;top:2px;right:4px;cursor:pointer;color:#999}
iframe.pdf{width:100%;height:900px;border:1px solid var(--line);border-radius:8px;background:#fff}
.copiaza{display:flex;gap:6px;align-items:center;margin:4px 0}.copiaza input{flex:1}
.mic{font-size:12px;color:var(--muted)}
.verif li.pica{color:var(--confirmat);font-weight:600}.verif li{font-size:13px}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#0f2d3a;color:#fff;padding:10px 18px;border-radius:8px;z-index:20;max-width:90vw}
#toast.err{background:#b91c1c}
.login{max-width:340px;margin:80px auto}
.tabs{display:flex;gap:4px;margin-bottom:12px}.tabs button{background:#e8eef2;color:var(--text)}.tabs button.activ{background:var(--accent);color:#fff}
@media (max-width:640px){header{flex-wrap:wrap;gap:8px}iframe.pdf{height:600px}}