.crm-shell{min-height:100vh;display:flex;background:linear-gradient(90deg,rgba(8,13,14,.95),rgba(8,13,14,.65)),url('/images/maspro-clients-landscape.png') center/cover fixed}.crm-side{width:235px;padding:34px 20px;background:rgba(8,14,14,.92);border-right:1px solid #ffffff1b;display:flex;flex-direction:column}.crm-side nav{display:grid;gap:7px;margin-top:48px}.crm-side nav a{padding:13px;color:#92a098;font-size:13px}.crm-side nav a.active{background:#25302b;color:#fff;border-left:2px solid var(--gold)}.crm-main{flex:1;padding:44px 5vw;min-width:0}.crm-header{display:flex;justify-content:space-between;align-items:flex-start}.crm-header h2{font-size:42px;margin:9px 0 3px}.crm-header p{color:#aab5ad;margin:0 0 30px}.gold-btn{background:var(--gold);color:#141914;border:0;padding:13px 19px;font-weight:700;cursor:pointer}.client-toolbar{display:flex;gap:10px;margin:20px 0 15px}.client-toolbar input,.client-toolbar select{background:#15201dce;border:1px solid #ffffff20;color:#e9eee9;padding:13px 14px;font:inherit}.client-toolbar input{flex:1}.client-toolbar select{min-width:145px}.client-count{color:#aeb9b1;font-size:13px;margin:15px 0}.client-table{background:#121b18de;border:1px solid #ffffff1c}.table-head,.table-row{display:grid;grid-template-columns:1.6fr 1.3fr .8fr .7fr 1fr;gap:15px;align-items:center;padding:15px 20px}.table-head{color:#89978e;font-size:10px;letter-spacing:.14em;border-bottom:1px solid #ffffff18}.table-row{min-height:68px;border-bottom:1px solid #ffffff12;font-size:13px}.table-row strong,.table-row small{display:block}.table-row small{color:#87958c;margin-top:4px}.pill{background:#304d3d;color:#bfe0c8;padding:5px 9px;font-size:11px;font-weight:500}.row-actions{display:flex;gap:8px}.row-actions button,.pagination button{background:transparent;border:1px solid #ffffff25;color:#bdc7c0;padding:7px 9px;cursor:pointer;font-size:11px}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:20px;color:#a4afa7;font-size:12px}.empty-state{text-align:center;padding:50px;color:#87958c}.modal{position:fixed;inset:0;background:#050909b8;display:grid;place-items:center;padding:25px;z-index:5;overflow:auto}.modal-card{position:relative;width:min(100%,760px);background:#15201d;border:1px solid #ffffff25;padding:35px;box-shadow:0 24px 80px #0008}.modal-card h2{margin:10px 0 24px}.modal-close{position:absolute;right:18px;top:15px;background:none;border:0;color:#bbc4bd;font-size:24px;cursor:pointer}.client-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.client-form label{margin:0}.client-form input,.client-form select,.client-form textarea{width:100%;margin-top:7px;padding:11px;background:#0e1715;border:1px solid #ffffff20;color:#fff;font:inherit}.client-form textarea{min-height:85px;resize:vertical}.client-form .wide{grid-column:1/-1}.modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.cancel{background:transparent;color:#c4cdc5;border:1px solid #ffffff25;padding:13px 19px}@media(max-width:800px){.crm-side{width:175px}.crm-main{padding:28px 20px}.client-toolbar{flex-wrap:wrap}.client-toolbar input{flex-basis:100%}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.table-row>div:nth-child(3),.table-row>div:nth-child(4){display:none}}@media(max-width:560px){.crm-shell{display:block}.crm-side{width:100%;padding:20px}.crm-side nav{display:flex;overflow:auto;margin-top:15px}.crm-side nav a{white-space:nowrap}.crm-main{padding:24px 14px}.crm-header{display:block}.crm-header .gold-btn{margin-top:12px}.client-form{grid-template-columns:1fr}}