aside{display:flex;flex-direction:column}aside nav{flex:1;overflow-y:auto;padding-bottom:15px}.sidebar-primary{position:sticky;bottom:0;padding:12px;background:#123b33;border-top:1px solid rgba(255,255,255,.18);display:grid;gap:8px}.sidebar-primary a{display:block;text-align:center;padding:10px;border-radius:8px;background:#fff;color:#174f40!important;font-weight:800;text-decoration:none}.sidebar-primary a:last-child{background:#eab54b;color:#222!important}.record-list{display:grid;gap:8px}.record-line{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(160px,1fr) minmax(120px,.8fr) auto;gap:12px;align-items:center;padding:13px 15px;border:1px solid #dbe4e9;border-radius:9px;background:#fff;color:#24343f;text-decoration:none}.record-line:hover{border-color:#1b755d;background:#f5fbf8}.record-line .line-title{font-weight:800}.record-line small{color:#687984}.line-actions{display:flex;gap:7px;justify-content:flex-end}.detail-panel{max-width:850px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.credential-detail{display:grid;gap:12px}.credential-row{display:grid;grid-template-columns:130px 1fr auto auto;gap:10px;align-items:center;background:#f5f8fa;border:1px solid #dce5eb;border-radius:9px;padding:12px}.credential-row code{font-size:15px;word-break:break-all}.copy-icon{border:0;background:#e0eee9;border-radius:7px;padding:8px 10px;cursor:pointer;font-size:17px}.share-message{white-space:pre-line;background:#f5f8fa;border:1px solid #dce5eb;border-radius:9px;padding:16px;font-size:16px;line-height:1.7}.back-row{margin-bottom:14px}@media(max-width:760px){.record-line{grid-template-columns:1fr}.line-actions{justify-content:flex-start}.credential-row{grid-template-columns:1fr auto}.credential-row>small{grid-column:1/-1}.credential-row .btn{grid-column:1/-1}.sidebar-primary{position:static}}
.password-record-line{grid-template-columns:1fr auto}