body.customers-mode .metrics,body.customers-mode .workspace-toolbar,body.customers-mode .filter-bar{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.customer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.customer-metrics>div{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:14px}.customer-metrics>div>span:last-child{font-size:12px;color:#7a8875}.customer-metrics strong{display:block;font-size:29px;color:#284d3d;margin-top:5px;font-weight:550}.customer-metric-icon,.customer-import-hint-icon,.customer-form-avatar{display:grid;place-items:center;width:44px;height:44px;background:#edf3e7;color:#6c8d5f;border-radius:13px;flex-shrink:0}.customer-metric-icon.dogs{background:#f6eee4;color:#b18f65}.customer-metric-icon.staying{background:#eeedf6;color:#9691ad}
.customer-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.customer-search{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:10px;padding:12px 14px;width:390px;color:#87967d}.customer-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font:inherit;font-size:12px;color:#304b3c}.customer-search>.icon{width:17px;flex-shrink:0}.customer-tools-actions{display:flex;align-items:center;gap:16px}.customer-template-button,.customer-text-button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:#73856b;font:inherit;font-size:11px;cursor:pointer;padding:8px}.customer-template-button>.icon{width:16px}.customer-filter-tabs{display:flex;gap:6px;margin-bottom:17px;flex-wrap:wrap}.customer-filter-tabs button{display:flex;align-items:center;gap:9px;background:transparent;border:0;padding:10px 13px;border-radius:8px;font:inherit;font-size:12px;color:#83917b;cursor:pointer}.customer-filter-tabs button.selected{background:#e8efdf;color:#496c38}.customer-filter-tabs button span{font-size:10px;background:#ffffff80;padding:2px 6px;border-radius:5px}
.customer-table-wrap{border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}.customer-table{width:100%;border-collapse:collapse;text-align:right}.customer-table th{font-size:11px;font-weight:500;color:#8c9983;background:#fafbf7;padding:15px 20px;border-bottom:1px solid var(--line)}.customer-table td{padding:19px 20px;border-bottom:1px solid #eff1e9;font-size:12px}.customer-table tr:last-child td{border-bottom:0}.customer-table tbody tr:hover{background:#fcfdf9}.customer-name-button{display:flex;align-items:center;gap:12px;border:0;background:none;text-align:right;font:inherit;cursor:pointer;padding:0;color:#34503e}.customer-name-button strong{display:block;font-size:14px;font-weight:550}.customer-name-button small{display:block;color:#97a08e;font-size:10px;margin-top:5px}.customer-avatar{width:41px;height:41px;border-radius:13px;background:#eaf1e4;color:#6d8a60;display:grid;place-items:center;font-size:14px;flex-shrink:0}.customer-avatar.tone-1{background:#eeedf5;color:#9186a5}.customer-avatar.tone-2{background:#f7eee4;color:#b79670}.customer-avatar.tone-3{background:#eaf1f0;color:#72928b}.customer-phone{font-size:12px;color:#526a54;text-align:right}.customer-email{display:block;color:#98a18f;font-size:10px;margin-top:5px;text-align:right;overflow-wrap:anywhere}.customer-dog-tags{display:flex;gap:5px;flex-wrap:wrap;max-width:230px}.customer-dog-tags>span{display:flex;align-items:center;gap:5px;background:#f4f6ef;color:#7c8e6d;border-radius:6px;padding:5px 7px;font-size:11px}.customer-dog-tags .icon{width:12px;height:12px}.customer-stay-date{display:block;font-size:11px;font-weight:500;color:#6d8162;white-space:nowrap}.customer-stay-room{display:block;color:#9ca58f;font-size:10px;margin-top:5px}.customer-no-stay,.no-dogs{font-size:11px;color:#a0aa94}.customer-status{display:inline-flex;padding:6px 8px;border-radius:6px;font-size:10px;white-space:nowrap}.customer-status.staying{background:#eaf2e2;color:#6b8b55}.customer-status.future{background:#f0edf7;color:#9787ac}.customer-status.idle{background:#f4f5ef;color:#9aa38d}.customer-table-footer{border-top:1px solid var(--line);padding:15px 20px;display:flex;justify-content:space-between;font-size:10px;color:#98a38b}.customer-table-footer>span:last-child{display:flex;align-items:center;gap:6px}.customer-table-footer .icon{width:12px;height:12px}.customer-import-hint{display:flex;align-items:center;gap:17px;margin-top:22px;padding:22px;background:#f1f4e9;border:1px dashed #d8e1cc;border-radius:12px}.customer-import-hint strong{font-size:13px;color:#6d805c}.customer-import-hint p{font-size:11px;color:#8e9d7c;margin:6px 0 0}.customer-import-hint>.button{margin-right:auto;flex-shrink:0}.customer-empty{text-align:center;padding:45px;color:#8c9c7f}.customer-empty>.icon{width:30px;height:30px}.customer-empty h3{font-size:16px}.customer-empty p{font-size:12px}
#customer-form-dialog{width:620px}#customer-detail-dialog{width:680px}#customer-import-dialog{width:970px}.customer-form{padding:24px 27px;display:grid;gap:17px}.customer-form-intro{display:flex;align-items:center;gap:13px;margin-bottom:3px}.customer-form-intro strong{font-size:13px;color:#66805a}.customer-form-intro p{font-size:11px;color:#96a28c;margin:6px 0}.customer-form-dogs{background:#f6f8f0;border-radius:10px;padding:16px;display:grid;gap:10px}.customer-form-dogs>span{display:flex;gap:6px;align-items:center;font-size:12px;color:#738963}.customer-form-dogs>span>.icon{width:16px}.customer-form-dogs small{font-size:10px;color:#8c9a80}.optional{font-size:10px;color:#a4ac9b}.customer-detail-body{padding:25px 27px}.customer-detail-profile{display:flex;align-items:center;gap:14px;margin-bottom:24px}.customer-avatar.large{width:58px;height:58px;font-size:20px}.customer-detail-profile strong{display:block;margin-bottom:8px;font-size:18px;font-weight:550;color:#36533f}.customer-detail-profile>.button{margin-right:auto}.customer-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#f7f9f2;border-radius:12px;padding:20px}.customer-contact-grid>div{min-width:0}.customer-contact-grid span{display:block;color:#93a086;font-size:11px;margin-bottom:7px}.customer-contact-grid strong{display:block;text-align:right;font-size:12px;font-weight:500;color:#61765a;overflow-wrap:anywhere}.customer-contact-address{grid-column:1/-1}.customer-detail-section{margin-top:25px}.customer-detail-section h3{font-size:12px;color:#728665;margin-bottom:13px}.customer-dog-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:9px;margin-bottom:8px}.customer-dog-card strong{font-size:13px}.customer-dog-card small{display:block;color:#92a083;font-size:11px;margin-top:5px}.customer-stay-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#f9faf6;border:1px solid var(--line);border-radius:9px;margin-bottom:8px}.customer-stay-card strong{display:block;font-size:12px}.customer-stay-card small{display:block;font-size:11px;margin-top:7px;color:#87997a}.customer-detail-muted,.customer-detail-notes{font-size:12px;line-height:1.8;color:#8a997e}.customer-detail-notes{white-space:pre-wrap;background:#faf8f1;padding:14px;border-radius:8px}
.import-steps{display:flex;justify-content:center;gap:34px;background:#fafbf6;border-block:1px solid var(--line);padding:15px}.import-steps>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#a4ad97}.import-steps b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #e2e8d7;border-radius:50%;font-size:10px;font-weight:500}.import-steps .active{color:#66884e}.import-steps .active b,.import-steps .complete b{background:#e6eedb;border-color:#dce7ce;color:#6e8b56}.import-upload-content{padding:28px;display:grid;grid-template-columns:1fr 245px;gap:24px}.import-dropzone{border:1.5px dashed #cbd8bc;background:#fafcf6;border-radius:14px;padding:40px 25px;text-align:center;color:#7c906c;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:290px}.import-dropzone.dragover{background:#eaf2df;border-color:#809e69}.import-upload-icon,.import-file-icon{display:grid;place-items:center;background:#eaf0df;border-radius:14px;width:55px;height:55px;margin-bottom:15px;color:#7d9965}.import-dropzone h3{font-size:19px;font-weight:550;margin:3px 0 8px;color:#587348}.import-dropzone p{font-size:12px;line-height:1.8;margin:0 0 20px}.import-file-types{font-size:10px;margin-top:15px;color:#a1ad92}.import-guide{padding:15px 5px}.import-guide h3{font-size:14px;color:#758b65}.import-guide p,.import-guide li{font-size:12px;color:#8c9d7c;line-height:1.9}.import-guide ul{padding-right:18px}.import-review-content{padding:22px 27px}.import-file-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.import-file-icon{width:40px;height:40px;margin:0;flex-shrink:0}.import-file-header strong{font-size:13px;overflow-wrap:anywhere}.import-file-header small{display:block;font-size:10px;color:#9aa58d;margin-top:5px}.import-file-header select{font:inherit;font-size:11px;max-width:170px;padding:8px;border:1px solid var(--line);border-radius:7px;background:white;color:#74846a}.import-file-header>.customer-text-button{margin-right:auto;white-space:nowrap}.import-mapping{border:1px solid var(--line);border-radius:10px;padding:13px 16px;margin:15px 0}.import-mapping summary{font-size:12px;color:#7d916d;cursor:pointer}.import-mapping>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.import-mapping label{display:grid;gap:7px;font-size:11px;color:#829675}.import-mapping select{min-width:0;max-width:100%;font:inherit;font-size:11px;border:1px solid var(--line);border-radius:6px;padding:8px;background:white;color:#718460}.import-summary{display:flex;gap:10px;margin:17px 0}.import-summary>span{background:#f5f6f0;padding:9px 12px;border-radius:7px;font-size:11px;color:#94a085}.import-summary .ready{background:#edf3e5;color:#748e5e}.import-summary .duplicate{background:#f8f0e3;color:#b4996e}.import-preview-table-wrap{overflow:auto;max-height:280px;border:1px solid var(--line);border-radius:9px}.import-preview-table{border-collapse:collapse;width:100%;text-align:right;font-size:11px;white-space:nowrap}.import-preview-table th{background:#f7f9f1;padding:12px;color:#869877;font-weight:500;position:sticky;top:0}.import-preview-table td{padding:12px;color:#7a8d6c;border-top:1px solid #edf0e5}.import-row-status{padding:5px 7px;border-radius:5px;font-size:10px}.import-row-status.ready{background:#edf4e4;color:#718d5a}.import-row-status.duplicate{background:#f9f0e1;color:#aa9066}.import-row-status.invalid{background:#faeee8;color:#b28b76}.import-preview-note{font-size:10px;color:#a0aa93;margin-top:12px}.import-error{margin:0 27px 18px;color:#ab7662;background:#fbf0e9;padding:12px;border-radius:8px;font-size:12px}
@media(max-width:1150px){.customer-table td,.customer-table th{padding:15px 11px}.customer-metrics>div{padding:17px 14px}.customer-tools{gap:10px}.customer-search{width:320px}.customer-tools-actions{gap:5px}}
@media(max-width:760px){.customer-metrics{gap:8px;margin-bottom:19px}.customer-metrics>div{padding:13px 9px;display:block}.customer-metric-icon{width:29px;height:29px;border-radius:8px;margin-bottom:10px}.customer-metric-icon>.icon{width:17px}.customer-metrics>div>span:last-child{font-size:9px;line-height:1.7;display:block}.customer-metrics strong{font-size:23px}.customer-tools{display:block}.customer-search{width:100%;box-sizing:border-box}.customer-tools-actions{margin-top:12px;justify-content:space-between}.customer-filter-tabs{gap:2px}.customer-filter-tabs button{font-size:10px;padding:8px 6px;gap:4px}.customer-table-wrap{background:transparent;border:0;overflow:visible}.customer-table thead{display:none}.customer-table,.customer-table tbody{display:block}.customer-table tbody{display:grid;gap:12px}.customer-table tr{display:grid;grid-template-columns:1fr auto;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;position:relative}.customer-table td{display:block;padding:0;border:0!important;min-width:0}.customer-table td:nth-child(1){grid-column:1;grid-row:1}.customer-table td:nth-child(6){grid-column:2;grid-row:1}.customer-table td:nth-child(2){grid-row:2}.customer-table td:nth-child(3){grid-row:2;grid-column:2;max-width:125px}.customer-table td:nth-child(4){grid-row:3}.customer-table td:nth-child(5){grid-row:3;grid-column:2}.customer-name-button strong{font-size:14px}.customer-table-footer{border:0;padding-inline:3px}.customer-import-hint{padding:17px;gap:12px;flex-wrap:wrap}.customer-import-hint-icon{width:35px;height:35px}.customer-import-hint>div{flex:1;min-width:170px}.customer-import-hint>.button{margin-right:47px}.customer-form{padding:20px;gap:15px}.customer-detail-body{padding:20px}.customer-detail-profile{gap:10px;flex-wrap:wrap}.customer-detail-profile strong{font-size:17px}.customer-detail-profile>.button{font-size:10px;padding:8px}.customer-contact-grid{padding:15px;gap:15px}.customer-stay-card{flex-wrap:wrap}.import-steps{gap:12px;padding:13px 6px}.import-steps>span{font-size:9px;gap:5px}.import-steps b{width:20px;height:20px}.import-upload-content{padding:18px;grid-template-columns:1fr;gap:10px}.import-dropzone{padding:27px 15px;min-height:250px}.import-guide{padding:0 7px}.import-review-content{padding:18px}.import-file-header{flex-wrap:wrap}.import-file-header>div:nth-child(2){max-width:200px}.import-file-header select{max-width:130px}.import-mapping>div{grid-template-columns:repeat(2,minmax(0,1fr))}.import-summary{gap:5px;flex-wrap:wrap}.import-summary>span{padding:7px 8px;font-size:10px}.import-error{margin:0 18px 15px}.customer-email{max-width:175px}}
@media(max-width:450px){.sidebar{padding-inline:10px}.brand{font-size:16px;gap:5px}.brand-mark{width:27px;height:27px}.sidebar nav{gap:1px}.nav-item{padding:9px 6px;gap:4px;font-size:9px}.nav-item .icon{width:12px}.customer-form .form-row{grid-template-columns:1fr}.customer-form-intro p{line-height:1.7}.customer-detail-profile>.button{margin-right:0}.customer-stay-date{font-size:10px}}
.import-summary>div{flex:1;background:#f5f6f0;padding:12px 14px;border-radius:9px;font-size:11px;color:#94a085}.import-summary strong{display:block;font-size:23px;margin-top:7px;font-weight:550}.import-file-header>div:first-child{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.import-file-header>div:first-child>span:last-child{min-width:0}.import-file-header label{display:flex;align-items:center;gap:8px;font-size:11px;color:#899b78}.import-row-status{display:inline-flex;align-items:center;gap:5px}.import-row-status>.icon{width:12px;height:12px}.import-guide>div{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#8c9d7c;line-height:1.8;margin:12px 0}.import-guide>div>.icon{width:14px;height:14px;flex-shrink:0;margin-top:3px}.import-mapping summary span{font-size:10px;color:#a0ad93;margin-right:8px}@media(max-width:760px){.import-summary{display:grid;grid-template-columns:1fr 1fr}.import-summary>div{padding:10px}.import-summary strong{font-size:20px}.import-file-header>div:first-child{flex-basis:100%}.import-file-header>div:nth-child(2){max-width:none}.import-mapping summary span{display:block;margin-top:6px}}

.customer-pagination{gap:16px;flex-wrap:wrap}.customer-page-summary{display:flex;flex-direction:column;gap:5px;color:#385a48}.customer-page-summary strong{font-size:12px;font-weight:550}.customer-page-summary small{font-size:11px;color:#7f8d79}.customer-page-controls,.customer-page-controls nav,.customer-page-controls label{display:flex;align-items:center;gap:10px}.customer-page-controls{flex-wrap:wrap;gap:20px}.customer-page-controls label{font-size:11px;color:#6c7d64}.customer-page-controls select{border:1px solid var(--line);border-radius:8px;padding:6px 9px;background:#fff;color:#385a48;font:inherit;min-height:34px}.customer-page-controls nav>span{font-size:11px;white-space:nowrap;color:#6c7d64}.customer-pagination .button:disabled{opacity:.4;cursor:default}.customer-page-controls select:focus-visible,.customer-pagination button:focus-visible{outline:2px solid #83aa8d;outline-offset:3px}@media(max-width:760px){.customer-pagination{padding-block:18px;gap:16px}.customer-page-controls{width:100%;justify-content:space-between;gap:12px}.customer-page-controls nav{gap:7px}.customer-page-controls .button{padding:8px 10px}.customer-page-summary strong{font-size:13px}}