@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
.vps-wrap{max-width:760px;margin:20px auto;padding:20px;border-radius:12px;background:#fff;font-family:'Poppins',sans-serif;box-shadow:0 8px 22px rgba(0,0,0,0.06)}
.vps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.vps-title{margin:0;font-size:18px;font-weight:600}
.vps-lang .vps-lang-btn{margin-left:8px;padding:6px 8px;border-radius:6px;border:1px solid #d0d7df;background:#fff;cursor:pointer}
.vps-lang .vps-lang-btn.active{background:#0b6ebd;color:#fff;border-color:#0b6ebd}
.vps-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.vps-label{display:block;font-size:14px;color:#333}
.vps-input{padding:12px;border-radius:10px;border:1px solid #e1e7ec;width:100%;margin-top:6px;font-size:15px}
.vps-dropdown{padding:10px;border-radius:10px;border:1px solid #e1e7ec;width:100%;margin-top:6px;font-size:15px}
.vps-purple{background:#751B7F;color:#fff;padding:8px;border-radius:10px}
.vps-green{background:#8E9159;color:#fff}
.vps-table-wrap{grid-column:1/-1;margin-top:12px;overflow:auto}
.vps-table{width:100%;border-collapse:collapse}
.vps-table th,.vps-table td{border:1px solid #f0f4f7;padding:14px;text-align:left}
.vps-out{background:#E5C609;padding:10px;border-radius:8px;color:#111;font-weight:700;text-align:center;min-width:140px}
.vps-actions{grid-column:1/-1;display:flex;gap:12px;margin-top:14px}
.vps-btn{flex:1;padding:12px;border-radius:10px;border:none;color:#fff;font-weight:700;cursor:pointer;transition:all .18s ease}
.vps-calc{background:#174711}
.vps-reset{background:#0D2A63}
.vps-pdf{background:#800202}
.vps-calc:hover{background:#1f5f12}
.vps-reset:hover{background:#143869}
.vps-pdf:hover{background:#a10b0b}
.vps-note{grid-column:1/-1;margin-top:10px;color:#444;font-size:13px}
@media(max-width:700px){.vps-grid{grid-template-columns:1fr}.vps-out{min-width:100%}}