.key-register{color:#15253e;padding:20px}.key-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.key-heading small{color:#876619;letter-spacing:.1em;font-weight:700}.key-heading h2{margin:5px 0;font-size:26px}.key-heading p{color:#52647c;margin:0}.key-register button{font:inherit;color:#fff;cursor:pointer;background:#142642;border:1px solid #142642;border-radius:8px;padding:10px 14px;font-size:14px}.key-register button:disabled{opacity:.5;cursor:wait}.key-register label{gap:7px;margin:12px 0;font-size:14px;font-weight:600;display:grid}.key-register input,.key-register select{font:inherit;color:#142642;background:#fff;border:1px solid #c6d1df;border-radius:7px;min-width:0;max-width:100%;padding:10px;font-size:16px}.key-quantity{background:#f0f4f8;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0;padding:16px;display:flex}.key-quantity label{margin:0}.key-quantity input{width:150px}.key-quantity small{color:#52647c;font-size:14px;display:block}.key-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;display:grid}.key-card{background:#fff;border:1px solid #d2dce8;border-top:4px solid #d5ac3c;border-radius:12px;min-width:0;padding:20px}.key-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.key-card h3{margin:0;font-size:20px}.key-card-title span{background:#edf2f8;border-radius:6px;padding:5px 8px;font-size:13px}.key-card-title .pending{color:#654700;background:#fff0bd}.key-card-title .borrowed{color:#164370;background:#e4effb}.key-identifier{color:#52647c;overflow-wrap:anywhere}.key-card dl{grid-template-columns:100px 1fr;gap:12px;margin:18px 0;display:grid}.key-card dt{color:#52647c;font-size:14px}.key-card dd{margin:0;font-weight:600}.key-card details{margin-top:20px;font-size:14px}.key-error{color:#9a271f;background:#fff0ed;border-radius:8px;padding:12px}.key-modal-backdrop{z-index:3000;background:#061329a6;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.key-modal{background:#fff;border-radius:14px;width:min(540px,100%);max-height:90vh;padding:24px;overflow:auto}.key-modal fieldset{border:0;min-width:0;padding:0}.key-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=600px){.key-register{padding:12px}.key-heading{align-items:flex-start}.key-card-title{flex-direction:column;align-items:flex-start}}