#ppi-root{--gold:#F6B800;--stroke:#E8E8E8;--ink:#121212;font-family:Cairo,system-ui}
#ppi-root .ppi-header{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--stroke);padding:10px;border-radius:12px;background:#fff}
#ppi-root .bar{display:flex;gap:8px}
#ppi-root .btn{border:1px solid var(--stroke);background:#fff;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:700}
#ppi-root .btn-primary{background:var(--gold);border-color:var(--gold)}
#ppi-root .ppi-tabs{display:flex;gap:8px;margin:10px 0}
#ppi-root .tab{border:1px solid var(--stroke);background:#fff;padding:8px 12px;border-radius:999px;cursor:pointer}
#ppi-root .tab[aria-current=\"page\"]{background:var(--gold);border-color:var(--gold)}
#ppi-root .card{border:1px solid var(--stroke);border-radius:12px;background:#fff;padding:12px}
#ppi-root .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:900px){#ppi-root .grid2{grid-template-columns:1fr}}
#ppi-root .f{display:flex;flex-direction:column;gap:6px}
#ppi-root input,#ppi-root select,#ppi-root textarea{border:1px solid var(--stroke);border-radius:10px;padding:8px}
#ppi-root .readonly{border:1px dashed var(--stroke);border-radius:10px;padding:8px;background:#fafafa}
#ppi-root .step{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
#ppi-toast{position:fixed;left:14px;bottom:14px;background:#fff;border:1px solid var(--stroke);padding:8px 12px;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.08)}
#ppi-toast[hidden]{display:none}