.badges-container[data-v-21d9ddd0]{max-width:1200px;margin:0 auto;padding:16px;background-color:#f5f7fa;min-height:100vh}.header[data-v-21d9ddd0]{margin-bottom:24px}.page-title[data-v-21d9ddd0]{font-size:24px;font-weight:600;color:#2c3e50;margin:0;text-align:center}.credentials-section[data-v-21d9ddd0]{margin-bottom:32px}.section-title[data-v-21d9ddd0]{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 16px 0}.credentials-table[data-v-21d9ddd0]{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(79,131,204,.1);border-collapse:collapse;overflow:hidden}.credentials-table thead[data-v-21d9ddd0]{background-color:#3f51b5}.credentials-table th[data-v-21d9ddd0]{padding:16px 12px;text-align:left;font-weight:600;color:#fff;font-size:14px;border:none;background-color:#3f51b5}.credentials-table td[data-v-21d9ddd0]{padding:16px 12px;border-bottom:1px solid #e0e6ed;font-size:14px;color:#2c3e50}.credentials-table tbody tr[data-v-21d9ddd0]:hover{background-color:#f8f9fa}.credentials-table tbody tr:last-child td[data-v-21d9ddd0]{border-bottom:none}.credential-type[data-v-21d9ddd0]{font-weight:600}.credential-number[data-v-21d9ddd0],.expiration-date[data-v-21d9ddd0]{font-weight:500}.no-data[data-v-21d9ddd0]{text-align:center;color:#6c757d;font-style:italic}.nav-tabs[data-v-21d9ddd0]{display:flex;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(79,131,204,.1);margin-bottom:24px;overflow:hidden}.nav-tab[data-v-21d9ddd0]{flex:1;padding:16px 12px;background:none;border:none;font-size:14px;font-weight:500;color:#6c757d;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.nav-tab[data-v-21d9ddd0]:hover{background-color:rgba(79,131,204,.1)}.nav-tab.active[data-v-21d9ddd0]{background-color:#3f51b5;color:#fff}.nav-icon[data-v-21d9ddd0]{font-size:16px}.content[data-v-21d9ddd0]{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(79,131,204,.1);padding:16px}.table-container[data-v-21d9ddd0]{overflow-x:auto;border-radius:8px}.badges-grid[data-v-21d9ddd0]{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:768px){.badges-grid[data-v-21d9ddd0]{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.badges-grid[data-v-21d9ddd0]{grid-template-columns:repeat(3,1fr)}}.badge-card[data-v-21d9ddd0]{background-color:#fff;border:1px solid #e0e6ed;border-radius:8px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.badge-card[data-v-21d9ddd0]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.badge-header[data-v-21d9ddd0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e6ed}.terminal-info[data-v-21d9ddd0]{display:flex;align-items:center;gap:8px}.terminal-dot[data-v-21d9ddd0]{width:12px;height:12px;border-radius:50%}.terminal-name[data-v-21d9ddd0]{font-weight:600;color:#2c3e50;font-size:14px}.badge-number[data-v-21d9ddd0]{font-size:12px;color:#6c757d;background-color:#f5f7fa;padding:4px 8px;border-radius:4px;font-weight:500}.badge-details[data-v-21d9ddd0]{display:flex;flex-direction:column;gap:12px}.detail-row[data-v-21d9ddd0]{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-height:20px}.label[data-v-21d9ddd0]{font-size:12px;color:#6c757d;font-weight:500;flex-shrink:0;min-width:100px}.value[data-v-21d9ddd0]{font-size:13px;color:#2c3e50;font-weight:500;text-align:right;flex:1;word-break:break-word}.status-badge[data-v-21d9ddd0]{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active[data-v-21d9ddd0]{background-color:#22c55e;color:#fff}.status-inactive[data-v-21d9ddd0]{background-color:red;color:#fff}.status-locked[data-v-21d9ddd0]{background-color:#6c757d;color:#fff}.text-success[data-v-21d9ddd0]{color:#3f51b5!important;font-weight:600}.text-warning[data-v-21d9ddd0]{color:#f59e0b!important;font-weight:600}.text-danger[data-v-21d9ddd0]{color:red!important;font-weight:600}@media (max-width:767px){.badges-container[data-v-21d9ddd0]{padding:12px}.page-title[data-v-21d9ddd0]{font-size:20px}.section-title[data-v-21d9ddd0]{font-size:18px}.credentials-table[data-v-21d9ddd0]{overflow-x:auto}.credentials-table td[data-v-21d9ddd0],.credentials-table th[data-v-21d9ddd0],.nav-tab[data-v-21d9ddd0]{padding:12px 8px;font-size:13px}.nav-icon[data-v-21d9ddd0]{font-size:14px}.badge-card[data-v-21d9ddd0]{padding:12px}.badge-header[data-v-21d9ddd0]{flex-direction:column;align-items:flex-start;gap:8px}.terminal-info[data-v-21d9ddd0]{order:1}.badge-number[data-v-21d9ddd0]{order:2;align-self:flex-end}.detail-row[data-v-21d9ddd0]{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:nowrap}.label[data-v-21d9ddd0]{min-width:80px;flex-shrink:0}.value[data-v-21d9ddd0]{text-align:right;flex:1}}.empty-state[data-v-21d9ddd0],.loading[data-v-21d9ddd0]{text-align:center;padding:40px;color:#6c757d}.nav-tab[data-v-21d9ddd0]:focus{outline:2px solid #4f83cc;outline-offset:2px}.badge-card[data-v-21d9ddd0]:focus-within{outline:2px solid #4f83cc;outline-offset:2px}@media print{.badges-container[data-v-21d9ddd0]{background-color:#fff;box-shadow:none}.badge-card[data-v-21d9ddd0]{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #e0e6ed}.nav-tabs[data-v-21d9ddd0]{display:none}}