:root{--bg: #f6f8fb;--bg-soft: #eef2f7;--text: #0f172a;--muted: #526079;--card: #ffffff;--primary: #0f172a;--primary-hover: #1e293b;--danger: #b42318;--border: #d7dee9;--border-strong: #c3cedd;--ring: 0 0 0 3px rgb(148 163 184 / 28%);--shadow-sm: 0 8px 22px rgb(15 23 42 / 5%);--shadow-md: 0 16px 34px rgb(15 23 42 / 8%)}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 18% -20%,#dbeafe 0%,transparent 48%),radial-gradient(circle at 92% -16%,#e2e8f0 0%,transparent 40%),var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1180px;margin:0 auto;padding:1.1rem 1.1rem 1.4rem}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.05rem;box-shadow:var(--shadow-sm);animation:rise-in .2s ease-out}.card h2,.card h3{margin-top:0;margin-bottom:.4rem;color:var(--text);font-weight:700}.card p{color:var(--muted)}.grid{display:grid;gap:.9rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}label{display:block;margin-bottom:.35rem;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase;font-weight:700;color:#334155}input,select,textarea,button{width:100%;font:inherit}input,select,textarea{border:1px solid var(--border-strong);border-radius:11px;min-height:42px;padding:.58rem .72rem;background:#fff;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input::placeholder,textarea::placeholder{color:#94a3b8}input:focus,select:focus,textarea:focus{outline:0;border-color:#94a3b8;box-shadow:var(--ring)}textarea{min-height:118px;resize:vertical}button{border:1px solid var(--border-strong);border-radius:11px;min-height:40px;padding:.62rem .92rem;cursor:pointer;font-weight:600;background:#fff;color:var(--text);transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease}button:hover{border-color:#9aa9be}button:active{transform:translateY(1px)}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button.secondary{background:#f8fafc;color:#0f172a}button.secondary:hover{background:#eef2f7}button.danger{background:#fff1f1;border-color:#fecaca;color:var(--danger)}button.danger:hover{background:#ffe4e4}button:disabled{opacity:.62;cursor:not-allowed;transform:none}.table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.table thead{background:#f8fafc}.table th,.table td{border-bottom:1px solid var(--border);padding:.68rem .58rem;font-size:.88rem;text-align:left}.table tbody tr:hover{background:#f8fafc}.table tbody tr:last-child td{border-bottom:0}.table-actions{display:inline-flex;gap:.35rem}.masked-secret{position:relative;display:inline-block;cursor:help}.masked-secret:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);opacity:0;pointer-events:none;z-index:20;min-width:180px;max-width:440px;padding:.45rem .58rem;border-radius:8px;background:#111827;color:#f9fafb;border:1px solid #374151;font-size:.75rem;line-height:1.2;white-space:normal;word-break:break-all;box-shadow:var(--shadow-md);transition:opacity .14s ease,transform .14s ease}.masked-secret:before{content:"";position:absolute;left:50%;bottom:calc(100% + 2px);transform:translate(-50%) translateY(4px);opacity:0;pointer-events:none;z-index:21;border:6px solid transparent;border-top-color:#111827;transition:opacity .14s ease,transform .14s ease}.masked-secret:hover:after,.masked-secret:hover:before,.masked-secret:focus-visible:after,.masked-secret:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}.icon-btn{width:auto;min-width:2rem;min-height:2rem;padding:.42rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:9px;background:#f8fafc;color:#0f172a}.icon-btn:hover{background:#eef2f7}.icon-btn svg{width:1rem;height:1rem;fill:currentColor}.icon-btn-edit{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}.icon-btn-edit:hover{background:#dbeafe}.icon-btn-delete{color:var(--danger);border-color:#fecaca;background:#fef2f2}.icon-btn-delete:hover{background:#fee2e2}.badge{display:inline-block;background:#e2e8f0;color:#1e293b;border-radius:999px;padding:.2rem .55rem;font-size:.74rem;font-weight:600}.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:10px;padding:.65rem;margin-bottom:.75rem}.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:10px;padding:.65rem;margin-bottom:.75rem}pre{background:#0f172a;color:#e2e8f0;border-radius:12px;padding:1rem;overflow:auto;font-size:.82rem;border:1px solid #1e293b}.topbar{border-bottom:1px solid var(--border);background:#ffffffdb;backdrop-filter:blur(8px);position:sticky;top:0;z-index:40}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.actions-inline{display:flex;gap:.5rem;align-items:center}.row{display:grid;gap:.8rem;margin-bottom:.75rem}.tab-switcher{display:inline-flex;flex-wrap:wrap;gap:.45rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:.24rem}.tab-button{width:auto;border:0;background:transparent;color:#475569;border-radius:999px;padding:.52rem .92rem;transition:all .16s ease;min-height:36px}.tab-button:hover{background:#e2e8f0;color:#0f172a}.tab-button.active{background:var(--primary);color:#fff}@media (max-width: 740px){.actions-inline{flex-direction:column;align-items:stretch}.tab-switcher{width:100%;border-radius:12px}.tab-button{width:100%;border-radius:10px}}@keyframes rise-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}