:root{--bg: #0f172a;--panel: #1e293b;--panel-2: #273449;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0ea5e9;--danger: #f87171;--success: #4ade80;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}.center{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card.narrow{width:100%;max-width:380px}h1{font-size:1.4rem;margin:0 0 .25rem}h2{font-size:1.1rem;margin:0 0 1rem}.subtitle{color:var(--muted);margin:0 0 1.25rem;font-size:.9rem}label{display:block;font-size:.8rem;color:var(--muted);margin:.75rem 0 .25rem}input,select,textarea{width:100%;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.55rem .7rem;font-size:.9rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}textarea{resize:vertical;min-height:70px}button{cursor:pointer;border:none;border-radius:8px;padding:.55rem .9rem;font-size:.9rem;font-weight:600;background:var(--accent-strong);color:#03212e}button:hover{background:var(--accent)}button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}button.full{width:100%;margin-top:1rem}.app{max-width:1000px;margin:0 auto;padding:1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.topbar .user{color:var(--muted);font-size:.85rem}.tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem;flex-wrap:wrap}.tabs button{background:transparent;color:var(--muted);border-radius:0;padding:.5rem .75rem;border-bottom:2px solid transparent}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}td.mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.row>div{flex:1;min-width:140px}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600}.badge.read{background:#1e3a5f;color:#7dd3fc}.badge.write{background:#3b2f12;color:#fbbf24}.badge.both{background:#14352a;color:#6ee7b7}.badge.revoked{background:#3a1b1b;color:var(--danger)}.badge.active{background:#14352a;color:var(--success)}.banner{padding:.7rem .9rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.banner.error{background:#3a1b1b;color:#fecaca;border:1px solid #7f1d1d}.banner.success{background:#14352a;color:#bbf7d0;border:1px solid #166534}.banner.warn{background:#3a2f12;color:#fde68a;border:1px solid #854d0e}.muted{color:var(--muted)}.flex-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.checkbox-row{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.checkbox-row input{width:auto}pre.result{background:#0b1220;border:1px solid var(--border);border-radius:8px;padding:.75rem;overflow:auto;font-size:.78rem;max-height:240px}.key-reveal{background:#0b1220;border:1px dashed var(--accent);border-radius:8px;padding:.75rem;word-break:break-all;margin-top:.5rem}