:root { --sales-blue:#1677ff; --sales-navy:#132c52; }
.sales-login-body { min-height:100vh; background:linear-gradient(120deg,#10294c,#174b82); }
.sales-login-shell { min-height:100vh; width:min(980px,calc(100% - 32px)); margin:auto; display:grid; grid-template-columns:1fr 440px; gap:70px; align-items:center; }
.sales-login-brand { color:#fff; }.sales-login-brand h1{font-size:42px;letter-spacing:-.05em;margin:8px 0 16px}.sales-login-brand>p:last-child{color:#b8cbe1;font-size:16px;line-height:1.8}.sales-login-brand .eyebrow{margin-top:25px;color:#83b5ff}
.sales-logo{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#4092ff,#1263dc);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:850;box-shadow:0 14px 30px rgba(0,0,0,.18)}.sales-logo.small{width:42px;height:42px;border-radius:12px;font-size:19px}
.sales-login-card{background:#fff;padding:34px;border-radius:22px;box-shadow:0 30px 70px rgba(5,18,38,.28)}.sales-login-card h2{font-size:25px;margin:0 0 7px}.sales-login-card>p{color:var(--muted);margin:0 0 24px}.sales-login-card form{display:grid;gap:10px}.sales-login-card label{font-weight:750;color:#46556a}.sales-login-card textarea{width:100%;padding:13px;border:1px solid #dbe2ec;border-radius:11px;resize:vertical;line-height:1.5}.sales-login-card small{color:#8b97a8;line-height:1.5}.sales-login-card button{margin-top:8px;min-height:46px;border:0;border-radius:11px;background:var(--sales-blue);color:#fff;font-weight:750;cursor:pointer}
.sales-portal-body{background:#f5f7fb;min-height:100vh}.sales-header{height:72px;background:#fff;border-bottom:1px solid #e5eaf2;padding:0 max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.sales-brand,.sales-user{display:flex;align-items:center;gap:12px}.sales-brand>div,.sales-user>div{display:grid;gap:2px}.sales-brand strong{font-size:16px}.sales-brand small,.sales-user small{font-size:10px;color:#8995a6;letter-spacing:.08em}.sales-user{text-align:right}.sales-user a{padding:8px 12px;border:1px solid #dfe5ed;border-radius:9px;text-decoration:none;color:#607087}
.sales-main{width:min(1320px,calc(100% - 36px));margin:28px auto 60px}.sales-overview{min-height:154px;padding:26px 30px;border-radius:19px;background:radial-gradient(circle at 75% 0,#3888fb 0,transparent 35%),linear-gradient(115deg,#173a69,#2460a9);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 42px rgba(27,75,132,.16)}.sales-overview h1{font-size:29px;margin:0;letter-spacing:-.04em}.sales-overview p:last-child{color:#c5d8ee;margin:10px 0 0}.sales-overview .eyebrow{color:#8fc2ff}.quota-card{width:170px;padding:18px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);display:grid;text-align:center}.quota-card strong{font-size:43px;line-height:1.1}.quota-card span,.quota-card small{color:#d5e5f7}.quota-card.empty{background:rgba(217,75,103,.22)}
.sales-tabs{margin-top:18px;padding:0 18px;background:#fff;border:1px solid #e7ebf2;border-radius:14px;display:flex;overflow:auto}.sales-tabs a{padding:17px 16px;text-decoration:none;color:#647287;white-space:nowrap;border-bottom:2px solid transparent}.sales-tabs a.active{color:var(--sales-blue);font-weight:750;border-color:var(--sales-blue)}
.sales-filters{margin-top:14px;padding:16px;background:#fff;border:1px solid #e7ebf2;border-radius:14px}.filter-primary{display:grid;grid-template-columns:minmax(260px,1fr) 210px 92px 70px;gap:10px}.sales-filters input,.sales-filters select{min-height:42px;border:1px solid #dfe5ee;border-radius:9px;padding:0 12px;background:#fff}.sales-filters button{border:0;border-radius:9px;background:var(--sales-blue);color:#fff;font-weight:750;cursor:pointer}.filter-primary>a{display:grid;place-items:center;text-decoration:none;color:#65748a}.advanced-filter{margin-top:12px;border-top:1px solid #edf0f5;padding-top:10px}.advanced-filter summary{cursor:pointer;color:#607087;font-weight:650}.advanced-grid{margin-top:12px;display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:9px}.advanced-grid button{min-height:42px}
.customer-list{margin-top:16px}.list-head{padding:4px 2px 12px;display:flex;justify-content:space-between;color:#7c899c}.list-head strong{color:#344158}.customer-card{background:#fff;border:1px solid #e6eaf1;border-radius:15px;margin-bottom:11px;padding:20px 22px;display:grid;grid-template-columns:1fr 150px;gap:24px;align-items:center;box-shadow:0 5px 18px rgba(24,48,82,.035)}.customer-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.customer-title h2{font-size:17px;margin:0;color:#176bd9}.score{padding:5px 9px;border-radius:999px;background:#fff0f5;color:#d43269;font-size:11px;font-weight:800}.customer-tags{display:flex;gap:7px;margin:10px 0 14px;flex-wrap:wrap}.customer-tags span{padding:4px 7px;border-radius:5px;background:#f0f4fa;color:#68778c;font-size:11px}.customer-main dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:15px}.customer-main dl div{display:grid;gap:5px}.customer-main dt{font-size:11px;color:#8c98a8}.customer-main dd{margin:0;color:#364358}.follow-note{margin:14px 0 0;padding:9px 11px;border-left:3px solid #bad3fa;background:#f7faff;color:#617087;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-action{text-align:center}.customer-action button{width:100%;min-height:42px;border:0;border-radius:9px;background:var(--sales-blue);color:#fff;font-weight:750;cursor:pointer}.customer-action button:disabled{background:#b8c2d0;cursor:not-allowed}.customer-action small{display:block;color:#9aa5b4;margin-top:7px}.sales-empty{padding:70px;text-align:center;background:#fff;border-radius:14px;color:#8692a4}.sales-pagination{display:flex;justify-content:center;gap:7px;margin-top:20px}.sales-pagination a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #dfe5ed;border-radius:8px;background:#fff;text-decoration:none}.sales-pagination a.active{background:var(--sales-blue);color:#fff;border-color:var(--sales-blue)}
.sales-toast{position:fixed;left:50%;top:85px;z-index:100;padding:12px 18px;border-radius:10px;background:#126d50;color:#fff;opacity:0;transform:translate(-50%,-12px);pointer-events:none;transition:.2s}.sales-toast.visible{opacity:1;transform:translate(-50%,0)}.sales-toast.error{background:#ad2f48}
@media(max-width:850px){.sales-login-shell{grid-template-columns:1fr;gap:25px;padding:30px 0}.sales-login-brand h1{font-size:34px}.sales-header{padding:0 15px}.sales-main{width:min(100% - 20px,1320px)}.sales-overview{align-items:flex-start;gap:22px}.quota-card{width:130px}.advanced-grid{grid-template-columns:repeat(2,1fr)}.customer-card{grid-template-columns:1fr}.customer-main dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sales-brand small,.sales-user small{display:none}.sales-overview{padding:22px;display:grid}.quota-card{width:100%;margin-top:8px}.sales-overview h1{font-size:24px}.filter-primary{grid-template-columns:1fr 1fr}.filter-primary input{grid-column:1/-1}.advanced-grid{grid-template-columns:1fr}.customer-main dl{grid-template-columns:1fr 1fr}.list-head span{display:none}.customer-card{padding:17px}.sales-login-card{padding:24px 19px}}
.sales-empty strong{display:block;color:#344158;font-size:18px}.sales-empty p{margin:9px 0 18px}.sales-empty button{min-height:42px;padding:0 18px;border:0;border-radius:9px;background:var(--sales-blue);color:#fff;font-weight:750;cursor:pointer}.sales-empty button:disabled{opacity:.7;cursor:wait}

/* Familiar CRM public-pool table */
.original-pool-body{background:#f4f5f8}.original-pool-body .sales-header{height:68px}.sales-header-tools{display:flex;align-items:center;gap:14px}.realtime-status,.header-quota{padding:7px 11px;border-radius:8px;background:#f3f6fa;color:#78869a;font-size:12px}.realtime-status i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#24b47e}.header-quota strong{color:#1777f2;font-size:17px}.original-pool-main{width:min(1540px,calc(100% - 28px));margin:18px auto 48px}.original-tabs{height:64px;padding:0 20px;display:flex;align-items:stretch;gap:38px;background:#fff;border:1px solid #e7eaf0;border-radius:4px 4px 0 0;overflow-x:auto}.original-tabs a{position:relative;display:flex;align-items:center;white-space:nowrap;text-decoration:none;color:#4e5969;font-size:15px}.original-tabs a.active{color:#1677ff;font-weight:700}.original-tabs a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#1677ff}.original-filter-panel{padding:16px 20px 18px;background:#fff;border:1px solid #e7eaf0;border-top:0}.original-filter-grid{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.original-filter-grid input,.original-filter-grid select{width:145px;height:42px;padding:0 11px;border:1px solid #dce2ea;border-radius:3px;background:#fff;color:#556274}.original-filter-grid .wide-search{width:285px}.original-filter-grid input[type="date"]{width:150px}.pool-search-button{height:42px;padding:0 24px;border:0;border-radius:3px;background:#1677ff;color:#fff;font-weight:700;cursor:pointer}.pool-reset{height:42px;padding:0 14px;display:grid;place-items:center;color:#718096;text-decoration:none}.date-separator{color:#8793a3}.original-table-panel{margin-top:12px;background:#fff;border:1px solid #e5e9f0}.pool-table-scroll{overflow:auto}.original-pool-table{width:100%;min-width:1460px;border-collapse:collapse;table-layout:fixed}.original-pool-table th{height:58px;padding:0 14px;background:#fafbfc;color:#697586;border-bottom:1px solid #e5e9f0;text-align:left;font-size:13px;font-weight:700}.original-pool-table td{height:118px;padding:15px 14px;border-bottom:1px solid #e8ecf2;color:#384456;vertical-align:middle}.original-pool-table th:nth-child(2){width:300px}.original-pool-table th:nth-child(3){width:120px}.original-pool-table th:nth-child(4){width:155px}.original-pool-table th:nth-child(5){width:120px}.original-pool-table th:nth-child(6){width:105px}.original-pool-table th:nth-child(7){width:150px}.original-pool-table th:nth-child(8){width:110px}.original-pool-table th:nth-child(9){width:160px}.original-pool-table th:nth-child(10){width:92px}.check-column{width:48px!important;text-align:center!important}.pool-customer-name strong{display:block;margin-bottom:7px;color:#1677ff;font-size:15px;font-weight:500}.pool-customer-name small{display:block;margin-top:6px;color:#a1abba}.row-tags{display:flex;gap:5px;flex-wrap:wrap}.row-tags span,.row-tags em{padding:3px 6px;border-radius:3px;background:#f0f2f5;color:#7f8a9a;font-size:11px;font-style:normal}.row-tags em{background:#fff0f6;color:#eb2f96}.data-stat-cell span{display:block;line-height:1.75}.follow-record-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pool-actions{display:grid;gap:8px}.pool-actions a,.pool-actions button{height:34px;border:1px solid #cfd7e3;border-radius:3px;background:#fff;color:#607087;display:grid;place-items:center;text-decoration:none;cursor:pointer}.pool-actions button{border-color:#86b7ff;color:#1677ff}.pool-actions button:disabled{border-color:#dfe4eb;color:#aab3c0;cursor:not-allowed}.pool-empty-cell{height:260px!important;text-align:center!important;color:#8e99a8!important}.pool-empty-cell strong{display:block;color:#4b586a;font-size:17px}.pool-empty-cell p{margin:8px 0 16px}.pool-empty-cell button{height:40px;padding:0 18px;border:0;border-radius:4px;background:#1677ff;color:#fff;cursor:pointer}.pool-table-footer{min-height:66px;padding:12px 20px;display:flex;align-items:center;justify-content:flex-end;gap:20px}.pool-table-footer>span{color:#697586}.pool-table-footer nav{display:flex;gap:7px}.pool-table-footer nav a{width:34px;height:34px;display:grid;place-items:center;border-radius:3px;background:#f4f5f7;color:#526071;text-decoration:none}.pool-table-footer nav a.active{background:#1677ff;color:#fff}
@media(max-width:900px){.realtime-status{display:none}.original-pool-main{width:calc(100% - 16px);margin-top:10px}.original-tabs{gap:22px}.original-filter-grid .wide-search{width:100%}.original-filter-grid input,.original-filter-grid select{flex:1 1 145px}.sales-header-tools{gap:7px}.header-quota{display:none}}