.wsp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.wsp-field input,.wsp-field select{width:100%;padding:10px}
.wsp-admin{background:#0a1f44;color:#fff;padding:20px}
.wsp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0}
.wsp-card{background:#122b5c;color:#fff;padding:18px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.wsp-filter{margin:16px 0}
.wsp-filter input{margin-right:8px;padding:8px}
.wsp-table th,.wsp-table td{vertical-align:middle}
.wsp-progress{position:relative;height:12px;background:#d7dbe8;border-radius:999px;overflow:hidden;min-width:120px}
.wsp-progress.large{height:16px;margin-bottom:10px}
.wsp-progress span{display:block;height:100%;background:#2ea3f2}
.wsp-front-card{max-width:960px;margin:20px auto;background:#0a1f44;color:#fff;padding:24px;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.wsp-front-card form input{width:100%;padding:12px;margin:10px 0;color:#111}
.wsp-front-card form button{padding:12px 18px;border:none;border-radius:10px;background:#f5b400;color:#111;font-weight:700;cursor:pointer}
.wsp-field-view{background:#122b5c;padding:12px;border-radius:10px}
.wsp-list{padding-left:20px}
.wsp-pre{white-space:pre-wrap;background:#122b5c;padding:14px;border-radius:10px}
@media (max-width:767px){.wsp-admin{padding:12px}.wsp-front-card{padding:16px}}