*{box-sizing:border-box} :root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} body{margin:0;background:#f4f5f7;color:#202124} button,input{font:inherit} button{border:1px solid #d0d5dd;background:#fff;color:#202124;padding:.58rem .85rem;border-radius:8px;cursor:pointer} button:hover{background:#f0f2f5} button:disabled{opacity:.45;cursor:not-allowed}
.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.1rem;background:#171717;color:#fff;box-shadow:0 2px 8px #0002}.brand{font-weight:800;letter-spacing:.08em;white-space:nowrap}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.topbar button{border-color:#555;background:#292929;color:#fff}.topbar button:hover{background:#3a3a3a}.topbar .danger{border-color:#a83a3a;background:#762929}
.app{width:min(900px,calc(100% - 2rem));margin:1.4rem auto 3rem}.status{color:#5f6368;font-size:.9rem;margin:0 0 1rem;min-height:1.25rem}.category{margin:1.4rem 0 1.1rem}.category:first-child{margin-top:.3rem}.category-title{margin:0 0 .55rem;font-size:1.03rem;font-weight:750;color:#333a45;border-bottom:2px solid #d9dde3;padding:0 0 .45rem}.tool-list{border:1px solid #dfe3e8;border-radius:10px;overflow:hidden;background:#fff}.tool-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;color:#202124;text-decoration:none;min-height:3rem}.tool-link+.tool-link{border-top:1px solid #e5e7eb}.tool-link:nth-child(odd){background:#fff}.tool-link:nth-child(even){background:#f0f3f7}.tool-link:hover{background:#e4ebf5}.external-mark{color:#7b8492;font-size:.9rem}.empty{padding:1rem;background:#fff;border:1px dashed #cbd0d8;border-radius:10px;color:#666}
.modal{width:min(650px,calc(100% - 1.5rem));max-height:88vh;padding:0;border:0;border-radius:14px;box-shadow:0 16px 60px #0004}.modal::backdrop{background:#0007}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #e5e7eb}.modal-head h2{margin:0;font-size:1.15rem}.icon-button{padding:.35rem .6rem}.modal-body{padding:1.2rem;overflow:auto}.field-label{display:block;margin-bottom:.4rem;font-weight:650}.inline-field{display:flex;gap:.5rem}input{min-width:0;width:100%;padding:.6rem .7rem;border:1px solid #cfd4dc;border-radius:8px;background:#fff}.hint{font-size:.85rem;line-height:1.45;color:#68707d}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem}.section-heading h3{margin:0;font-size:1rem}.credential-list{display:grid;gap:.55rem;margin:.8rem 0}.credential-row{display:grid;grid-template-columns:1fr 1.3fr auto;gap:.5rem}.secondary-toolbar{margin-top:.6rem}
@media(max-width:620px){.topbar{align-items:flex-start;flex-direction:column}.toolbar{width:100%}.topbar .toolbar button{flex:1 1 auto}.credential-row{grid-template-columns:1fr auto}.credential-row input:nth-child(2){grid-column:1/-1;grid-row:2}.inline-field{flex-direction:column}}