:root{--teal-1:#ccfbf1;--teal-6:#0d9488;--teal-7:#0f766e;--slate-2:#f1f5f9;--slate-3:#e2e8f0;--slate-5:#64748b;--slate-9:#0f172a;--amber-1:#fef9c3;--red-1:#fee2e2;--orange-1:#ffedd5;--green-1:#dcfce7}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--slate-9);background:linear-gradient(#f9fbfc,#f2f6f7);font:14px/1.4 Segoe UI,Inter,sans-serif;overflow-x:hidden}a{color:var(--teal-7)}#app{border:0;width:100%}.login-wrap{background:radial-gradient(circle at 50% -20%,#dbf4f0 15%,#f5f7fa 70%);place-items:center;min-height:100vh;display:grid}.card{border:1px solid var(--slate-3);background:#ffffffd9;border-radius:18px;gap:12px;width:min(420px,92vw);padding:28px;display:grid;box-shadow:0 12px 32px #0f172a0f}.card h1{color:var(--slate-5);margin:0 0 8px;font-size:18px}input,select,button{border:1px solid var(--slate-3);border-radius:10px;padding:10px 12px}button{background:var(--teal-6);color:#fff;cursor:pointer;border:0}.password-wrap{grid-template-columns:1fr auto;gap:8px;display:grid}.password-toggle{color:var(--slate-9);border:1px solid var(--slate-3);background:#fff}.directory-page{gap:16px;width:min(1500px,96vw);margin:20px auto;display:grid}.page-head h1{letter-spacing:-.02em;margin:0;font-size:30px}.page-head p{color:var(--slate-5);margin:6px 0 0}.filter-wrap{background:#fff;border:0;border-radius:12px;gap:10px;padding:12px;display:grid;box-shadow:0 1px #e2e8f0,0 8px 24px #0f172a08}.filter-top{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(140px,1fr));gap:8px;display:grid}.search{width:100%}.filter-picker{position:relative}.filter-picker summary{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--slate-3);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:10px;padding:10px 12px;list-style:none;overflow:hidden}.filter-picker summary::-webkit-details-marker{display:none}.filter-menu{z-index:20;border:1px solid var(--slate-3);background:#fff;border-radius:10px;gap:6px;width:100%;min-width:100%;max-height:320px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 10px 24px #0f172a14}.filter-item-wrap{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.filter-item{color:var(--slate-9);text-align:left;background:0 0;border:0;border-radius:8px;padding:8px}.filter-item:hover{background:#f8fafc}.filter-item.clear{color:var(--teal-7);font-weight:600}.tick-wrap{justify-content:center;align-items:center;min-width:22px;display:inline-flex}.quick-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quick-row>span{color:var(--slate-5);text-transform:uppercase;font-size:11px}.qf{background:var(--slate-2);color:var(--slate-9);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:inline-flex}.qf.active.teal{background:var(--teal-1);border-color:#99f6e4}.qf.active.amber{background:var(--amber-1);border-color:#fde68a}.qf.active.slate{background:var(--slate-2)}.qf.active.red{background:var(--red-1)}.qf.active.orange{background:var(--orange-1)}.qf.active.green{background:var(--green-1)}.active-row{flex-wrap:wrap;gap:8px;display:flex}.qf-remove{padding-left:2px;font-weight:700}.quick-empty{color:var(--slate-5);font-size:12px}.table-wrap{background:#fff;border:0;border-radius:12px;position:relative;overflow:auto;box-shadow:0 1px #e2e8f0,0 8px 24px #0f172a08}.empty-state{color:var(--slate-5);border:1px solid var(--slate-3);background:#fff;border-radius:10px;margin:-6px 0 0;padding:10px 12px}table{border-collapse:collapse;width:100%;min-width:980px}th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--slate-5);border-bottom:1px solid var(--slate-3);background:#f8fafc;padding:12px 14px;font-size:11px}td{vertical-align:top;border-bottom:1px solid #edf2f7;padding:12px 14px}tbody tr:hover{background:#f5fbfa}.status-row.not_contacted{background:#fff}.status-row.not_contacted:hover{background:#f8fafc}.status-row.contacted{background:#fff7ed}.status-row.contacted:hover{background:#ffedd5}.status-row.responded{background:#f0fdf4}.status-row.responded:hover{background:#dcfce7}.status-row.visited{background:#eff6ff}.status-row.visited:hover{background:#dbeafe}.status-row.irrelevant{background:#fff1f2}.status-row.irrelevant:hover{background:#ffe4e6}.link-name{color:#0b5f58;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.sub{color:var(--slate-5);margin-top:2px;font-size:12px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#0c4a6e;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:2px 8px;font-size:12px}.tag.category{background:var(--slate-2);color:#334155;border-color:var(--slate-3)}.tag.product{background:var(--teal-1);color:#0f766e;border-color:#99f6e4;font-weight:600}.tag.soft{background:var(--slate-2);color:#475569;border-color:var(--slate-3)}.stacked-tags{gap:6px;display:grid}.contacts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.contact-icon{border:1px solid var(--slate-3);color:#0f766e;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.contact-icon svg{fill:currentColor;width:16px;height:16px}.contact-icon:hover{background:var(--teal-1);color:#0b5f58;border-color:#99f6e4}.status{text-transform:capitalize;border-radius:999px;padding:4px 10px;font-size:12px}.status.not_contacted{color:#334155;background:#e2e8f0}.status.contacted{background:var(--orange-1);color:#9a3412}.status.responded{background:var(--green-1);color:#166534}.status.visited{color:#1e40af;background:#bfdbfe}.status.irrelevant{color:#9f1239;background:#fecdd3}.hover-card{z-index:80;border:1px solid var(--slate-3);pointer-events:none;background:#fff;border-radius:12px;width:330px;padding:12px;position:fixed;box-shadow:0 20px 40px #0f172a26}.hover-card h4{margin:0 0 6px;font-size:14px}.hover-card p{color:#334155;margin:0 0 10px;font-size:13px}.hc-links{color:#334155;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.hc-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ctx{z-index:90;border:1px solid var(--slate-3);background:#fff;border-radius:10px;min-width:150px;padding:4px;display:grid;position:fixed;box-shadow:0 12px 28px #0f172a1a}.ctx button{text-align:left;color:var(--slate-9);background:0 0;border:0;border-radius:8px;padding:8px}.ctx .s0:hover{background:var(--red-1)}.ctx .s1:hover{background:var(--orange-1)}.ctx .s2:hover{background:var(--green-1)}.ctx .s3:hover{background:#fecaca}.ctx .s4:hover{background:#dbeafe}.pager{justify-content:space-between;align-items:center;gap:8px;display:flex}.pager button[disabled]{opacity:.4;cursor:not-allowed}.pager-center{color:var(--slate-5);align-items:center;gap:12px;display:flex}.per-page{align-items:center;gap:6px;display:flex}.per-page select{background:#fff;padding:6px 28px 6px 8px}.company-page{gap:12px;width:min(1100px,94vw);margin:20px auto;display:grid}.back{width:fit-content;color:var(--slate-9);border:1px solid var(--slate-3);background:#fff}.company-grid{border:1px solid var(--slate-3);background:#fff;border-radius:12px;grid-template-columns:1.4fr 1fr;gap:16px;padding:16px;display:grid}.company-grid h1{margin:0 0 8px}.company-grid h3{margin:0 0 6px}.meta-row{color:var(--slate-5);gap:10px;display:flex}.welcome-page{gap:18px;width:min(1200px,94vw);margin:28px auto;display:grid}.welcome-head{border:1px solid var(--slate-3);background:#fffc;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 8px 24px #0f172a0d}.eyebrow{color:var(--slate-5);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px}.welcome-head h1{letter-spacing:-.02em;margin:6px 0 0;font-size:32px}.head-actions{gap:10px;display:flex}.gear-btn{color:var(--slate-9);border:1px solid var(--slate-3);background:#fff}.fair-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.fair-card{border:1px solid var(--slate-3);background:#fff;border-radius:16px;gap:10px;padding:16px;display:grid;box-shadow:0 10px 20px #0f172a0a}.fair-icon{background:linear-gradient(160deg,#d1fae5,#e2e8f0);border:1px solid #99f6e4;border-radius:22px;place-items:center;width:88px;height:88px;font-size:44px;display:grid}.fair-card h3{margin:0;font-size:22px}.fair-card p{color:var(--slate-5);margin:0}.welcome-panel{border:1px solid var(--slate-3);background:#fff;border-radius:14px;gap:10px;padding:14px;display:grid}.welcome-panel h2{margin:0}.profile-grid{gap:10px;display:grid}.profile-grid label{color:#334155;gap:6px;display:grid}.invite-row{grid-template-columns:1fr auto;gap:10px;display:grid}.invite-result{border:1px solid var(--slate-3);background:#f8fafc;border-radius:10px;gap:8px;padding:10px;display:grid}.invite-result p{margin:0}.muted{color:var(--slate-5);margin:0}.ok-msg{color:#166534;margin:0}.error-msg{color:#991b1b;margin:0}.plaschina-empty{text-align:center;justify-items:center;padding:24px}.plaschina-empty h1{margin:0}.plaschina-empty p{color:var(--slate-5);max-width:500px;margin:0}@media (width<=980px){.filter-top,.company-grid{grid-template-columns:1fr}.welcome-head{flex-direction:column;align-items:flex-start}.invite-row{grid-template-columns:1fr}}