:root{--border:var(--line,#e8dfe6)}
a.btn{color:inherit;text-decoration:none;display:inline-flex;align-items:center}
.nav-links{display:flex;gap:8px;align-items:center;margin-left:12px;flex:none}
.nav-links a.btn{padding:7px 10px;font-size:12px;white-space:nowrap}
.page-account{flex:none}
.avatar.fallback:before{content:attr(data-initials);display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:800;color:var(--brand);font-size:20px}
.avatar.fallback img{display:none!important}

:root{--bg:#f6f3f7;--card:#fff;--ink:#2d2030;--muted:#7e7180;--brand:#6d1f55;--brand2:#9b4a7d;--line:#e8dfe6;--soft:#f2e8ef;--ok:#3d8b6d;--danger:#b74a5c}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.top{background:linear-gradient(135deg,#4d163d,#7c285f);color:white;padding:18px 24px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:10;box-shadow:0 3px 16px #0002}.logo{width:58px;height:58px;border-radius:14px;background:white;padding:5px;object-fit:contain}.title h1{margin:0;font-size:23px}.title p{margin:4px 0 0;opacity:.78;font-size:13px}.actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid #ffffff33;background:#ffffff16;color:white;border-radius:9px;padding:9px 12px;cursor:pointer}.btn:hover{background:#fff2}.btn.primary{background:white;color:var(--brand);font-weight:700}.wrap{padding:18px;max-width:1600px;margin:auto}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px}.stat b{font-size:22px}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.filters{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:2fr repeat(5,1fr) auto;gap:8px;margin-bottom:14px}.field{min-width:0}.field label{font-size:11px;color:var(--muted);display:block;margin:0 0 4px}.field input,.field select{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);outline:none}.check{display:flex;align-items:end;gap:6px;padding:0 4px 9px;font-size:13px}.views{display:flex;gap:6px;align-items:center;margin-bottom:12px}.view{border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:7px 10px;cursor:pointer}.view.active{background:var(--brand);color:white;border-color:var(--brand)}#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:12px;position:relative;display:flex;gap:11px;min-width:0;transition:.15s}.card:hover{box-shadow:0 8px 24px #4d163d14;transform:translateY(-1px)}.avatar{width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--soft);flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.info{min-width:0;padding-right:28px}.name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user{color:var(--brand);font-size:12px;margin-top:2px}.meta{font-size:12px;color:var(--muted);margin-top:5px}.followers{font-weight:700;color:var(--ink);margin-top:5px;font-size:13px}.fav{position:absolute;right:9px;top:9px;border:0;background:transparent;font-size:22px;color:#aaa;cursor:pointer}.fav.on{color:#e0a100}.open{margin-top:8px;display:inline-block;color:var(--brand);font-size:12px;text-decoration:none;font-weight:700}.empty{padding:40px;text-align:center;color:var(--muted);background:white;border:1px dashed var(--line);border-radius:14px;grid-column:1/-1}.large #grid{grid-template-columns:repeat(3,1fr)}.large .card{padding:16px;display:block}.large .avatar{width:100%;height:220px;margin-bottom:12px}.large .info{padding:0}.photo #grid{grid-template-columns:repeat(6,1fr);gap:8px}.photo .card{padding:5px;border-radius:12px;display:block}.photo .avatar{width:100%;height:auto;aspect-ratio:1}.photo .info{display:none}.photo .fav{background:#fff;right:5px;top:5px;border-radius:50%;width:31px;height:31px}.list #grid{display:flex;flex-direction:column;gap:7px}.list .card{padding:8px;align-items:center}.list .avatar{width:46px;height:46px;border-radius:50%}.list .followers{margin-top:0}.compact #grid{grid-template-columns:repeat(6,1fr);gap:7px}.compact .card{padding:7px;gap:7px}.compact .avatar{width:42px;height:42px}.compact .meta,.compact .open{display:none}.compact .name{font-size:12px}.compact .user{font-size:10px}.kanban{display:grid!important;grid-template-columns:repeat(6,minmax(190px,1fr));gap:10px;overflow:auto}.kan-col{background:#eee8ed;border-radius:12px;padding:8px;min-height:300px}.kan-col h3{font-size:13px;margin:5px 7px 10px}.kan-col .card{margin-bottom:7px}.modal-back{position:fixed;inset:0;background:#21151dcc;display:none;align-items:center;justify-content:center;z-index:30;padding:18px}.modal{background:white;border-radius:18px;width:min(720px,100%);max-height:92vh;overflow:auto;padding:20px}.modal-head{display:flex;gap:15px}.modal-photo{width:105px;height:105px;border-radius:16px;object-fit:cover}.modal h2{margin:4px 0}.close{margin-left:auto;border:0;background:#eee;border-radius:8px;width:34px;height:34px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.modal-grid .full{grid-column:1/-1}.modal textarea,.modal input,.modal select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px}.modal label{font-size:11px;color:var(--muted);display:block;margin-bottom:5px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.dark{--bg:#19151a;--card:#251e26;--ink:#f8edf6;--muted:#b8aab6;--line:#3b3039;--soft:#342833}.dark .field input,.dark .field select,.dark .modal input,.dark .modal select,.dark .modal textarea,.dark .view{background:#211a21;color:var(--ink)}@media(max-width:1100px){#grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(3,1fr)}.photo #grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){#grid,.large #grid,.photo #grid,.compact #grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.top{padding:12px}.actions{display:none}.modal-grid{grid-template-columns:1fr}.modal-grid .full{grid-column:auto}}
.views{flex-wrap:wrap}.toast{position:fixed;right:18px;bottom:18px;background:#2d2030;color:#fff;padding:11px 14px;border-radius:10px;box-shadow:0 8px 30px #0003;z-index:60;font-size:13px;opacity:0;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}.dark .toast{background:#fff;color:#2d2030}

:root{--shadow:0 10px 30px rgba(45,32,48,.08);--shadow2:0 18px 45px rgba(45,32,48,.14)}
body{transition:background .2s,color .2s}.top{backdrop-filter:blur(10px)}
.card{box-shadow:0 1px 0 rgba(45,32,48,.02);cursor:pointer}.card:focus-within,.card:hover{border-color:#caa9bf;box-shadow:var(--shadow2)}
.card .avatar{position:relative}.card .avatar:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(255,255,255,.12));pointer-events:none}
.fav{z-index:2;width:36px;height:36px;border-radius:50%}.fav:hover{background:var(--soft);color:#c98d00}.open{position:relative;z-index:3}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:700;background:var(--soft);color:var(--brand);margin-top:5px}.status-pill[data-status="Confirmed"]{background:#e7f4ee;color:#2f765b}.status-pill[data-status="Rejected"]{background:#f9e8eb;color:#a43e50}.status-pill[data-status="Contacted"]{background:#eaf0f8;color:#47668d}.status-pill[data-status="Negotiating"]{background:#fff2d8;color:#8b641f}.status-pill[data-status="Shortlisted"]{background:#efe8fb;color:#69518e}
.toolbar-extra{display:flex;gap:7px;align-items:center;margin-left:auto}.result-note{font-size:12px;color:var(--muted);margin:0 0 10px}.kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:10px;background:var(--soft)}
.toast{position:fixed;right:18px;bottom:18px;z-index:60;background:#2d2030;color:white;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow2);font-size:12px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}
.dark{--bg:#171218;--card:#211a22;--ink:#f5edf3;--muted:#b9aab7;--line:#3a2d39;--soft:#302431}.dark .field input,.dark .field select,.dark .view,.dark .modal,.dark .stat,.dark .card,.dark .empty{background:#211a22;color:var(--ink)}.dark .kan-col{background:#261e27}.dark .close{background:#302831;color:white}
@media(max-width:1050px){.filters{grid-template-columns:repeat(3,1fr)}#grid{grid-template-columns:repeat(3,1fr)}.photo #grid,.compact #grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.top{padding:12px 14px;align-items:flex-start}.logo{width:46px;height:46px}.title h1{font-size:18px}.actions{gap:5px}.actions .btn{padding:7px 8px;font-size:11px}.wrap{padding:12px}.stats{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.filters .field:first-child{grid-column:1/-1}.check{padding-bottom:6px}.views{overflow:auto;padding-bottom:2px}.views .view{white-space:nowrap}.modal{padding:15px}.modal-head{align-items:flex-start}.modal-photo{width:82px;height:82px}}
@media(max-width:480px){#grid,.large #grid{grid-template-columns:1fr}.photo #grid,.compact #grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr}.filters .field:first-child{grid-column:auto}.modal-grid{grid-template-columns:1fr}}
