.pp-keys{--bg:#0a0a0b;--panel:#131316;--panel-2:#1a1a1e;--border:rgba(255,255,255,0.08);--text:#f5f5f7;--text-muted:#9ba0a6;--accent:#8b5cf6;--accent-2:#22d3ee;--danger:#f87171;--green:#34d399;font-family:ui-sans-serif,system-ui,-apple-system,Inter,Roboto,sans-serif;color:var(--text);padding:24px 32px;min-height:100vh;background:var(--bg)}.pp-keys h1{font-size:26px;letter-spacing:-.01em;margin:0 0 6px}.pp-keys .sub{color:var(--text-muted);margin:0 0 24px}.pp-keys .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pp-keys button.primary{background:var(--accent);color:#fff;border:0;padding:9px 16px;border-radius:6px;font-weight:600;cursor:pointer;font-size:14px}.pp-keys button.primary:hover{filter:brightness(1.08)}.pp-keys button.danger{background:transparent;color:var(--danger);border:1px solid var(--border);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.pp-keys button.danger:hover{background:rgba(248,113,113,.08)}.pp-keys table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.pp-keys td,.pp-keys th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);font-size:14px}.pp-keys th{background:var(--panel-2);color:var(--text-muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.pp-keys tr:last-child td{border-bottom:0}.pp-keys .prefix{font-family:ui-monospace,monospace;color:var(--accent-2)}.pp-keys .muted{color:var(--text-muted);font-size:13px}.pp-keys .empty{text-align:center;padding:40px;color:var(--text-muted)}.pp-keys .modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100}.pp-keys .modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:min(480px,92vw);padding:22px}.pp-keys .modal h2{margin:0 0 8px;font-size:18px}.pp-keys .modal p{color:var(--text-muted);font-size:13px;margin:0 0 14px}.pp-keys .field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.pp-keys label{font-size:12px;color:var(--text-muted)}.pp-keys input[type=date],.pp-keys input[type=text],.pp-keys select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:6px;font-size:14px;outline:none;font-family:inherit}.pp-keys input:focus,.pp-keys select:focus{border-color:var(--accent)}.pp-keys .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.pp-keys button.secondary{background:transparent;color:var(--text);padding:8px 14px;cursor:pointer}.pp-keys .reveal,.pp-keys button.secondary{border:1px solid var(--border);border-radius:6px;font-size:13px}.pp-keys .reveal{background:var(--panel-2);padding:10px 12px;font-family:ui-monospace,monospace;color:var(--green);word-break:break-all;margin-bottom:12px}.pp-keys .error{color:var(--danger);font-size:13px;margin-bottom:12px}