.pingupal-blue-text{color:#00457C}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#2d3748}
::-webkit-scrollbar-thumb{background:#718096;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#a0aec0}
.message{padding:1rem;margin-bottom:1rem;border-radius:.375rem}
.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}
.message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
.pro-section{border:2px dashed #fbbf24;background-color:#fffbeb;padding:1.5rem;border-radius:.5rem;margin-top:2rem}
.pro-section h2{color:#b45309}
.switch{position:relative;display:inline-block;width:60px;height:34px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}
.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}
input:checked+.slider{background-color:#2563eb}
input:checked+.slider:before{transform:translateX(26px)}
.nav-link{display:flex;align-items:center;padding-left:1.5rem;padding-right:1.5rem;padding-top:.75rem;padding-bottom:.75rem;margin-top:.5rem;border-radius:.5rem;transition:all .15s ease-in-out}
.logout-btn{display:block;width:100%;text-align:center;background-color:#dc2626;color:#fff;padding:.5rem;border-radius:.5rem;font-weight:700;margin-top:1rem;font-size:.875rem}.logout-btn:hover{background-color:#b91c1c}
.input-std{margin-top:.25rem;display:block;width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:sm}.input-std:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-color:#3b82f6;border-color:#3b82f6}
.radio-std{height:1rem;width:1rem;border-color:#d1d5db;color:#4f46e5}.radio-std:focus{--tw-ring-color:#4f46e5}
.note{margin-top:.25rem;font-size:.75rem;color:#6b7280}
.badge{padding:.25rem .75rem;font-size:.875rem;font-weight:500;border-radius:9999px}
.button-primary{width:100%;padding:.75rem;border-radius:.5rem;font-weight:700;font-size:1.125rem;color:#fff;background-color:#2563eb;transition:background-color .15s}.button-primary:hover{background-color:#1d4ed8}@media (min-width:768px){.button-primary{width:auto;padding-left:1.5rem;padding-right:1.5rem}}
.card{padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb;background-color:#fff}
.card-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}
.label{display:block;font-size:.875rem;font-weight:500;color:#374151}
.button-add,.button-back{font-weight:700;padding:.5rem 1rem;border-radius:.25rem;transition:background-color .15s}
.button-add{color:#fff;background-color:#16a34a}.button-add:hover{background-color:#15803d}
.button-back{color:#fff;background-color:#6b7280}.button-back:hover{background-color:#4b5563}
.table-std{min-width:100%;divide-y divide-gray-200}.table-std th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.table-std td{padding:1rem 1.5rem;white-space:nowrap;font-size:.875rem}
.link-edit{color:#4f46e5}.link-edit:hover{color:#3730a3}
.link-delete{color:#dc2626}.link-delete:hover{color:#991b1b}