:root{--primary:#5b55e7;--ink:#17233f;--muted:#7d8799;--line:#e3e7ef;--bg:#f6f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}.crm-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:2px}.brand>b,.login-brand{width:42px;height:42px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center}.brand span{display:flex;flex-direction:column}.brand small{font-size:7px;color:var(--muted)}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:32px}.sidebar nav a{display:flex;gap:13px;align-items:center;height:46px;padding:0 13px;border-radius:10px;text-decoration:none;color:#677286;font-size:14px;font-weight:600}.sidebar nav a.active{background:#efeeff;color:#5047dc}.user{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;gap:9px}.user>b,.lead>b{width:38px;height:38px;border-radius:50%;background:#eae8ff;color:#554ce1;display:grid;place-items:center}.user span,.lead span{display:flex;flex-direction:column;font-size:12px;font-weight:700}.user small,.lead small{font-size:10px;color:var(--muted);font-weight:400}.user a{margin-left:auto}.content{margin-left:250px;width:calc(100% - 250px);padding:32px 36px}.content>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.content h1{font-size:30px;margin:0}.content header p{color:var(--muted);margin:4px 0 0}.metric,.panel,.wallet{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 25px #18233d0a}.metric{position:relative}.metric>i{position:absolute;right:20px;font-size:22px;color:var(--primary)}.metric span,.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:27px;margin:8px 0}.panel h2{font-size:17px}.chart-placeholder,.empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b95a6;gap:10px}.chart-placeholder i,.empty i{font-size:32px}.panel-tools{display:flex;gap:10px;padding:16px}.lead{display:flex;align-items:center;gap:10px}.messenger{display:grid;grid-template-columns:350px 1fr;height:calc(100vh - 150px);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.messenger>aside{border-right:1px solid var(--line)}.messenger-head{display:flex;gap:10px;padding:20px;border-bottom:1px solid var(--line)}.messenger-head>i{font-size:28px;color:#087aea}.messenger-head b{display:flex;flex-direction:column}.messenger-head small{font-size:10px;color:#169767}.messenger aside>button{width:100%;border:0;border-bottom:1px solid #eef1f5;background:#fff;padding:15px;display:flex;gap:10px;text-align:left}.messenger aside>button>b{width:42px;height:42px;border-radius:50%;background:#eceaff;display:grid;place-items:center}.messenger aside button span{display:flex;flex-direction:column;font-weight:700}.messenger aside button small{font-weight:400;color:var(--muted)}.messenger>section{display:flex;flex-direction:column}.messenger section>header{padding:20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.messages{flex:1}.composer{display:flex;gap:8px;padding:15px;border-top:1px solid var(--line)}.composer textarea{min-height:55px}.wallet{display:flex;align-items:center;gap:14px;margin-bottom:16px}.wallet>i{font-size:28px;color:var(--primary)}.wallet div{display:flex;flex-direction:column}.wallet button{margin-left:auto}.dialer{text-align:center}.dialer>i{font-size:36px;color:var(--primary)}.masked{font-size:23px;letter-spacing:6px;background:#f5f6fa;border-radius:10px;padding:18px;margin:20px}.calendar-head{display:flex;justify-content:space-between}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);margin-top:18px;overflow:auto}.calendar-grid>div{min-width:150px;min-height:430px;background:#fff;padding:12px}.calendar-grid article{background:#efeeff;border-left:3px solid var(--primary);border-radius:8px;padding:10px;margin-top:20px;display:flex;flex-direction:column}.calendar-grid article span,.calendar-grid article small{font-size:10px;color:var(--muted)}.kanban{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:12px;overflow:auto}.kanban section{min-height:540px;background:#eef1f6;border-radius:12px;padding:14px}.kanban h2{font-size:14px}.kanban h2 span{float:right}.integration-row{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:10px;margin-top:10px}.integration-row>i{font-size:24px}.integration-row b{display:flex;flex-direction:column}.integration-row small{color:var(--muted)}.integration-row button{margin-left:auto}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(420px,calc(100% - 30px));padding:35px;border-radius:18px}.login-brand{margin:auto;font-size:20px}.login h1{text-align:center}.login p{text-align:center;color:var(--muted)}.login label{display:block;margin:14px 0;font-size:12px}.login input{margin-top:6px;height:44px}@media(max-width:760px){.sidebar{inset:auto 0 0 0;width:100%;height:68px;padding:5px;z-index:20}.brand,.user{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(6,1fr)}.sidebar nav a:nth-child(n+7){display:none}.sidebar nav a{height:58px;padding:3px;flex-direction:column;gap:1px;font-size:9px}.content{margin:0;width:100%;padding:18px 12px 88px}.content h1{font-size:25px}.messenger{grid-template-columns:90px 1fr}.messenger aside button span,.messenger-head b{display:none}.messenger-head{justify-content:center}.messenger aside>button{justify-content:center;padding:10px}.calendar-grid{grid-template-columns:repeat(7,75vw)}.kanban{grid-template-columns:repeat(6,82vw)}}