[hidden]{display:none!important}
.auth-panel{max-width:460px!important;width:calc(100% - 36px);margin:60px auto!important;background:white;border:1px solid #dce4f0;padding:35px!important;border-radius:18px}
.auth-panel h1{font:750 33px/1.15 "Segoe UI",Arial;letter-spacing:-1px}
.auth-panel>p{font-size:14px;color:#62718a}
.auth-panel form button{width:100%}
.admin h1{font:750 36px/1.1 "Segoe UI",Arial;letter-spacing:-1px}
.admin aside nav button{background:transparent;color:#53627c;text-align:left;box-shadow:none;border:0;padding:12px}
.admin aside nav button[aria-current=true]{background:#e4ecff;color:#1746c8}
.compact-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:end}
.compact-form [role=status]{grid-column:1/-1}
.check-label{display:flex;align-items:center;gap:10px}
.check-label input{width:auto}
.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.row-actions button{padding:8px 12px;font-size:12px;box-shadow:none}
.record{border-bottom:1px solid #e4eaf2;padding:20px 0;overflow-wrap:anywhere}
.record h3{font-size:17px;margin:0 0 7px}
.record p{font-size:13px;white-space:pre-wrap;color:#586a83}
.record label{max-width:300px}
.record .response-form{padding:15px;background:#f5f8fd;border-radius:9px}
.status-tag{font-size:11px;padding:4px 8px;background:#edf2ff;border-radius:5px;display:inline-block;margin:6px 0}
.record input[type=date]{width:180px}
#client-invoices .record{padding:10px 0}
.customer header button{padding:8px 14px;font-size:12px}
@media(max-width:1000px){.compact-form{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.compact-form{grid-template-columns:1fr}.auth-panel{padding:25px!important}.admin aside nav button{white-space:nowrap}.customer header nav{display:flex}}

.table-scroll{overflow-x:auto;max-width:100%}
.data-table{width:100%;border-collapse:collapse;font-size:13px;min-width:1000px}
.data-table th{position:sticky;top:0;background:#edf2fb;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:14px 12px;white-space:nowrap;border-bottom:1px solid #d3deef}
.data-table td{padding:14px 12px;border-bottom:1px solid #e0e7f1;vertical-align:middle;max-width:240px;overflow-wrap:anywhere}
.data-table tr:nth-child(even){background:#f8faff}
.data-table tr:hover{background:#eff5ff}
.data-table small{display:block;font-size:11px;color:#6c7a90}
.data-table select{min-width:155px;font-size:12px;margin:0;padding:8px}
.data-table input[type=checkbox]{width:18px;height:18px}
.data-table .row-actions{flex-wrap:nowrap}
#campaign-recipients{white-space:pre-wrap;font-size:12px;color:#53647f}
.workflow-tools{display:flex;gap:20px;margin:20px 0}.workflow-tools label{flex:1}
.kanban{display:grid;grid-template-columns:repeat(6,260px);gap:15px;overflow-x:auto;padding-bottom:20px}
.customer .kanban-column{background:#eef2f9;border:1px solid #dee6f2;border-radius:12px;padding:14px;min-height:250px}
.kanban-column>h3{font-size:13px;margin:0 0 15px}
.kanban-card{background:white;border:1px solid #dce4f0;border-radius:10px;padding:15px;margin-bottom:12px;box-shadow:0 4px 10px #223b5e06}
.kanban-card strong{font-size:14px}.kanban-card p{font-size:12px;color:#64718a;overflow-wrap:anywhere}
.kanban-card small{font-size:10px}.kanban-card select{font-size:12px;padding:10px;margin:12px 0}
.kanban-card button{font-size:11px;padding:9px;box-shadow:none}
.service-editor{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:15px;align-items:center}
.service-editor button{padding:9px;font-size:11px}
.customer #client-editor,.customer #contract-editor{max-width:850px}
#customers .dashboard-panel{width:100%}
#contract-history p{border-left:2px solid #c0d2f5;padding-left:12px}
@media(max-width:750px){.service-editor{grid-template-columns:1fr 1fr}.workflow-tools{flex-direction:column;gap:0}}