.clients-content{max-width:1800px}.client-create-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:13px}.clients-filters{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:white;padding:12px;border-radius:7px;margin:30px 0}.clients-filters select{height:42px;border:1px solid var(--control-border);border-radius:4px;background:white;color:var(--ink);padding:8px 12px;font-size:13px;min-width:130px}.clients-search{display:flex;align-items:center;gap:9px;min-width:0;flex:1;border:1px solid var(--control-border);border-radius:4px;padding:0 10px;color:var(--muted)}.clients-search input{height:40px;width:100%;min-width:0;border:0;color:var(--ink);background:white;font-size:13px}.clients-filters>.secondary{min-height:42px;padding:8px 16px;font-size:13px;white-space:nowrap}.clients-panel{background:white;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow)}.clients-panel>header{padding:12px 18px;border-radius:7px 7px 0 0;background:#e9eef4;color:var(--muted);font-size:12px}.clients-table-scroll{overflow-x:auto}.clients-panel table{width:100%;min-width:850px;table-layout:fixed;border-collapse:collapse;font-size:13px}.clients-panel th,.clients-panel td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.clients-panel th{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);height:44px;padding-block:10px}.clients-panel th:first-child{width:24%}.clients-panel th:nth-child(2){width:18%}.clients-panel th:nth-child(3){width:20%}.clients-panel th:nth-child(4){width:13%}.clients-panel th:last-child{width:92px}.clients-panel tr:last-child td{border-bottom:0}.client-name{min-height:34px;border:0;background:transparent;padding:0;text-align:left;color:var(--ink);font-size:13px;overflow-wrap:anywhere;max-width:100%}.client-name:hover{color:var(--primary);text-decoration:underline}.client-archived{display:block;color:var(--muted);font-size:11px}.client-total{font-variant-numeric:tabular-nums;white-space:nowrap}.client-actions{display:flex;align-items:center;justify-content:flex-end}.client-action-menu{position:fixed;z-index:90;width:156px;padding:4px;background:white;border:1px solid var(--line);border-radius:5px;box-shadow:0 6px 22px #18223526}.client-action-menu button{display:flex;align-items:center;gap:8px;min-height:40px;width:100%;border:0;background:white;padding:8px 10px;color:var(--ink);text-align:left;font-size:13px}.client-action-menu button:hover:not(:disabled){background:var(--canvas)}.clients-panel .clients-empty{padding:48px 18px;text-align:center;color:var(--muted)}.client-modal{max-width:100%;display:flex;flex-direction:column;overflow:hidden}.client-edit-modal{width:720px}.client-modal>header{flex-shrink:0}.client-modal>header h2{font-size:21px;font-weight:500}.client-modal form{display:flex;flex-direction:column;min-height:0}.client-modal .modal-body{display:block;padding:20px;overflow:auto;min-height:0}.client-form-fields{display:grid;grid-template-columns:1fr;gap:16px}.client-edit-modal .client-form-fields{grid-template-columns:1fr 1fr}.client-form-fields label{display:block;color:var(--muted);font-size:13px;font-weight:500}.client-modal .client-form-fields input,.client-modal .client-form-fields select,.client-modal .client-form-fields textarea{width:100%;min-width:0;border:1px solid var(--control-border);border-radius:5px;background:white;color:var(--ink);font:inherit;font-weight:400;font-size:14px;padding:8px 10px;margin-top:7px}.client-modal .client-form-fields input,.client-modal .client-form-fields select{height:42px}.client-form-fields textarea{resize:vertical;line-height:1.6}.client-wide-field{grid-column:1/-1}.client-modal form>footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:16px 20px}.client-modal footer button{min-height:42px;padding:8px 20px;font-size:13px}
@media(max-width:760px){.clients-filters{flex-wrap:wrap;margin:22px 0;gap:10px}.clients-filters>label:first-child{flex:1}.clients-filters select{width:100%}.clients-search{flex-basis:100%;order:2}.clients-filters>.secondary{order:3;width:100%}.clients-search input{font-size:16px}.client-edit-modal .client-form-fields{grid-template-columns:1fr}.client-modal .client-form-fields input,.client-modal .client-form-fields select,.client-modal .client-form-fields textarea{font-size:16px}.client-create-button{align-self:flex-start}}

.client-action-menu .client-delete-action{color:var(--danger)}