*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;background-color:#f4f7f9;color:#333}.login-container[data-v-fa2cabe1]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-box[data-v-fa2cabe1]{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}h1[data-v-fa2cabe1]{text-align:center;color:#2c3e50;margin-bottom:2rem;font-size:2rem}.login-form[data-v-fa2cabe1]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-fa2cabe1]{display:flex;flex-direction:column;gap:.5rem}label[data-v-fa2cabe1]{font-weight:600;color:#34495e;font-size:.9rem}input[data-v-fa2cabe1]{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease}input[data-v-fa2cabe1]:focus{outline:none;border-color:#667eea}input[data-v-fa2cabe1]:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message[data-v-fa2cabe1]{background-color:#fee;color:#c33;padding:.75rem;border-radius:6px;font-size:.9rem;text-align:center}.login-button[data-v-fa2cabe1]{padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login-button[data-v-fa2cabe1]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-button[data-v-fa2cabe1]:active:not(:disabled){transform:translateY(0)}.login-button[data-v-fa2cabe1]:disabled{opacity:.6;cursor:not-allowed}[data-v-161a6bf8]{box-sizing:border-box;margin:0;padding:0}body[data-v-161a6bf8]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;background-color:#f4f7f9;color:#333}#app[data-v-161a6bf8]{max-width:1200px;margin:0 auto;padding:2rem}header[data-v-161a6bf8]{margin-bottom:2rem;text-align:center;display:flex;justify-content:space-between;align-items:center}h1[data-v-161a6bf8]{color:#2c3e50}.logout-btn[data-v-161a6bf8]{padding:.5rem 1rem;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.logout-btn[data-v-161a6bf8]:hover{background-color:#c0392b}.form-container[data-v-161a6bf8],.table-container[data-v-161a6bf8]{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}h2[data-v-161a6bf8]{margin-bottom:1.5rem;color:#34495e;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}form[data-v-161a6bf8]{display:flex;gap:1rem;align-items:center}input[data-v-161a6bf8]{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.add-form[data-v-161a6bf8]{flex-wrap:wrap}.add-form input[data-v-161a6bf8]{flex:1 1 300px}button[data-v-161a6bf8]{padding:.75rem 1.5rem;border:none;border-radius:4px;color:#fff;background-color:#3498db;cursor:pointer;font-size:1rem;transition:background-color .3s ease}button[data-v-161a6bf8]:hover{background-color:#2980b9}table[data-v-161a6bf8]{width:100%;border-collapse:collapse;text-align:left}th[data-v-161a6bf8],td[data-v-161a6bf8]{padding:1rem;border-bottom:1px solid #ddd;vertical-align:middle}td input[data-v-161a6bf8]{padding:.5rem}thead th[data-v-161a6bf8]{background-color:#f9fafb;font-weight:600}.token-cell[data-v-161a6bf8]{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.actions[data-v-161a6bf8]{display:flex;gap:.5rem}.actions button[data-v-161a6bf8]{padding:.5rem 1rem;font-size:.875rem}.edit-btn[data-v-161a6bf8],.save-btn[data-v-161a6bf8]{background-color:#2ecc71}.edit-btn[data-v-161a6bf8]:hover,.save-btn[data-v-161a6bf8]:hover{background-color:#27ae60}.delete-btn[data-v-161a6bf8],.cancel-btn[data-v-161a6bf8]{background-color:#e74c3c}.delete-btn[data-v-161a6bf8]:hover,.cancel-btn[data-v-161a6bf8]:hover{background-color:#c0392b}.signin-btn[data-v-161a6bf8]{background-color:#9b59b6}.signin-btn[data-v-161a6bf8]:hover{background-color:#8e44ad}@media (max-width: 768px){#app[data-v-161a6bf8]{padding:1rem}header[data-v-161a6bf8]{flex-direction:column;gap:1rem}.form-container[data-v-161a6bf8],.table-container[data-v-161a6bf8]{padding:1.5rem 1rem}h1[data-v-161a6bf8]{font-size:1.75rem}h2[data-v-161a6bf8]{font-size:1.25rem}.add-form[data-v-161a6bf8]{flex-direction:column;align-items:stretch}.add-form button[data-v-161a6bf8]{width:100%}table[data-v-161a6bf8]{border:0}thead[data-v-161a6bf8]{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}tr[data-v-161a6bf8]{display:block;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;background:#fff}tr.no-hover[data-v-161a6bf8]{box-shadow:none;background:transparent}td[data-v-161a6bf8]{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #f0f0f0;text-align:right}tr td[data-v-161a6bf8]:last-child{border-bottom:0}td[data-v-161a6bf8]:before{content:attr(data-label);font-weight:600;color:#34495e;text-align:left;margin-right:1rem}td.token-cell[data-v-161a6bf8]{white-space:normal;word-break:break-all}td.actions[data-v-161a6bf8]{flex-direction:column;gap:.75rem;align-items:stretch}td.actions[data-v-161a6bf8]:before{display:none}.actions button[data-v-161a6bf8]{width:100%;text-align:center}}