.clients-catalog-root{z-index:1000;background:var(--paper);animation:.18s ease-out clients-fade-in;display:block;position:fixed;inset:0}.clients-catalog-root[hidden]{display:none!important}.clients-catalog-scrim{background:#0006;position:absolute;inset:0}.clients-sheet{background:var(--paper);border:1px solid var(--paper-2);width:min(1100px,92vw);height:auto;max-height:86vh;font-family:var(--font-sans);color:var(--ink);border-radius:12px;flex-direction:column;margin:4vh auto;animation:.18s ease-out clients-slide-up;display:flex;position:relative;box-shadow:0 6px 24px #0000002e}.clients-header{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.clients-header h2{color:var(--cobalt);margin:0;font-size:18px;font-weight:600}.clients-header-actions{align-items:center;gap:8px;display:flex}.clients-header button.primary{background:var(--cobalt);color:var(--paper);cursor:pointer;font-family:var(--font-sans);border:none;border-radius:6px;padding:8px 14px;font-size:14px}.clients-header button.primary:hover{opacity:.9}.clients-header button.icon-only{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:4px;width:32px;height:32px;font-size:24px}.clients-header button.icon-only:hover{background:var(--paper-2)}.clients-body{flex:auto;min-height:0;padding:16px 20px;overflow:auto}@keyframes clients-fade-in{0%{opacity:0}to{opacity:1}}@keyframes clients-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.clients-search-row{margin-bottom:12px}.clients-search-row input{border:1px solid var(--line);background:var(--paper-2);width:100%;color:var(--ink);font-family:var(--font-sans);border-radius:6px;padding:8px 12px;font-size:14px}.clients-search-row input:focus{border-color:var(--cobalt);outline:none}.clients-list-table{border-collapse:collapse;width:100%;font-size:14px}.clients-list-table thead th{text-align:left;border-bottom:1px solid var(--line);color:var(--ink);background:var(--paper);padding:10px 8px;font-weight:600;position:sticky;top:0}.clients-list-table tbody td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:10px 8px}.clients-list-table tbody tr:hover{background:var(--paper-2)}.clients-list-table td.clients-actions{justify-content:flex-end;gap:4px;display:flex}.clients-list-table button{border:1px solid var(--line);color:var(--ink);cursor:pointer;width:28px;height:28px;font-family:var(--font-sans);background:0 0;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.clients-list-table button:hover{background:var(--paper);border-color:var(--cobalt)}.clients-list-table button[data-action=delete]:hover{color:var(--destructive,#d33);border-color:var(--destructive,#d33)}.clients-empty-row td{text-align:center;color:var(--ink);opacity:.6;padding:32px 0}.clients-hl{background:#3399ff40;border-radius:2px}.clients-list-table th.clients-col-select,.clients-list-table td.clients-col-select{text-align:center;width:36px;padding-left:12px;padding-right:0}.clients-list-table input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--cobalt)}.clients-bulk-bar{background:var(--paper-2);border:1px solid var(--cobalt);font-family:var(--font-sans);border-radius:6px;align-items:center;gap:10px;margin:0 0 10px;padding:8px 12px;font-size:13px;display:flex}.clients-bulk-bar[hidden]{display:none}.clients-bulk-count{color:var(--cobalt);margin-right:auto;font-weight:600}.clients-bulk-bar button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font-family:var(--font-sans);border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500}.clients-bulk-bar button:hover{border-color:var(--cobalt)}.clients-bulk-bar button.destructive{color:var(--destructive,#d33);border-color:var(--destructive,#d33)}.clients-bulk-bar button.destructive:hover{background:var(--destructive,#d33);color:var(--paper)}.clients-bulk-bar button.icon-only{justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:16px;display:inline-flex}.clients-drawer-scrim{z-index:1001;background:#0000004d;animation:.18s ease-out clients-fade-in;position:fixed;inset:0}.clients-drawer{background:var(--paper);z-index:1002;width:min(440px,90vw);font-family:var(--font-sans);color:var(--ink);flex-direction:column;animation:.18s ease-out clients-slide-left;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #0003}.clients-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.clients-drawer-header h2{color:var(--cobalt);margin:0;font-size:16px}.clients-drawer-header button{cursor:pointer;width:32px;height:32px;color:var(--ink);background:0 0;border:none;border-radius:4px;font-size:24px}.clients-drawer-header button:hover{background:var(--paper-2)}.clients-drawer form{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow:auto}.clients-drawer label{color:var(--ink);flex-direction:column;gap:4px;font-size:13px;display:flex}.clients-drawer input,.clients-drawer textarea{border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font-family:var(--font-sans);border-radius:6px;padding:8px 10px;font-size:14px}.clients-drawer input:focus,.clients-drawer textarea:focus{border-color:var(--cobalt);outline:none}.clients-drawer-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:8px;padding-top:16px;display:flex}.clients-drawer-actions button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:6px;padding:10px 18px;font-size:14px}.clients-drawer-actions button[type=submit]{background:var(--cobalt);color:var(--paper);border:none}.clients-drawer-actions button[type=submit]:disabled{opacity:.5;cursor:not-allowed}@keyframes clients-slide-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.clients-projects-drawer-root{z-index:1800;position:fixed;inset:0}.clients-projects-scrim{cursor:pointer;background:#0000008c;position:absolute;inset:0}.clients-projects-drawer{background:var(--paper);border:1px solid var(--paper-2);width:min(720px,92vw);max-height:70vh;font-family:var(--font-sans);color:var(--ink);border-radius:12px;flex-direction:column;animation:.18s ease-out clients-fade-in;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000052}.clients-projects-header{border-bottom:1px solid var(--line);background:var(--paper);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.clients-projects-header h2{color:var(--cobalt);margin:0;font-size:16px;font-weight:600}.clients-projects-header button{cursor:pointer;width:32px;height:32px;color:var(--ink);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex}.clients-projects-header button:hover{background:var(--paper-2);color:var(--cobalt)}.projects-body{flex:1;padding:16px 20px;overflow:auto}.projects-empty,.projects-loading{color:var(--ink);opacity:.6;text-align:center;padding:32px 0}.projects-list{margin:0;padding:0;list-style:none}.projects-list li{border:1px solid var(--line);background:var(--paper-2);border-radius:6px;flex-direction:column;gap:4px;margin-bottom:8px;padding:12px 14px;display:flex}.projects-list li:hover{background:var(--paper);border-color:var(--cobalt)}.projects-list li strong{color:var(--ink);font-size:14px;font-weight:600;display:block}.projects-list li .meta{color:var(--ink);opacity:.7;font-size:12px;display:block}@media (width<=900px){.clients-sheet{border-radius:0;width:100vw;height:100vh;margin:0}.clients-drawer{width:100vw}.clients-list-table{font-size:13px}.clients-list-table thead th,.clients-list-table tbody td{padding:8px 4px}}@media (width<=600px){.clients-list-table th:nth-child(3),.clients-list-table td:nth-child(3),.clients-list-table th:nth-child(5),.clients-list-table td:nth-child(5){display:none}}.client-scrim{z-index:1499;background:#0000008c;position:fixed;inset:0}body.client-panel-open .confirm-root{z-index:1600}.client-sheet{z-index:1500;background:var(--paper);border:1px solid var(--paper-2);width:min(560px,92vw);height:auto;max-height:86vh;color:var(--ink);border-radius:12px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000052}.client-header{border-bottom:1px solid var(--paper-2);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.client-header h2{color:var(--ink);margin:0;font-size:16px;font-weight:600}.client-header-actions{align-items:center;gap:8px;display:flex}.client-header button{border:1px solid var(--paper-2);cursor:pointer;color:var(--ink);background:0 0;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px}.client-header button:hover{background:var(--paper-2)}.client-header button.destructive{color:#c0392b;border-color:#c0392b}.client-header button.icon-only{padding:6px 10px;font-size:16px;line-height:1}.client-body{flex:auto;min-height:0;padding:20px;overflow:auto}.client-footer{border-top:1px solid var(--paper-2);background:var(--paper-2);color:var(--ink);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:12px;display:flex}.client-footer>span{flex:1}.client-form{flex-direction:column;gap:14px;max-width:600px;display:flex}.client-form label{color:var(--ink);flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.client-form input,.client-form textarea{border:1px solid var(--paper-2);background:var(--paper);width:100%;color:var(--ink);box-sizing:border-box;border-radius:6px;padding:9px 12px;font-family:inherit;font-size:14px;line-height:1.4}.client-form input:focus,.client-form textarea:focus{border-color:var(--cobalt);box-shadow:0 0 0 2px var(--cobalt-soft);outline:none}.client-form textarea{resize:vertical;min-height:40px}.client-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.client-helper{color:var(--ink-mute);margin-top:2px;font-size:11px;font-weight:400}.client-readonly{background:var(--paper-2);border:1px solid var(--paper-2);border-radius:8px;flex-direction:column;gap:6px;max-width:100%;padding:8px 14px;display:flex}.client-readonly label{color:var(--ink);flex-direction:column;gap:3px;margin-bottom:2px;font-size:13px;font-weight:500;display:flex}.client-readonly input,.client-readonly textarea{box-sizing:border-box;background:var(--paper-3);width:100%;min-height:24px;color:var(--ink);border:1px solid var(--line);opacity:.9;resize:vertical;border-radius:6px;padding:3px 8px;font-family:inherit;font-size:12px}.client-readonly textarea{min-height:32px}.client-readonly .client-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.client-readonly>button[data-action=open-client-panel]{background:var(--paper);color:var(--cobalt);border:1px solid var(--cobalt);cursor:pointer;border-radius:6px;align-self:flex-start;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500}.client-readonly>button[data-action=open-client-panel]:hover{background:var(--cobalt-soft)}.client-card-empty{background:var(--paper-2);border:1px dashed var(--cadmium-soft);width:100%;color:var(--ink);border-radius:8px;grid-template-columns:1fr auto;grid-template-areas:"msg cta""hint cta";align-items:center;gap:4px 16px;padding:10px 14px;display:grid}.client-card-empty>p.msg{color:var(--ink);grid-area:msg;margin:0;font-size:13px;font-weight:500;line-height:1.3}.client-card-empty>p.hint{color:var(--ink-mute);grid-area:hint;margin:0;font-size:11px;font-style:italic;line-height:1.3}.client-card-empty>button[data-action=open-client-panel]{background:var(--cobalt);color:var(--paper);border:1px solid var(--cobalt);cursor:pointer;border-radius:6px;flex-shrink:0;grid-area:cta;place-self:center end;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.2}.client-card-empty>button[data-action=open-client-panel]:hover{background:var(--cobalt-deep);border-color:var(--cobalt-deep)}@media (width<=640px){.client-sheet{width:92vw;min-width:0;height:86vh;max-height:86vh}.client-row,.client-readonly .client-row{grid-template-columns:1fr}}.client-catalog-autocomplete{margin-bottom:4px;position:relative}.client-catalog-autocomplete input[data-field=catalogSearch]{border:1px solid var(--line);background:var(--paper-2);width:100%;color:var(--ink);font-family:var(--font-sans);border-radius:6px;padding:9px 12px 9px 36px;font-size:13px}.client-catalog-autocomplete input[data-field=catalogSearch]:focus{border-color:var(--cobalt);outline:none}.client-catalog-autocomplete [data-list=catalogResults]{flex-direction:column;gap:2px;margin:6px 0 0;padding:0;list-style:none;display:flex}.client-catalog-autocomplete [data-list=catalogResults] li{border:1px solid var(--line);background:var(--paper-2);cursor:pointer;font-family:var(--font-sans);border-radius:6px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.client-catalog-autocomplete [data-list=catalogResults] li:hover,.client-catalog-autocomplete [data-list=catalogResults] li:focus{border-color:var(--cobalt);background:var(--paper)}.client-catalog-autocomplete [data-list=catalogResults] li strong{color:var(--ink);font-size:13px;font-weight:600}.client-catalog-autocomplete [data-list=catalogResults] li .catalog-sub{color:var(--ink);opacity:.7;font-size:12px}.client-catalog-autocomplete [data-list=catalogResults] li.catalog-empty,.client-catalog-autocomplete [data-list=catalogResults] li.catalog-hint{color:var(--ink);opacity:.6;cursor:default;border-style:dashed;font-size:12px;font-style:italic}.client-catalog-autocomplete [data-list=catalogResults] li.catalog-empty:hover,.client-catalog-autocomplete [data-list=catalogResults] li.catalog-hint:hover{border-color:var(--line);background:var(--paper-2)}.client-catalog-link-status{font-family:var(--font-sans);flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 12px;font-size:12px;display:flex}.client-catalog-link-status .badge-ok,.client-catalog-link-status .badge-warn{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.client-catalog-link-status .badge-ok{color:#008255;background:#00996626;border:1px solid #0099664d}.client-catalog-link-status .badge-warn{color:#b45a00;background:#cc660026;border:1px solid #cc66004d}.client-catalog-link-status .badge-success{color:#008255;font-size:11px;font-weight:600;font-family:var(--font-sans);background:#0963;border:1px solid #00996673;border-radius:999px;padding:4px 10px}.client-catalog-link-status .badge-success.fade-out-temp{animation:2s ease-out forwards badge-saved-fadeout}@keyframes badge-saved-fadeout{0%{opacity:1}60%{opacity:1}to{opacity:0}}.client-catalog-link-action{color:var(--cobalt);cursor:pointer;font-size:12px;text-decoration:none}.client-catalog-link-action:hover{text-decoration:underline}.client-catalog-save{justify-content:flex-end;margin-left:auto;display:flex}button.client-catalog-save.primary{background:var(--cobalt);color:var(--paper);font-family:var(--font-sans);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex;box-shadow:0 2px 6px #00000026}button.client-catalog-save.primary:hover{opacity:.92;transform:translateY(-1px)}button.client-catalog-save.primary:active{transform:translateY(0)}button.client-catalog-save.primary svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}