body.crm-demo{margin:0;background:#f6f4f7;color:#211a26;font-family:Arial,sans-serif}body.crm-demo #app{min-height:100vh}.crm{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.crm aside{padding:28px 18px;background:#291037;color:#fff}.crm-brand{font-family:Georgia,serif;font-size:25px;letter-spacing:.12em}.crm-demo-tag,.crm-note{font-size:11px;color:#cbb5d8}.crm nav{display:grid;gap:5px;margin-top:42px}.crm nav button{border:0;background:transparent;color:#e7ddec;padding:12px;text-align:left;border-radius:7px;font-size:14px;cursor:pointer}.crm nav button.active,.crm nav button:hover{background:#472258;color:#fff}.crm main{padding:34px 42px}.crm-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.crm-head h1{margin:3px 0 0;font:500 34px Georgia,serif}.crm-chip{border:1px solid #d6cadb;background:#fff;padding:10px 13px;font-size:12px}.crm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.crm-kpi,.crm-panel{border:1px solid #ddd5e0;background:#fff;border-radius:10px}.crm-kpi{padding:18px}.crm-kpi small{color:#756b7b}.crm-kpi b{display:block;margin-top:12px;font:500 28px Georgia,serif}.crm-layout{display:grid;grid-template-columns:1.45fr .9fr;gap:18px}.crm-panel{padding:20px}.crm-panel h2{margin:0 0 18px;font:500 20px Georgia,serif}.crm table{width:100%;border-collapse:collapse;font-size:13px}.crm th,.crm td{padding:12px 7px;border-bottom:1px solid #eee9f0;text-align:left}.crm th{font-size:10px;text-transform:uppercase;color:#776d7d;letter-spacing:.06em}.crm-status{font-size:11px;color:#5b2375}.crm-action, .crm-form button{border:1px solid #5c2578;background:#5c2578;color:#fff;padding:9px 12px;border-radius:6px;font-size:12px;cursor:pointer}.crm-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.crm-form input,.crm-form select{padding:10px;border:1px solid #d7cedc;border-radius:6px;background:#fff}.crm-progress{height:8px;background:#eee7f1;border-radius:9px;overflow:hidden}.crm-progress i{display:block;height:100%;background:#6c2f91}.crm-detail{margin-top:16px;padding:14px;background:#f7f1fa;border-left:3px solid #6c2f91}.crm-empty{padding:30px;color:#756b7b}.crm-map{width:100%;height:260px;border:0}@media(max-width:820px){.crm{grid-template-columns:1fr}.crm aside{padding:18px}.crm nav{grid-template-columns:repeat(3,1fr);margin-top:18px}.crm main{padding:24px 18px}.crm-grid,.crm-layout{grid-template-columns:1fr 1fr}.crm-panel{overflow:auto}}@media(max-width:520px){.crm-grid,.crm-layout{grid-template-columns:1fr}.crm nav{grid-template-columns:1fr 1fr}.crm-head{display:block}.crm-chip{display:inline-block;margin-top:15px}}