.prospect-index {
    --pi-purple: #5546ed;
    --pi-border: #e4e7ec;
    --pi-text: #172033;
    --pi-muted: #7c8497;
    background: #f7f8fa;
    color: var(--pi-text);
    min-height: calc(100vh - 70px);
}

.prospect-index button, .prospect-index input, .prospect-index select { font: inherit; }
.prospect-index__heading { align-items: center; display: flex; justify-content: space-between; margin-bottom: 26px; }
.prospect-index__heading nav { display: flex; flex-wrap: wrap; gap: 12px; }
.prospect-index__title, .prospect-section-title, .prospect-side-card > header { align-items: center; display: flex; gap: 13px; }
.prospect-index__title > span, .prospect-section-title > span, .prospect-side-card > header > span {
    align-items: center; background: #5849ed; border-radius: 10px; color: #fff; display: inline-flex;
    flex: 0 0 auto; font-size: 22px; height: 39px; justify-content: center; width: 39px;
}
.prospect-index__title h1 { font-size: 30px; font-weight: 750; letter-spacing: -.6px; line-height: 1.1; margin: 0 0 5px; }
.prospect-index__title p, .prospect-section-title p, .prospect-side-card header p { color: var(--pi-muted); margin: 0; }
.prospect-btn {
    align-items: center; background: #fff; border: 1px solid #d9dde5; border-radius: 9px; color: #51596b;
    display: inline-flex; font-weight: 650; gap: 7px; justify-content: center; min-height: 42px; padding: 0 17px; text-decoration: none;
}
.prospect-btn:hover { border-color: #b7b1ff; color: var(--pi-purple); }
.prospect-btn.is-primary { background: var(--pi-purple); border-color: var(--pi-purple); color: #fff; }

.prospect-kpis { display: grid; gap: 18px; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-bottom: 25px; }
.prospect-kpis article {
    background: #fff; border: 1px solid var(--pi-border); border-radius: 13px; box-shadow: 0 2px 4px rgba(20,29,48,.025); padding: 17px 20px;
}
.prospect-kpis article.is-highlight { border-color: #cfe3ff; box-shadow: 0 2px 5px rgba(40,112,240,.08); }
.prospect-kpis article > div { align-items: center; display: flex; justify-content: space-between; }
.prospect-kpis article span {
    align-items: center; background: #f0edff; border-radius: 10px; color: var(--pi-purple); display: inline-flex;
    font-size: 20px; height: 42px; justify-content: center; width: 42px;
}
.prospect-kpis article span.is-amber { background:#fff7e5; color:#ed940d; }
.prospect-kpis article span.is-green { background:#e8fbf4; color:#09a875; }
.prospect-kpis article span.is-blue { background:#edf5ff; color:#397cf3; }
.prospect-kpis article span.is-red { background:#fff0f1; color:#ee5a63; }
.prospect-kpis article em { background: #f0edff; border-radius: 10px; color: #6957ed; font-size: 12px; font-style: normal; font-weight: 700; padding: 3px 8px; }
.prospect-kpis article:nth-child(2) em { background:#fff7e5; color:#e88800; }
.prospect-kpis article:nth-child(3) em { background:#e9fbf4; color:#159d72; }
.prospect-kpis article:nth-child(4) em { background:#edf5ff; color:#3977e8; }
.prospect-kpis article:nth-child(5) em { background:#fff0f1; color:#ec5961; }
.prospect-kpis strong { display: block; font-size: 29px; line-height: 1; margin: 16px 0 7px; }
.prospect-kpis p { color: #697286; font-size: 14px; font-weight: 600; margin: 0; }

.prospect-filters {
    align-items: center; background: #fff; border: 1px solid var(--pi-border); border-radius: 13px; display: grid;
    gap: 11px; grid-template-columns: minmax(240px, 2.2fr) repeat(5, minmax(110px, .75fr)) auto auto; margin-bottom: 24px; padding: 17px 20px;
}
.prospect-search { align-items:center; background:#fafbfc; border:1px solid #dfe3e9; border-radius:8px; display:flex; min-height:42px; padding:0 12px; }
.prospect-search i { color:#a1a8b5; font-size:19px; }
.prospect-search input { background:transparent; border:0; color:var(--pi-text); min-width:0; outline:0; padding:0 9px; width:100%; }
.prospect-filters select { appearance:auto; background:#fafbfc; border:1px solid #dfe3e9; border-radius:8px; color:#555e70; min-height:42px; padding:0 11px; }
.prospect-reset { background:none; border:0; color:var(--pi-purple); font-weight:650; padding:8px 2px; }

.prospect-index__grid { align-items:start; display:grid; gap:24px; grid-template-columns:minmax(0,1fr) 300px; }
.prospect-list-card, .prospect-side-card { background:#fff; border:1px solid var(--pi-border); border-radius:14px; box-shadow:0 2px 4px rgba(20,29,48,.025); overflow:hidden; }
.prospect-list-card > header { align-items:center; display:flex; justify-content:space-between; padding:20px 24px; }
.prospect-section-title > span { background:#f0edff; color:var(--pi-purple); font-size:20px; }
.prospect-section-title h2, .prospect-side-card h2 { font-size:18px; font-weight:750; margin:0 0 2px; }
.prospect-section-title p { font-size:13px; }
.prospect-view-toggle { display:flex; gap:8px; }
.prospect-view-toggle button { background:#fff; border:1px solid #dfe3e9; border-radius:8px; color:#7d8697; font-size:19px; height:36px; width:39px; }
.prospect-view-toggle button.is-active { background:#f0edff; border-color:#dcd6ff; color:var(--pi-purple); }

.prospect-table-wrap { border-top:1px solid #edf0f3; overflow-x:auto; }
.prospect-table-wrap table { border-collapse:collapse; font-size:13px; min-width:1220px; width:100%; }
.prospect-table-wrap th { background:#fafbfc; color:#737c8d; font-size:11px; letter-spacing:.03em; padding:14px 12px; text-align:left; text-transform:uppercase; white-space:nowrap; }
.prospect-table-wrap th:first-child, .prospect-table-wrap td:first-child { padding-left:24px; }
.prospect-table-wrap td { border-top:1px solid #f0f2f5; color:#525b6c; height:86px; padding:12px; vertical-align:middle; }
.prospect-table-wrap tr { cursor:pointer; transition:background .15s; }
.prospect-table-wrap tbody tr:hover, .prospect-table-wrap tbody tr.is-selected { background:#faf9ff; }
.prospect-table-wrap tr[hidden] { display:none; }
.prospect-table-wrap td > a { color:#354052; text-decoration:none; }
.prospect-table-wrap td > a > strong, .prospect-table-wrap td > strong { display:block; font-weight:700; }
.prospect-table-wrap td small, .prospect-quote small { color:#939bab; display:block; font-size:12px; font-weight:400; margin-top:2px; }
.prospect-type { background:#f0edff; border:1px solid #cbc4ff; border-radius:6px; color:#5444dc; font-size:12px; font-weight:700; padding:3px 7px; white-space:nowrap; }
.prospect-type.is-person { background:#e8f7ff; border-color:#a9dff8; color:#0879ae; }
.prospect-category { align-items:center; background:#eef7f2; border:1px solid #cce8d8; border-radius:6px; color:#287a51; display:inline-flex; font-size:11px; font-weight:700; gap:4px; max-width:150px; overflow:hidden; padding:3px 7px; text-overflow:ellipsis; white-space:nowrap; }
.prospect-source { background:#f4f5f7; border-radius:9px; color:#656e7d; padding:4px 8px; white-space:nowrap; }
.prospect-owner { align-items:center; display:flex; gap:7px; }
.prospect-owner img, .prospect-owner > span { border-radius:50%; height:25px; object-fit:cover; width:25px; }
.prospect-owner > span { align-items:center; background:#ece9ff; color:#5649d8; display:flex; font-size:9px; justify-content:center; }
.prospect-owner b { font-weight:650; white-space:nowrap; }
.prospect-status { align-items:center; border-radius:13px; display:inline-flex; font-size:12px; font-weight:700; gap:5px; line-height:1.15; padding:5px 9px; }
.prospect-status i, .prospect-pipeline article span i { background:currentColor; border-radius:50%; height:6px; width:6px; }
.prospect-status.is-neutral, .prospect-pipeline .is-neutral { background:#f1f2f4; color:#687181; }
.prospect-status.is-blue, .prospect-pipeline .is-blue { background:#e7f1ff; color:#3976df; }
.prospect-status.is-purple, .prospect-pipeline .is-purple { background:#f0eaff; color:#7245d8; }
.prospect-status.is-amber, .prospect-pipeline .is-amber { background:#fff4d7; color:#c57a00; }
.prospect-status.is-orange, .prospect-pipeline .is-orange { background:#fff0e1; color:#df7719; }
.prospect-status.is-green, .prospect-pipeline .is-green { background:#def9eb; color:#09885b; }
.prospect-status.is-red, .prospect-pipeline .is-red { background:#ffe8e9; color:#e9575e; }
.prospect-quote strong { color:#3f4859; }
.prospect-none { color:#9da4b1; font-size:12px; }
.prospect-amount { color:#222b3b; font-size:14px; white-space:nowrap; }
.prospect-row-link { align-items:center; background:#f5f6f8; border-radius:8px; display:flex; height:29px; justify-content:center; width:29px; }
.prospect-no-result { color:#8b93a1; padding:50px; text-align:center; }

.prospect-list-footer { align-items:center; display:flex; justify-content:space-between; padding:15px 24px; }
.prospect-list-footer p { color:#9299a8; font-size:12px; margin:0; }
.prospect-list-footer p span { color:var(--pi-purple); }.prospect-list-footer p em { color:#ef5c62; font-style:normal; }
.prospect-list-footer nav { display:flex; gap:7px; }
.prospect-list-footer button { background:#fff; border:1px solid #dfe3e9; border-radius:8px; color:#606979; height:31px; min-width:31px; }
.prospect-list-footer button.is-active { background:var(--pi-purple); border-color:var(--pi-purple); color:#fff; }

.prospect-aside { display:grid; gap:20px; }
.prospect-side-card > header { background:linear-gradient(100deg,#f1f0ff,#fff); border-bottom:1px solid #edf0f3; padding:19px 20px; }
.prospect-side-card > header > span { background:#e6e9ff; color:var(--pi-purple); font-size:20px; }
.prospect-side-card > header > span.is-green { background:#e8fbf4; color:#0ba677; }
.prospect-side-card h2 { font-size:17px; }.prospect-side-card header p { font-size:12px; }
.prospect-actions { padding:15px 20px; }
.prospect-actions a, .prospect-actions button { align-items:center; background:none; border:0; color:#4d5667; display:flex; font-weight:650; gap:12px; padding:9px 0; text-align:left; text-decoration:none; width:100%; }
.prospect-actions i { align-items:center; background:#f1efff; border-radius:8px; color:var(--pi-purple); display:flex; font-size:17px; height:31px; justify-content:center; width:31px; }
.prospect-actions i.is-green { background:#e7faf3; color:#0aaa79; }.prospect-actions i.is-amber { background:#fff6df; color:#ed980d; }
.prospect-actions i.is-red { background:#ffedef; color:#ed656b; }.prospect-actions i.is-muted { background:#f0f2f4; color:#8b93a1; }
.prospect-pipeline > div { padding:15px 20px 18px; }
.prospect-pipeline article { margin-bottom:13px; }
.prospect-pipeline article p { align-items:center; display:flex; justify-content:space-between; margin:0 0 6px; }
.prospect-pipeline article p span { align-items:center; background:none!important; display:flex; font-size:12px; gap:6px; }
.prospect-pipeline article p b { font-size:12px; }
.prospect-pipeline article > div { background:#edf0f3; border-radius:4px; height:6px; overflow:hidden; }
.prospect-pipeline article > div i { background:currentColor; display:block; height:100%; min-width:3%; }

.prospect-kanban { border-top:1px solid #edf0f3; display:flex; gap:14px; overflow:auto; padding:18px; }
.prospect-kanban[hidden] { display:none; }
.prospect-kanban > section { background:#f7f8fa; border:1px solid #e8ebef; border-radius:10px; flex:0 0 260px; overflow:hidden; }
.prospect-kanban > section > header { align-items:center; display:flex; justify-content:space-between; padding:12px; }
.prospect-kanban > section > header b { background:#fff; border-radius:12px; color:#737c8b; font-size:11px; padding:3px 8px; }
.prospect-kanban__column { display:flex; flex-direction:column; gap:10px; min-height:370px; padding:0 10px 10px; }
.prospect-kanban__column article { background:#fff; border:1px solid #e3e6eb; border-radius:9px; box-shadow:0 2px 5px rgba(30,40,60,.04); cursor:grab; padding:13px; }
.prospect-kanban__column article[hidden] { display:none; }
.prospect-kanban__column article a { color:#313a4b; text-decoration:none; }.prospect-kanban__column article p { color:#8a92a1; font-size:12px; margin:6px 0 2px; }
.prospect-kanban__column article small { color:#6f7888; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.prospect-kanban__column article footer { align-items:center; display:flex; justify-content:space-between; margin-top:11px; }
.prospect-kanban__column article footer span { background:#f0f2f5; border-radius:8px; color:#717988; font-size:10px; padding:3px 6px; }
.prospect-kanban__column article footer b { color:#4d43ce; font-size:11px; }

.prospect-import { border:0; border-radius:16px; box-shadow:0 20px 70px rgba(20,27,44,.25); max-width:500px; padding:32px; text-align:center; width:calc(100% - 30px); }
.prospect-import::backdrop { background:rgba(18,25,39,.52); }
.prospect-import form > span { align-items:center; background:#efedff; border-radius:50%; color:var(--pi-purple); display:inline-flex; font-size:28px; height:60px; justify-content:center; width:60px; }
.prospect-import h2 { font-size:22px; margin:16px 0 7px; }.prospect-import p { color:#737c8d; }
.prospect-import input[type="file"] { border:1px dashed #bfc4d0; border-radius:9px; display:block; margin:20px 0 10px; padding:20px; width:100%; }
.prospect-import small { color:#8d95a3; display:block; margin-bottom:18px; }.prospect-import small.is-error { color:#e45760; }
.prospect-import__close { background:none; border:0; font-size:22px; position:absolute; right:15px; top:14px; }

@media (max-width: 1350px) {
    .prospect-kpis { grid-template-columns:repeat(3,1fr); }
    .prospect-filters { grid-template-columns:2fr repeat(2,1fr); }
}
@media (max-width: 1050px) {
    .prospect-index__grid { grid-template-columns:1fr; }
    .prospect-aside { grid-template-columns:repeat(2,1fr); }
    .prospect-index__heading { align-items:flex-start; gap:20px; }
}
@media (max-width: 720px) {
    .prospect-index { padding:22px 14px; }
    .prospect-index__heading { display:block; }.prospect-index__heading nav { margin-top:18px; }
    .prospect-kpis { grid-template-columns:repeat(2,1fr); }.prospect-kpis article:last-child { grid-column:1/-1; }
    .prospect-filters { grid-template-columns:1fr; }.prospect-aside { grid-template-columns:1fr; }
    .prospect-list-card > header { padding:16px; }.prospect-list-footer { padding:14px 16px; }
}