:root{--ink:#17221f;--muted:#68736f;--line:#dce4df;--paper:#f5f7f2;--card:#fff;--accent:#176b59;--dark:#0c4a3d;--warm:#d4843e;--danger:#a13b32}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px max(20px,calc((100% - 1180px)/2));background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--accent);color:#fff}.connection,.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);color:var(--muted);font-size:12px}.dot{width:7px;height:7px;border-radius:50%;background:var(--warm)}.shell{max-width:1180px;margin:auto;padding:44px 20px 70px}.intro{padding:0 0 36px}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.15em}.intro h1{margin:0;font-size:54px;line-height:1.05;letter-spacing:0}.lede{margin:16px 0 0;color:var(--muted);font-size:17px}.panel{padding:25px;background:#fff;border:1px solid var(--line)}.directory{margin-bottom:24px}.section-head,.actions,.subhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{margin:0;font-size:22px}.link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:23px -25px -25px;border-top:1px solid var(--line)}.link-card{display:flex;gap:11px;padding:17px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-width:0}.avatar{width:42px;height:42px;object-fit:cover;background:#e9efeb;flex:0 0 42px}.link-card h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.link-card h3 a{color:inherit;text-decoration:none}.link-card p{margin:2px 0 0;color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.muted{color:var(--muted)}.notice{margin:17px 0;padding:10px 12px;background:#edf5f0;color:var(--dark)}.inline{display:flex;gap:8px;margin-top:16px}.inline input{flex:1}.stack{display:grid;gap:12px;margin-top:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:4px;color:var(--muted);font-size:12px;font-weight:700}input,textarea,select{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--accent)}.button{padding:9px 14px;border:1px solid var(--accent);border-radius:2px;background:var(--accent);color:#fff;cursor:pointer;font-weight:700;white-space:nowrap}.button.quiet{background:transparent;color:var(--accent)}.button.quiet:hover{background:var(--accent);color:#fff}.hidden{display:none!important}.subhead{margin-top:25px;padding-bottom:9px;border-bottom:1px solid var(--line)}.subhead h3{margin:0;font-size:16px}.rows{display:grid;gap:2px;margin-top:10px}.row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0ed}.row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row small{color:var(--muted)}.row-actions{display:flex;gap:5px}.row-actions .button{padding:6px 8px;font-size:12px}.tag{display:inline-block;margin-left:6px;padding:2px 6px;background:#e8f1ec;color:var(--dark);font-size:11px}.tag.pending,.tag.pending_check,.tag.failed{background:#fff0dc;color:#855624}.empty{padding:23px;color:var(--muted);text-align:center;grid-column:1/-1}.code{font:12px/1.5 ui-monospace,Consolas,monospace;margin:13px 0}.toast{position:fixed;right:20px;bottom:20px;margin:0;padding:11px 14px;background:var(--ink);color:#fff;opacity:0;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:var(--danger)}@media(max-width:850px){.intro h1{font-size:42px}.columns{grid-template-columns:1fr}.link-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.shell{padding:30px 15px}.topbar{padding:14px 15px}.intro h1{font-size:35px}.panel{padding:18px}.link-grid{grid-template-columns:1fr;margin:18px -18px -18px}.grid{grid-template-columns:1fr}.inline{flex-direction:column}.inline .button{width:100%}.actions{align-items:stretch;flex-wrap:wrap}.actions .button{flex:1}}
