:root{--crm-ink:#203449;--crm-accent:#1ab394}body{font-family:Arial,Helvetica,sans-serif;background:#f3f5f8}.crm-brand{display:flex;align-items:center;gap:12px;color:#fff!important;font-size:28px;font-weight:800;letter-spacing:.5px;padding:26px 24px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#1ab394;color:#fff;font-size:25px}.brand-dot{color:#1ab394;margin-left:-10px}.sidenav-menu{background:#203449!important}.side-nav .side-nav-link.active{background:rgba(26,179,148,.15);color:#66dfc6!important;border-left:3px solid #1ab394}.sidebar-bottom{padding:24px;margin-top:40px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 25px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#75879b;margin-bottom:10px}.page-heading h1{font-size:27px;font-weight:700;margin-bottom:9px;color:#203449}.card{border:1px solid #e6ebf0;border-radius:10px;box-shadow:0 3px 14px rgba(30,50,70,.025)}.card-header{background:transparent;border-bottom:1px solid #edf0f4;padding:20px 24px}.card-body{padding:24px}.metric-card .card-body{padding:22px}.metric-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:10px;font-size:23px}.metric-value{font-size:34px;line-height:1.1;font-weight:700;color:#203449;margin:10px 0 14px}.table thead th{font-size:11px;font-weight:700;color:#75879b;background:#f8fafc;white-space:nowrap;padding:14px 20px}.table tbody td{padding:17px 20px}.avatar-circle{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#e6f6f1;color:#159e84;border-radius:12px;font-size:18px;font-weight:700}.avatar-small{width:30px;height:30px;border-radius:50%;font-size:13px}.avatar-large{width:72px;height:72px;border-radius:20px;font-size:30px}.badge{padding:7px 9px;font-weight:600;white-space:nowrap}.empty-state{text-align:center;padding:52px 16px;color:#8593a3}.empty-state>i{display:block;font-size:40px;color:#a5b8c8;margin-bottom:18px}.empty-state h5{color:#435870}.empty-state p{font-size:13px}.empty-state.compact{padding:30px 16px}.profile-details dt{font-size:12px;color:#8190a0;font-weight:400;margin-bottom:5px}.profile-details dd{margin-bottom:20px;overflow-wrap:anywhere}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.activity-item{padding:0 0 22px 18px;border-left:2px solid #dfeee8;margin-bottom:18px}.task-item{padding:16px 0;border-bottom:1px solid #edf0f4}.task-item:last-child{border:0}.crm-footer{display:flex;justify-content:space-between;color:#91a0b0;font-size:12px;padding:28px 0}.btn{border-radius:6px}.form-control,.form-select{border-radius:6px}.login-body{min-height:100vh;display:grid;place-items:center;background:#eef2f6;padding:32px}.login-shell{width:100%;max-width:1040px;display:grid;grid-template-columns:1.05fr 1fr;background:white;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px rgba(25,45,65,.10)}.login-story{padding:18px 34px 30px;background:radial-gradient(ellipse at 20% 90%,#1d635d 0,transparent 65%),#203449;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-story .crm-brand{padding:12px 0}.login-story-content{padding:50px 0 60px}.login-story-content h1{color:white;font-size:36px;line-height:1.35;letter-spacing:-1px;margin:15px 0 20px}.login-story-content p{color:#bdcbd6;font-size:15px;line-height:1.8;margin-bottom:32px}.story-feature{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:14px}.story-feature i{font-size:22px;color:#5ad8bd}.login-form{padding:80px 48px;align-self:center}.login-form h2{font-weight:700;color:#203449;font-size:28px}.login-form .form-control{font-size:14px}.form-label{font-weight:600;font-size:13px}.app-topbar .topbar-menu{min-height:70px}.sidenav-menu .side-nav{padding:0 12px}.sidenav-menu .side-nav-link{border-radius:6px;margin:4px 0}.content-page{min-height:100vh}.content-page>.container-fluid{padding-left:28px;padding-right:28px}
@media(max-width:767px){.login-body{padding:16px}.login-shell{display:block;max-width:460px}.login-story{padding:15px 28px}.login-story-content,.login-story>span{display:none}.login-form{padding:32px 28px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:24px}.content-page>.container-fluid{padding-left:16px;padding-right:16px}.sidebar-bottom{margin-top:24px}.sidenav-menu{z-index:1050}.crm-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1040}.crm-mobile-open .sidenav-menu{margin-left:0!important;transform:translateX(0)!important;visibility:visible!important;opacity:1!important}.crm-mobile-open .content-page{margin-left:0!important}}
