:root{--green:#0e5a3a; --green-2:#0b7a4b; --bg:#f4f5f7; --card:#fff;--border:#dde1e6; --text:#1c2430; --muted:#5b6573; --blue:#1d4f91;}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.topbar{background:var(--green);color:#fff;font-size:13px;font-weight:500;padding:5px 40px}header{background:#fff;border-bottom:1px solid var(--border);padding:12px 40px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px}.brand img{height:52px;width:auto;object-fit:contain}.logo-fallback{width:46px;height:46px;border-radius:50%;background:var(--green-2);color:#fff;display:none;align-items:center;justify-content:center;font-weight:700;font-size:13px}.logo-fallback.show{display:flex}.brand h1{font-size:27px;font-weight:700;color:var(--green);letter-spacing:.3px}.brand .rs{border-left:1px solid var(--border);padding-left:14px;color:var(--blue);font-weight:600;font-size:13px;line-height:1.35;text-transform:uppercase}.search{margin-left:auto;display:flex;align-items:center;gap:10px;border:1px solid #9aa3ad;border-radius:6px;padding:0 14px;height:42px;width:420px;max-width:100%;background:#fff}.search:focus-within{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(11,122,75,.15)}.search svg{flex:none;color:var(--muted)}.search input{border:0;outline:0;flex:1;font:inherit;font-size:15px;min-width:0;background:transparent;color:var(--text)}.search .count{font-size:13px;color:var(--muted);white-space:nowrap}.search kbd{font:inherit;font-size:11px;border:1px solid var(--border);border-radius:4px;padding:1px 6px;color:var(--muted)}main{flex:1;padding:16px 40px 40px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card{--accent:var(--green-2);background:var(--card);border:1px solid var(--border);border-radius:6px;padding:14px;display:flex;align-items:center;gap:14px;min-height:92px;transition:border-color .15s,box-shadow .15s,transform .15s}.card:hover,.card:focus-visible{border-color:var(--accent);box-shadow:0 6px 16px rgba(0,0,0,.08);transform:translateY(-1px);outline:none}.icon{flex:none;width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#fff);border:1px solid color-mix(in srgb,var(--accent) 25%,#fff);overflow:hidden}.icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon img{width:100%;height:100%;object-fit:contain}.card h2{font-size:15px;font-weight:700;letter-spacing:.2px;margin-bottom:3px}.card p{font-size:13px;color:var(--muted);line-height:1.35}.card.pending{opacity:.62;cursor:default}.card.pending:hover{transform:none;box-shadow:none;border-color:var(--border)}.card .text{flex:1;min-width:0}.arrow{align-self:flex-start;color:#9aa3ad;font-size:15px;transition:color .15s}.card:hover .arrow{color:var(--accent)}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.tag{font-size:10.5px;font-weight:600;letter-spacing:.2px;padding:1px 7px;border-radius:20px;border:1px solid}.tag.muted{color:#6b7280;border-color:#d1d5db;background:#f9fafb}.tag.internal{color:#92400e;border-color:#fcd34d;background:#fffbeb}.tag.note{color:#1e40af;border-color:#bfdbfe;background:#eff6ff}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filters button{font:inherit;font-size:13px;border:1px solid var(--border);background:#fff;color:var(--muted);padding:6px 14px;border-radius:30px;cursor:pointer}.filters button:hover{border-color:var(--green-2);color:var(--green)}.filters button.active{background:var(--green);border-color:var(--green);color:#fff}.filters button.locked{display:inline-flex;align-items:center;gap:6px}.filters svg.lock{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.session-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffbeb;border:1px solid #fcd34d;color:#92400e;border-radius:6px;padding:8px 12px;margin-bottom:12px;font-size:13px}.session-bar[hidden]{display:none}.session-bar button{font:inherit;font-size:12.5px;border:1px solid #f59e0b;background:#fff;color:#92400e;border-radius:5px;padding:4px 12px;cursor:pointer}.session-bar button:hover{background:#fef3c7}dialog#login{margin:auto;border:0;border-radius:10px;padding:0;width:min(380px,calc(100% - 32px));box-shadow:0 20px 50px rgba(0,0,0,.25);color:var(--text)}dialog#login::backdrop{background:rgba(15,23,42,.45)}#login-form{padding:24px;display:flex;flex-direction:column;gap:12px}#login-form h3{font-size:18px;color:var(--green)}.login-sub{font-size:13px;color:var(--muted);margin-top:-6px}#login-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}#login-form input{font:inherit;font-size:15px;font-weight:400;border:1px solid #9aa3ad;border-radius:6px;padding:9px 11px;outline:0}#login-form input:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(11,122,75,.15)}.login-error{min-height:18px;font-size:13px;color:#b91c1c}.login-actions{display:flex;justify-content:flex-end;gap:8px}.login-actions button{font:inherit;font-size:14px;font-weight:600;border-radius:6px;padding:9px 18px;cursor:pointer;border:1px solid var(--green-2);background:var(--green-2);color:#fff}.login-actions button.ghost{background:#fff;color:var(--muted);border-color:var(--border)}.login-actions button:disabled{opacity:.6;cursor:wait}.note-net{margin-top:22px;font-size:12.5px;color:var(--muted);line-height:1.6;max-width:820px}.empty{display:none;text-align:center;color:var(--muted);padding:60px 0}.empty.show{display:block}footer{border-top:1px solid var(--border);background:#f8f9fa;padding:10px 40px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.notfound{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:40px 16px}.notfound h2{font-size:48px;color:var(--green)}.notfound a{background:var(--green-2);color:#fff;padding:10px 18px;border-radius:6px;font-weight:600}@media (max-width:760px){.topbar,header,main,footer{padding-left:16px;padding-right:16px}.topbar{font-size:12px}.brand{gap:10px}.brand img{height:42px}.brand h1{font-size:19px}.brand .rs{font-size:11px;padding-left:10px}.search{width:100%}.search kbd{display:none}}