:root{--ink:#202333;--muted:#858a9c;--line:#eaebf1;--paper:#fff;--bg:#f6f7fb;--purple:#635bdb;--purple-dark:#5049c4;--lav:#f0efff;--green:#229878;--amber:#c98826;--red:#d45f67;--shadow:0 14px 42px rgba(34,37,68,.08);font-family:'DM Sans',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 16px 17px;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;margin:1px 8px 37px}.brand-mark{width:37px;height:37px;background:#665ee3;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font:800 20px Manrope,sans-serif;letter-spacing:-2px;box-shadow:0 5px 12px #635bdb33}.brand-mark span{color:#b9b5ff}.brand-name{font:800 16px Manrope,sans-serif;letter-spacing:-.6px}.brand-name>span{color:var(--purple)}.brand-name small{display:block;font:700 9px 'DM Sans',sans-serif;letter-spacing:1.25px;color:#a1a4b2;margin-top:3px}.workspace-label,.user-select-wrap label{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#a6a9b6;padding:0 12px;margin-bottom:10px}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-link{height:43px;border:0;background:transparent;color:#73788b;border-radius:9px;text-align:left;padding:0 12px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;width:100%;transition:.16s}.nav-link:hover{background:#f7f7fc;color:var(--ink)}.nav-link.active{color:#5750cc;background:#f0efff}.nav-icon{font-size:18px;width:18px;text-align:center;font-weight:400}.nav-count{margin-left:auto;background:#f0f0f5;border-radius:20px;padding:2px 7px;font-size:10px;color:#8d91a1}.nav-link.active .nav-count{color:#5b54cf;background:#e4e2ff}.sidebar-bottom{margin-top:auto}.local-note{display:flex;align-items:center;gap:10px;padding:13px 11px;background:#f8f9fb;border:1px solid #f0f1f4;border-radius:10px;margin:0 2px 18px}.local-dot{width:8px;height:8px;background:#39b693;border-radius:50%;box-shadow:0 0 0 3px #dff5ef}.local-note b,.local-note small{display:block}.local-note b{font-size:11px}.local-note small{font-size:10px;color:var(--muted);margin-top:3px}.user-select-wrap{margin-bottom:10px}.user-select-wrap label{display:block;margin-bottom:6px}.user-select-wrap select{width:100%;height:36px;border:1px solid var(--line);background:#fff;color:#555a6c;border-radius:8px;padding:0 9px;font-size:12px;outline:none}.main-area{margin-left:246px;min-height:100vh;display:flex;flex-direction:column;width:calc(100% - 246px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px;position:sticky;top:0;z-index:4}.breadcrumb{display:flex;align-items:center;gap:10px;color:#a3a6b2;font-size:12px}.breadcrumb b{color:#33364a;font-weight:600}.crumb-slash{color:#d4d5de}.topbar-actions{display:flex;align-items:center;gap:22px}.today-label{font-size:11px;color:#8c90a0}.button{height:37px;padding:0 14px;border-radius:8px;font-weight:600;font-size:12px;border:1px solid var(--line);background:#fff;color:#62677a;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:.15s}.button:hover{border-color:#c9c6fa;color:#5750cf}.button-primary{background:var(--purple);border-color:var(--purple);color:white;box-shadow:0 4px 10px #635bdb2a}.button-primary:hover{background:var(--purple-dark);border-color:var(--purple-dark);color:#fff}.button-primary span{font-size:16px;font-weight:400}.button-small{height:31px;padding:0 10px;font-size:11px}.button-quiet{border-color:transparent;background:transparent}.button-danger{color:#c85960}.content{width:min(1160px,100%);padding:32px 43px 28px;margin:0 auto;flex:1}.app-footer{padding:11px 43px 18px;text-align:center;color:#adb0bc;font-size:10px}.app-footer span{padding:0 5px;color:#d1d2dc}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px;gap:14px}.eyebrow{color:#9699a8;text-transform:uppercase;letter-spacing:1.1px;font-size:9px;font-weight:700;margin-bottom:7px}.page-heading h1{margin:0;font:700 24px Manrope,sans-serif;letter-spacing:-.8px}.page-heading p{color:#9296a4;margin:7px 0 0;font-size:12px}.heading-actions{display:flex;gap:8px;align-items:center}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 17px 14px;min-height:116px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#85899a;font-size:11px;font-weight:600}.metric-icon{height:28px;width:28px;border-radius:8px;display:grid;place-items:center;font-size:14px}.metric-icon.purple{background:#f0efff;color:#645cda}.metric-icon.green{background:#e9f8f3;color:#2d9f7e}.metric-icon.orange{background:#fff5e7;color:#ca8c32}.metric-icon.blue{background:#eaf3ff;color:#4d89ce}.metric-value{font:700 26px Manrope,sans-serif;margin-top:9px;letter-spacing:-.6px}.metric-foot{margin-top:3px;font-size:10px;color:#a2a5b1}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.9fr);gap:16px;margin-bottom:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{height:57px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-bottom:1px solid #f0f0f4}.panel-title{font:700 13px Manrope,sans-serif}.panel-subtitle{font-size:10px;color:#a0a3b1;margin-top:3px}.text-link{color:#625bd5;font-size:11px;font-weight:600;text-decoration:none;border:0;background:none;padding:5px}.text-link:hover{color:#413bb7}.pipeline{padding:18px 17px 16px}.pipeline-bar{height:9px;border-radius:10px;display:flex;overflow:hidden;background:#f0f0f5}.pipeline-segment{height:100%;min-width:2px;transition:width .3s}.pipeline-legend{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:15px}.legend-item{font-size:10px;color:#777c8e;display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%}.pipeline-empty{color:#a0a3b1;font-size:11px;padding:15px 0}.reminder-list{padding:3px 16px}.reminder-row{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #f2f2f5;align-items:flex-start}.reminder-row:last-child{border-bottom:0}.date-chip{width:37px;min-width:37px;height:40px;border-radius:8px;background:#f3f2ff;color:#635bd5;text-align:center;padding-top:5px}.date-chip b{display:block;font:700 14px Manrope,sans-serif;line-height:15px}.date-chip small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.reminder-main{min-width:0;flex:1}.reminder-title{font-weight:600;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reminder-meta{color:#a0a3b1;font-size:10px;margin-top:4px}.kind-pill{font-size:9px;color:#6861d5;background:#f1f0ff;border-radius:20px;padding:3px 7px;white-space:nowrap}.kind-pill.meeting{color:#318a75;background:#e9f7f2}.empty-small{padding:25px 10px;text-align:center;color:#a0a3b1;font-size:11px}.empty-small strong{display:block;color:#707587;font-size:12px;margin-bottom:5px}.lead-table-wrap{overflow-x:auto}.lead-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.lead-table th{padding:11px 15px;background:#fafafd;font-size:9px;text-transform:uppercase;letter-spacing:.75px;color:#a0a3b0;font-weight:700;border-bottom:1px solid #f0f0f4}.lead-table td{padding:13px 15px;border-bottom:1px solid #f2f2f5;font-size:11px;color:#666b7d}.lead-table tr:last-child td{border-bottom:0}.lead-table tbody tr:hover{background:#fcfcff}.client-cell{display:flex;align-items:center;gap:9px}.avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#efefff;color:#625bd4;font-weight:700;font-size:10px}.client-cell b{display:block;color:#323548;font-size:11px}.client-cell small{display:block;color:#a0a3b0;font-size:9px;margin-top:3px}.stage-pill{display:inline-block;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:600}.stage-new{background:#f0f2f6;color:#697183}.stage-contacted{background:#e9f3ff;color:#4783c2}.stage-qualified{background:#f0edff;color:#6d5dc7}.stage-proposal{background:#fff4e3;color:#b67a20}.stage-negotiation{background:#fcecf3;color:#b75b82}.stage-won{background:#e5f6ef;color:#228465}.stage-lost{background:#fbecee;color:#c2616b}.table-empty{padding:43px 20px;text-align:center;color:#989cab;font-size:11px}.table-empty b{display:block;color:#55596d;font-size:13px;margin-bottom:5px}.filter-row{display:flex;gap:9px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:190px;max-width:330px}.search-box input{width:100%;height:36px;padding:0 12px 0 34px;border:1px solid var(--line);border-radius:8px;background:#fff;outline:none;font-size:11px}.search-box input:focus,.field input:focus,.field select:focus,.field textarea:focus,.filter-row select:focus{border-color:#a6a1ef;box-shadow:0 0 0 3px #635bdb14}.search-symbol{position:absolute;left:12px;top:10px;color:#a0a3b0;font-size:14px}.filter-row select{height:36px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 27px 0 10px;color:#73788a;font-size:11px;outline:none}.tab-row{display:flex;gap:5px;background:#f0f0f5;padding:4px;border-radius:8px;margin-bottom:15px;width:fit-content}.tab-button{border:0;background:transparent;padding:7px 12px;border-radius:6px;color:#85899a;font-size:10px;font-weight:600}.tab-button.active{background:#fff;color:#5c55ce;box-shadow:0 1px 3px #20233312}.activity-list{padding:0 18px}.activity-item{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #f1f1f5}.activity-item:last-child{border-bottom:0}.activity-avatar{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:50%;background:#efefff;color:#645cda;font-size:10px;font-weight:700}.activity-copy{flex:1;font-size:11px;color:#6f7385;line-height:1.5}.activity-copy b{color:#35384b}.activity-time{font-size:9px;color:#a3a6b2;white-space:nowrap;padding-top:2px}.appointment-card{display:flex;align-items:flex-start;gap:13px;padding:14px 17px;border-bottom:1px solid #f1f1f5}.appointment-card:last-child{border-bottom:0}.appointment-date{width:46px;min-width:46px;height:49px;border-radius:10px;background:#f2f1ff;text-align:center;color:#5f58d3;padding-top:6px}.appointment-date b{font:700 17px Manrope,sans-serif;display:block;line-height:19px}.appointment-date small{font-size:8px;letter-spacing:.5px;text-transform:uppercase}.appointment-info{flex:1;min-width:0}.appointment-info b{font-size:12px}.appointment-info p{font-size:10px;color:#9094a3;margin:5px 0 0}.appointment-actions{display:flex;gap:6px}.status-label{font-size:9px;font-weight:600;padding:4px 7px;border-radius:20px}.status-upcoming{background:#edeeff;color:#655dd2}.status-overdue{background:#ffeded;color:#c85c64}.status-today{background:#fff2dd;color:#b97e25}.status-done{background:#e8f7f0;color:#27876a}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#20233370;display:grid;place-items:center;padding:18px;overflow:auto}.modal{background:#fff;width:min(560px,100%);border-radius:14px;box-shadow:0 24px 80px #17192c40;max-height:calc(100vh - 36px);overflow:auto}.modal-header{padding:20px 22px 14px;border-bottom:1px solid #f0f0f4;display:flex;align-items:flex-start;justify-content:space-between}.modal-header h2{font:700 17px Manrope,sans-serif;margin:0}.modal-header p{font-size:10px;color:#999dac;margin:5px 0 0}.close-button{background:none;border:0;color:#9a9dab;font-size:21px;line-height:20px;padding:0 2px}.modal-body{padding:17px 22px 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#73788a;font-weight:600}.field label em{font-style:normal;color:#d46a70}.field input,.field select,.field textarea{width:100%;border:1px solid #e6e7ee;border-radius:7px;height:36px;padding:0 10px;outline:none;color:#383b4f;background:#fff;font-size:11px}.field textarea{height:76px;resize:vertical;padding:9px 10px;line-height:1.45}.form-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f4;padding-top:15px;margin-top:17px}.form-actions{display:flex;gap:7px;margin-left:auto}.form-error{font-size:10px;color:#c85960;display:none;margin-top:8px}.toast{position:fixed;right:22px;bottom:20px;background:#292c3d;color:#fff;border-radius:9px;padding:11px 15px;font-size:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translateY(0)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px}.settings-card h3{margin:0 0 5px;font:700 13px Manrope,sans-serif}.settings-card p{margin:0 0 16px;color:#9094a2;font-size:10px;line-height:1.5}.hidden-input{display:none}.team-member{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f0f0f4}.team-member:last-child{border:0}.team-member-info{flex:1}.team-member-info b{font-size:11px}.team-member-info small{display:block;color:#9b9eab;font-size:9px;margin-top:3px}.team-initial{height:32px;width:32px;border-radius:50%;background:#f0efff;color:#625bd5;display:grid;place-items:center;font-size:10px;font-weight:700}.notice-box{padding:13px;border-radius:9px;background:#f7f8fc;color:#858a9a;font-size:10px;line-height:1.55;margin-top:12px}.mobile-brand{display:none}
@media(max-width:1000px){.content{padding-left:26px;padding-right:26px}.topbar{padding:0 26px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:220px}.main-area{margin-left:220px;width:calc(100% - 220px)}}
@media(max-width:680px){.sidebar{width:100%;height:64px;inset:auto 0 0 0;padding:6px 8px;border-right:0;border-top:1px solid var(--line);flex-direction:row;justify-content:center;background:#fff}.brand,.workspace-label,.sidebar-bottom{display:none}.main-nav{flex-direction:row;justify-content:space-around;width:100%;gap:1px}.nav-link{height:49px;width:19%;padding:3px 1px;justify-content:center;flex-direction:column;gap:2px;font-size:8px;border-radius:7px}.nav-icon{font-size:17px;height:19px}.nav-count{display:none}.main-area{margin-left:0;width:100%;padding-bottom:62px}.topbar{height:61px;padding:0 16px}.mobile-brand{display:flex;align-items:center;gap:8px;font:700 13px Manrope,sans-serif}.mobile-brand .brand-mark{height:29px;width:29px;border-radius:9px;font-size:16px}.breadcrumb,.today-label{display:none}.topbar-actions{gap:0}.topbar .button{height:33px;padding:0 10px;font-size:10px}.content{padding:23px 15px 18px}.page-heading{margin-bottom:17px}.page-heading h1{font-size:21px}.page-heading p{font-size:10px}.heading-actions .button:not(.button-primary){display:none}.metric-grid{gap:9px;margin-bottom:13px}.metric-card{padding:12px;min-height:102px}.metric-value{font-size:23px}.dashboard-grid{gap:12px;margin-bottom:12px}.panel-head{height:51px;padding:0 13px}.pipeline{padding:15px 13px}.lead-table th,.lead-table td{padding-left:11px;padding-right:11px}.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}.modal-header{padding:17px 17px 12px}.modal-body{padding:14px 17px 17px}.app-footer{padding:8px 10px 9px}.filter-row{gap:7px}.search-box{max-width:none;flex-basis:100%}.appointment-card{padding:12px}.activity-time{white-space:normal;text-align:right;max-width:69px}.toast{left:15px;right:15px;bottom:77px;text-align:center}}
.lead-open-link{display:block;padding:3px 0 0;font-size:9px}.feedback-cell{white-space:normal;min-width:220px;max-width:480px;line-height:1.45}
.document-section{grid-column:1/-1;border:1px solid #ececf3;background:#fbfbfe;border-radius:9px;padding:12px}.document-section>label{display:block;font-size:11px;font-weight:700;color:#42465a;margin-bottom:4px}.document-section>p{font-size:10px;color:#9296a4;margin:0 0 10px}.document-list{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}.document-item{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #efeff4;border-radius:7px;padding:8px 9px}.document-icon{height:27px;min-width:27px;border-radius:7px;background:#f0efff;color:#625bd5;display:grid;place-items:center;font-size:11px}.document-meta{flex:1;min-width:0}.document-meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#404458;font-size:10px}.document-meta small{display:block;color:#a0a3b1;font-size:9px;margin-top:3px}.document-actions{display:flex;gap:4px}.document-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.document-upload input{font-size:10px;height:auto;padding:4px;border:0;background:transparent}.document-upload small{font-size:9px;color:#a0a3b1}.settings-card .csv-instructions{margin:0 0 12px}.form-helper{font-size:9px;color:#999dac;margin-top:3px}