body{margin:0;padding:0;font-family:sans-serif}#app{min-height:100vh;width:100%}.login{padding:2rem}.title{text-align:center}.form{margin:3rem auto;display:flex;flex-direction:column;justify-content:center;width:20%;min-width:350px;max-width:100%;background:#13232fe6;border-radius:5px;padding:40px;box-shadow:0 4px 10px 4px #0000004d}.form-label{margin-top:2rem;color:#fff;margin-bottom:.5rem}.form-label:first-of-type{margin-top:0rem}.form-input{padding:10px 15px;background:none;background-image:none;border:1px solid white;color:#fff}.form-input:focus{outline:0;border-color:#1ab188}.form-submit{background:#1ab188;border:none;color:#fff;margin-top:3rem;padding:1rem 0;cursor:pointer;transition:background .2s}.form-submit:hover{background:#0b9185}.navbar{display:flex;justify-content:space-between;align-items:center;background:#1e293b;color:#fff;padding:.8rem 1.5rem}.app-title{font-size:1.2rem;font-weight:700}.logout-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.logout-btn:hover{background:#dc2626}.page-title{text-align:center;padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;border-radius:0 0 8px 8px}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem}.input-search{display:flex;align-items:center;width:100%}.search-input{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;width:20%;font-size:.9rem;transition:border-color .2s;margin-bottom:1rem}.search-input:focus{outline:none;border-color:#1e40af}.create-container{text-align:right;margin-bottom:1rem;width:90%}.action-btn-create{background-color:#64748b;color:#fff;border:none;padding:6px 12px;border-radius:2px;cursor:pointer;font-size:1.2rem;transition:background .2s}.action-btn-create:hover{background-color:#475569}.table-container{width:80%;margin:1rem auto;overflow-x:auto}.styled-table{width:100%;border-collapse:collapse;font-family:sans-serif;background-color:#f9fafb;color:#1f2937;box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden}.styled-table th,.styled-table td{padding:12px 15px;text-align:center}.styled-table thead{background-color:#1e293b;color:#fff;font-weight:700}.styled-table tbody tr:nth-child(2n){background-color:#f3f4f6}.styled-table tbody tr:hover{background-color:#e2e8f0}.loading{text-align:center;font-style:italic;color:#6b7280}.pagination{display:flex;justify-content:center;margin-top:1rem;gap:6px}.pagination button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;background-color:#64748b;color:#fff;font-weight:700;transition:background .2s}.pagination button:hover:not(:disabled){background-color:#475569}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button.active{background-color:#1e293b}.btn-download-pdf{background-color:#64748b;color:#fff;padding:6px 12px;border:none;cursor:pointer;border-radius:4px;margin-right:3px}.btn-download-json{background-color:#64748b;color:#fff;padding:6px 12px;border:none;cursor:pointer;border-radius:4px}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background-color:#64748b;color:#fff;padding:6px 12px;border:none;cursor:pointer;border-radius:4px}.dropdown-menu{position:absolute;text-align:left;top:100%;left:0;background-color:#fff;border:1px solid #eee;box-shadow:0 2px 5px #0000001a;list-style:none;padding:0;margin-top:5px;border-radius:4px;min-width:150px;z-index:50}.dropdown-menu li{padding:8px 12px;cursor:pointer}.dropdown-menu li:hover{background-color:#f5f5f5}.modal-overlay[data-v-b3222dcd]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-container[data-v-b3222dcd]{background:#fff;border-radius:1rem;padding:1.5rem 2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 25px #0003;animation:fadeInUp-b3222dcd .25s ease}@keyframes fadeInUp-b3222dcd{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title[data-v-b3222dcd]{font-size:1.4rem;margin-bottom:.75rem;font-weight:600}.modal-message[data-v-b3222dcd]{font-size:1rem;margin-bottom:1.25rem;color:#444}.modal-actions[data-v-b3222dcd]{display:flex;justify-content:center;gap:10px}.btn-confirm[data-v-b3222dcd]{background:#3085d6;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:5px;cursor:pointer;font-size:.95rem;transition:background .2s}.btn-confirm[data-v-b3222dcd]:hover{background:#256db0}.btn-cancel[data-v-b3222dcd]{background:#e0e0e0;color:#333;border:none;padding:.6rem 1.2rem;border-radius:5px;cursor:pointer;font-size:.95rem;transition:background .2s}.btn-cancel[data-v-b3222dcd]:hover{background:#c9c9c9}.modal-inputs[data-v-b3222dcd]{display:flex;flex-direction:column;gap:10px;margin-bottom:1rem}.modal-input[data-v-b3222dcd]{padding:.6rem;border:1px solid #ccc;border-radius:6px;font-size:.95rem;width:100%;box-sizing:border-box}.error[data-v-b3222dcd]{font-size:.85rem;color:red;text-align:left;margin-top:-5px;margin-bottom:5px}