.crm,.login{--bg:#f5f7fb;--panel:#fff;--ink:#10213b;--muted:#66758b;--border:#e2e8f1;--blue:#0b5cc7;--soft:#edf4ff;color:var(--ink);background:var(--bg);font:14px/1.6 Inter,Arial,sans-serif;min-height:100vh}.crm.dark{--bg:#0c1727;--panel:#132238;--ink:#edf4ff;--muted:#a4b6cf;--border:#2b3e58;--soft:#1b3355}.crm *,.login *{box-sizing:border-box}.crm button,.login button{border:1px solid transparent;background:var(--blue);color:#fff;border-radius:8px;min-height:38px;padding:8px 14px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center}.crm button:hover,.login button:hover{filter:brightness(.95)}.crm button:disabled,.login button:disabled{opacity:.5;cursor:not-allowed}.crm .secondary,.login .secondary{background:var(--panel);border-color:var(--border);color:var(--ink)}.crm .icon-button{padding:8px;min-width:32px;background:transparent;color:inherit}.crm .text-button{padding:0;min-height:24px;background:transparent;color:var(--blue);text-align:left}.crm input,.crm select,.crm textarea,.login input{background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:7px;font:inherit;font-size:12px;padding:10px 12px;min-height:38px;max-width:100%}.crm input:focus,.crm select:focus,.crm textarea:focus,.login input:focus{outline:2px solid #5cb8ff;outline-offset:2px}.crm label,.login label{display:grid;gap:7px;font-size:12px;font-weight:600}.crm textarea{min-height:100px;resize:vertical}.crm a,.login a{color:var(--blue)}.crm aside{width:248px;position:fixed;inset:0 auto 0 0;background:#071428;color:#bed0e8;display:flex;flex-direction:column;padding:30px 18px;z-index:30}.brand{height:50px;display:block;margin:0 12px 24px}.brand img{height:42px;width:170px;object-fit:contain;object-position:left}.workspace{display:flex;align-items:center;gap:12px;padding:16px 10px;border-block:1px solid #213047;font-size:12px;color:#f1f6ff}.workspace small,.sidebar-bottom small{display:block;font-size:10px;color:#90a4c1}.workspace-icon{width:32px;height:32px;display:grid;place-items:center;background:#173152;border-radius:8px;color:#81c2ff;font-weight:700}.nav-label{font-size:9px;letter-spacing:1.8px;margin:30px 12px 12px;color:#7287a5}.crm nav{display:grid;gap:5px}.crm nav button{background:transparent;color:#a6b8d2;justify-content:flex-start;padding:12px;font-weight:400;font-size:12px}.crm nav button.active{color:#fff;background:#0b5cc7;box-shadow:0 4px 20px #0b5cc72a}.crm nav button small{margin-left:auto;border-radius:4px;background:#ffffff20;padding:0 6px}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:30px;font-size:11px}.sidebar-bottom button{margin-left:auto!important;background:transparent!important;padding:4px!important}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dfebfa;color:#225b9e;font-size:10px;font-weight:700;flex-shrink:0}.workspace-main{margin-left:248px;min-width:0}.crm header{height:76px;background:var(--panel);border-bottom:1px solid var(--border);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.crm header b{font-weight:400;color:#aab4c2;padding:0 12px}.header-actions{display:flex;align-items:center;gap:18px}.live{display:flex;align-items:center;gap:7px;font-size:10px}.live i{width:6px;height:6px;background:#2ea576;border-radius:50%}.crm main{padding:36px;max-width:1800px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.eyebrow{color:var(--blue);font-size:9px;font-weight:700;letter-spacing:1.7px;margin:0 0 8px}.crm h1{font-size:29px;line-height:1.3;letter-spacing:-1px;margin:0 0 8px;font-weight:600}.crm h2{font-size:15px;font-weight:600;margin:0 0 6px}.crm h3{font-size:13px;margin:18px 0 8px}.crm p{color:var(--muted);font-size:12px}.page-heading p{margin-bottom:0}.actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 24px;font-size:12px}.filter-bar small{color:var(--muted);margin-right:auto;font-size:10px}.filter-bar input[type=date]{width:145px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.metric,.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.metric{padding:20px;min-height:142px}.metric>span{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.metric strong{display:block;font-size:29px;letter-spacing:-1px;margin:10px 0 7px;font-weight:600}.metric small{font-size:9px;line-height:1.5;color:var(--muted);display:block}.panel{padding:24px;margin-bottom:20px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-heading p{margin:0;font-size:10px}.badge{display:inline-block;background:var(--soft);color:var(--blue);padding:4px 8px;border-radius:5px;font-size:10px;white-space:nowrap}.chart-grid,.detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.empty{display:grid;place-items:center;text-align:center;min-height:170px;color:var(--muted);font-size:12px}.notice,.alert,.success{border:1px solid #bfd8fa;background:var(--soft);color:var(--ink);padding:18px 22px;border-radius:10px;margin:18px 0;font-size:12px}.alert{border-color:#f2b2b2;background:#fff1f0;color:#9f2727;display:flex;align-items:center;justify-content:space-between}.success{border-color:#a8ddc5;background:#edfaf5;color:#20624d;display:flex;align-items:center;justify-content:space-between}.notice p{margin-bottom:0}.table-scroll{overflow:auto}.crm table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.crm th{font-size:10px;color:var(--muted);background:var(--bg);font-weight:500;white-space:nowrap;padding:12px}.crm td{border-bottom:1px solid var(--border);padding:16px 12px;min-width:110px}.crm td small{display:block;color:var(--muted);font-size:10px;max-width:260px;overflow-wrap:anywhere}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px;font-size:11px}.pagination span{margin-right:auto;color:var(--muted)}.search{position:relative;display:flex;align-items:center;gap:8px}.search svg{position:absolute;left:12px;color:var(--muted)}.search input{padding-left:36px;width:240px}.kanban{display:flex;gap:14px;overflow:auto;padding:12px 0 24px}.kanban>section{min-width:250px;max-width:250px;background:var(--soft);padding:14px;border-radius:10px}.kanban h3{margin:0;display:flex;justify-content:space-between}.kanban>section>p{font-size:11px}.kanban article{background:var(--panel);border:1px solid var(--border);padding:16px;border-radius:9px;margin:12px 0;display:grid;gap:10px;cursor:grab}.kanban small{font-size:10px;color:var(--muted)}.kanban strong{font-size:18px}.kanban select{font-size:10px}.report-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--border);font-size:12px}.detail-grid{margin-top:20px}.crm dl>div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid var(--border);padding:10px 0;font-size:12px}.crm dt{color:var(--muted)}.crm dd{margin:0;overflow-wrap:anywhere}.crm pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;padding:12px;background:var(--bg);border-radius:6px;max-height:300px;overflow:auto}.timeline{border-left:2px solid var(--border);padding:10px 15px;margin:14px 0}.timeline small,.timeline summary{font-size:10px;color:var(--muted)}.timeline p{white-space:pre-wrap}.crm .danger{background:#b32f3a}.modal{border:1px solid var(--border);border-radius:14px;background:var(--panel);color:var(--ink);padding:28px;width:min(700px,94vw);max-height:90vh;overflow:auto}.modal::backdrop{background:#07142899;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.crm footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;padding:28px 0;border-top:1px solid var(--border);margin-top:30px}.crm .mobile-toggle{display:none}.login{display:grid;place-items:center;padding:24px}.login form{width:min(440px,100%);padding:40px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 70px #0714280c}.login h1{font-size:25px;letter-spacing:-.8px}.login p{color:var(--muted);font-size:12px}.login img{margin-bottom:30px}.login label{margin:18px 0}.login button{width:100%;margin-bottom:10px}.login a{font-size:12px}@media(min-width:1700px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crm main{padding:24px}.page-heading{align-items:flex-start}.page-heading .actions{flex-direction:column}.chart-grid{grid-template-columns:1fr}}@media(max-width:900px){.crm aside{transform:translate(-100%);transition:transform .2s}.crm aside.open{transform:none;top:65px}.workspace-main{margin-left:0}.crm .mobile-toggle{display:inline-flex}.crm header{height:65px;padding:0 20px}.crm header>span{margin-right:auto}.header-actions .live{display:none}.detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.crm main{padding:20px 14px}.crm h1{font-size:24px}.page-heading{flex-direction:column}.page-heading .actions{flex-direction:row}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:15px;min-height:135px}.metric strong{font-size:25px}.panel{padding:16px}.crm header>span{font-size:9px}.crm header b{padding:0 4px}.header-actions{gap:6px}.crm footer{display:block}.crm footer span{display:block}.form-grid{grid-template-columns:1fr}.eyebrow{font-size:8px}.filter-bar{gap:8px}.filter-bar small{width:100%}.filter-bar input[type=date]{width:130px}.crm dl>div{grid-template-columns:100px 1fr}}.crm .row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activity-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.activity-summary>div{display:flex;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px;color:var(--blue)}.activity-summary span{font-size:12px;color:var(--muted)}.activity-summary strong{display:block;font-size:26px;color:var(--ink)}.activity-filters{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:24px}.activity-tabs{display:flex;flex-wrap:wrap;gap:6px}.activity-tabs button span{padding:0 6px;border-radius:4px;background:#80808020}.activity-card{display:flex;align-items:flex-start;gap:16px;padding:22px 0;border-top:1px solid var(--border)}.activity-icon{background:var(--soft);color:var(--blue);border-radius:10px;padding:10px;display:flex}.activity-content{flex:1;min-width:0}.activity-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.crm .activity-title h3{margin:0;font-size:15px;overflow-wrap:anywhere}.crm .activity-meta{font-size:11px}.activity-notes{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;border-radius:8px;background:var(--bg);font-size:12px;color:var(--ink)}.is-done .activity-icon{color:#21885f;background:#21885f18}.crm .badge.is-late{color:#b34727;background:#b3472718}.activity-card>.row-actions{flex-shrink:0}.activity-board .empty{gap:8px;align-content:center}.activity-board .empty p{margin:0}.activity-board .empty small{max-width:400px}.detail-grid .activity-card{flex-wrap:wrap}.detail-grid .activity-card>.row-actions{margin-left:56px}.detail-grid .activity-board .panel-heading{flex-wrap:wrap}@media(max-width:700px){.activity-summary{gap:8px}.activity-summary>div{padding:12px;gap:8px}.activity-summary svg{display:none}.activity-card{flex-wrap:wrap}.activity-card>.row-actions{margin-left:56px}.activity-board .panel-heading{align-items:flex-start;flex-wrap:wrap}.activity-summary span{font-size:10px}}.activity-assignee{display:flex!important;align-items:center;gap:10px;margin:10px 0 14px;color:var(--muted);font-size:11px!important}.activity-assignee select{min-width:180px}.activity-lead-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.activity-lead-filter label{min-width:min(340px,100%)}.activity-step{color:var(--muted);font-size:11px}.detail-grid .activity-card>.row-actions{flex-wrap:wrap}.activity-view-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--border);padding:14px 0;color:var(--muted);font-size:11px}.activity-view-summary strong{color:var(--ink);font-weight:600;white-space:nowrap}.activity-group-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--soft);border-radius:9px;padding:12px 16px;margin:18px 0 0}.activity-group-heading>div{display:grid;gap:2px;min-width:0}.activity-group-heading strong,.activity-group-heading .text-button{font-size:13px;font-weight:600}.activity-group-heading span,.activity-group-heading small{color:var(--muted);font-size:11px}.activity-group-heading span{overflow-wrap:anywhere}.activity-card.is-sequence{margin-left:19px;border-left:2px solid var(--border);border-top:0;padding:18px 0 18px 20px;position:relative}.activity-card.is-sequence .activity-icon{margin-left:-43px;z-index:1;border:2px solid var(--panel)}.activity-card.is-sequence+.activity-group-heading{margin-top:18px}.activity-step{background:var(--bg);border:1px solid var(--border);padding:2px 7px;border-radius:5px;font-weight:600}@media(max-width:700px){.activity-view-summary{align-items:flex-start;flex-direction:column;gap:2px}.activity-group-heading{align-items:flex-start;flex-direction:column}.activity-card.is-sequence>.row-actions{margin-left:0}}