:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:40px}.app-header{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:36px;display:flex}.brand{letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:700}.app-header h1{letter-spacing:-.03em;margin:0 0 8px;font-size:36px;font-weight:650}.app-header p{color:#6b7280}.primary-button{font:inherit;cursor:pointer;color:#fff;background:#111827;border:0;border-radius:8px;padding:12px 18px;font-weight:600}.primary-button:disabled{cursor:not-allowed;opacity:.55}.client-management{text-align:left}.client-filters{grid-template-columns:minmax(260px,1fr) 180px 180px;align-items:end;gap:16px;display:grid}.filter-field{flex-direction:column;gap:6px;display:flex}.filter-field label{color:#4b5563;font-size:13px;font-weight:600}.filter-field input,.filter-field select{box-sizing:border-box;width:100%;font:inherit;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.filter-field input:focus,.filter-field select:focus{outline-offset:1px;outline:2px solid #111827}.client-summary{color:#6b7280;margin:24px 0 12px}.client-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.client-table{border-collapse:collapse;width:100%}.client-table th,.client-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px 16px}.client-table th{letter-spacing:.04em;text-transform:uppercase;color:#6b7280;background:#f9fafb;font-size:12px;font-weight:700}.client-table tbody tr{cursor:pointer}.client-table tbody tr:hover{background:#f9fafb}.client-table tbody tr.selected{background:#f3f4f6}.client-table tbody tr:last-child td{border-bottom:0}.secondary-text{color:#6b7280;margin-top:3px;font-size:12px;display:block}.status-badge{border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:650;display:inline-flex}.status-badge.active{color:#047857;background:#ecfdf5}.status-badge.inactive{color:#6b7280;background:#f3f4f6}.client-list-state{text-align:center;color:#6b7280;border:1px dashed #d1d5db;border-radius:10px;padding:40px}.error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:14px 16px}.client-detail{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:24px;padding:24px}.client-detail-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.client-detail-header h2{margin:0}.detail-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.detail-grid>div,.client-notes{flex-direction:column;gap:5px;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-size:12px;font-weight:700}.client-notes{margin-top:24px}.client-notes p{line-height:1.55}@media (width<=800px){.app-shell{padding:24px}.app-header{flex-direction:column}.client-filters{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:420px;padding:36px;box-shadow:0 10px 30px #0000000f}.login-card h1{margin:0 0 8px;font-size:30px}.login-description{color:#6b7280;margin-bottom:28px}.login-form{flex-direction:column;gap:18px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:#4b5563;font-size:13px;font-weight:600}.form-field input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:11px 12px}.form-field input:focus{outline-offset:1px;outline:2px solid #111827}.login-button{width:100%;margin-top:4px}.header-actions{align-items:center;gap:18px;display:flex}.current-user{color:#6b7280;align-items:center;gap:10px;font-size:13px;display:flex}.secondary-button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 12px}.secondary-button:hover{background:#f9fafb}@media (width<=800px){.header-actions{flex-direction:column;align-items:stretch;width:100%}.current-user{justify-content:space-between}}.modal-backdrop{z-index:1000;background:#11182773;justify-content:flex-end;display:flex;position:fixed;inset:0}.client-form-panel{background:#fff;width:min(720px,100%);height:100vh;padding:32px;overflow-y:auto;box-shadow:-10px 0 35px #0000001f}.client-form-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.client-form-header h2{margin:0;font-size:28px}.client-form{flex-direction:column;gap:28px;display:flex}.client-form fieldset{border:0;margin:0;padding:0}.client-form legend,.form-section h3{color:#374151;margin:0 0 12px;font-size:14px;font-weight:700}.client-kind-options{gap:24px;display:flex}.client-kind-options label{cursor:pointer;align-items:center;gap:8px;display:flex}.form-section{border-top:1px solid #e5e7eb;padding-top:22px}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-span-two{grid-column:span 2}.form-field textarea{box-sizing:border-box;resize:vertical;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:11px 12px}.form-field textarea:focus{outline-offset:1px;outline:2px solid #111827}.client-form-actions{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin:0 -32px -32px;padding:20px 32px;display:flex;position:sticky;bottom:0}@media (width<=600px){.client-form-panel{padding:24px}.form-grid{grid-template-columns:1fr}.form-span-two{grid-column:auto}.client-form-actions{margin:0 -24px -24px;padding:16px 24px}}.client-detail-actions{align-items:center;gap:12px;display:flex}.danger-button{color:#b91c1c;border-color:#fecaca}.danger-button:hover{background:#fef2f2}.client-roles{border-top:1px solid #e5e7eb;margin-top:28px;padding-top:24px}.client-roles-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.client-role-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.client-role-option{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.client-role-option:hover{background:#f3f4f6}.client-role-option input{width:16px;height:16px}.client-role-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.success-message{color:#047857;font-size:13px;font-weight:600}@media (width<=600px){.client-role-options{grid-template-columns:1fr}.client-role-actions{flex-direction:column;align-items:stretch}}.import-panel{width:min(1100px,100%)}.import-stage{flex-direction:column;gap:22px;display:flex}.import-stage h3{margin:0}.import-upload-box{background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px;flex-direction:column;gap:10px;padding:24px;display:flex}.import-upload-box label{color:#374151;font-size:13px;font-weight:700}.import-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.import-summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;padding:16px;display:flex}.import-summary-card strong{font-size:26px}.import-summary-card.valid{background:#ecfdf5}.import-summary-card.warning{background:#fffbeb}.import-summary-card.invalid{background:#fef2f2}.import-preview-note{color:#4b5563}.import-table-container{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.import-table{border-collapse:collapse;width:100%}.import-table th,.import-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px 14px}.import-table th{letter-spacing:.04em;text-transform:uppercase;color:#6b7280;background:#f9fafb;font-size:12px;font-weight:700}.import-table tr:last-child td{border-bottom:0}.import-status{text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.import-status.valid,.import-status.imported{color:#047857;background:#ecfdf5}.import-status.warning,.import-status.skipped{color:#b45309;background:#fffbeb}.import-status.invalid,.import-status.failed{color:#b91c1c;background:#fef2f2}.import-issues{color:#6b7280;margin:0;padding-left:18px;font-size:12px;line-height:1.45}@media (width<=800px){.import-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.import-summary-grid{grid-template-columns:1fr}}.client-activities{border-top:1px solid #e5e7eb;margin-top:28px;padding-top:24px}.client-activities-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.client-activities-header p{margin:4px 0 0}.empty-activities{background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px;padding:20px}.empty-activities p{margin:0 0 6px}.empty-activities p:last-child{margin-bottom:0}.activity-timeline{flex-direction:column;gap:18px;margin-top:18px;display:flex;position:relative}.activity-item{grid-template-columns:18px 1fr;gap:14px;display:grid;position:relative}.activity-item:before{content:"";background:#e5e7eb;width:1px;position:absolute;top:18px;bottom:-18px;left:8px}.activity-item:last-child:before{display:none}.activity-marker{z-index:1;background:#6b7280;border:2px solid #fff;border-radius:999px;width:10px;height:10px;margin-top:15px;margin-left:3px;position:relative;box-shadow:0 0 0 1px #d1d5db}.activity-content{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px}.activity-content h3{margin:10px 0 8px;font-size:16px}.activity-content p{color:#374151;margin:0;line-height:1.55}.activity-item-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.activity-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.activity-type{letter-spacing:.03em;text-transform:uppercase;color:#374151;background:#f3f4f6;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.activity-type.call{color:#1d4ed8;background:#eff6ff}.activity-type.email{color:#0f766e;background:#ecfeff}.activity-type.message{color:#6d28d9;background:#f5f3ff}.activity-type.meeting{color:#15803d;background:#f0fdf4}.activity-type.note{color:#4b5563;background:#f9fafb}.activity-type.follow_up{color:#b45309;background:#fffbeb}.activity-type.other{color:#6b7280;background:#f3f4f6}.small-button{padding:6px 10px;font-size:12px}.activity-form-panel{width:min(720px,100%)}.activity-form-panel textarea{resize:vertical}@media (width<=700px){.client-activities-header{flex-direction:column;align-items:stretch}.activity-item-header{flex-direction:column}.small-button{align-self:flex-start}}