@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{color:#11273a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Source Sans 3",sans-serif;font-weight:400;line-height:1.45}body{min-height:100vh;margin:0}h1,h2,h3,h4{font-family:Chakra Petch,sans-serif}.dashboard-shell{background:#f7f5f3;grid-template-columns:184px 1fr;min-height:100vh;display:grid}.sidebar{color:#2f2924;background:#fff;border-right:1px solid #e8e4df;flex-direction:column;gap:.3rem;padding:.7rem .5rem;display:flex}.brand-head{border-bottom:1px solid #efebe8;align-items:center;gap:.5rem;margin-bottom:.35rem;padding:.4rem .35rem .8rem;display:flex}.brand-icon{color:#fff;background:#ff5f1f;border-radius:.35rem;place-items:center;width:1.45rem;height:1.45rem;font-size:.84rem;font-weight:700;display:grid}.brand-title{color:#2d2520;margin:0;font-size:.92rem;font-weight:700}.brand-subtitle{color:#7f756d;margin:0;font-size:.72rem}.menu-label{color:#998f87;text-transform:uppercase;letter-spacing:.08em;margin:.2rem .42rem;font-size:.62rem}.side-nav{gap:.08rem;display:grid}.nav-link{text-align:left;color:#3c332d;cursor:pointer;background:0 0;border:none;border-radius:.45rem;align-items:center;gap:.5rem;padding:.6rem;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.nav-icon{color:#9d948d;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.nav-icon svg{width:1rem;height:1rem}.nav-link:hover{background:#f7f1ec}.nav-link.active{background:#f7e7db}.nav-link.active .nav-icon{color:#ff6d2d}.login-page{background:#f7f5f3;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:#fff;border:1px solid #e8e4df;border-radius:.9rem;flex-direction:column;gap:.55rem;width:100%;max-width:360px;padding:1.6rem 1.5rem 1.7rem;display:flex;box-shadow:0 12px 34px #3c332d14}.login-brand{align-items:center;gap:.55rem;margin-bottom:.4rem;display:flex}.login-heading{color:#2d2520;margin:.3rem 0 0;font-size:1.3rem}.login-subtitle{color:#7f756d;margin:0 0 .5rem;font-size:.82rem}.login-label{color:#7f756d;text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:600}.login-input{color:#2f2924;border:1px solid #e0d9d2;border-radius:.55rem;outline:none;padding:.6rem .7rem;font-size:.9rem;transition:border-color .2s}.login-input:focus{border-color:#ff6d2d}.login-input:disabled{color:#6f665f;background:#f4f1ee}.login-btn{cursor:pointer;color:#fff;background:#ff5f1f;border:none;border-radius:.55rem;padding:.62rem .75rem;font-size:.9rem;font-weight:600;transition:opacity .2s,background .2s}.login-btn:hover{opacity:.92}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn.ghost{color:#3c332d;background:0 0;border:1px solid #e0d9d2}.login-btn.ghost:hover{opacity:1;background:#f7f1ec}.login-methods{flex-direction:column;gap:.45rem;display:flex}.login-masked{color:#7f756d;margin:.1rem 0;font-size:.82rem}.login-error{color:#c0392b;background:#fdecea;border-radius:.5rem;margin-top:.3rem;padding:.5rem .65rem;font-size:.82rem}.sidebar-footer{border-top:1px solid #efebe8;margin-top:auto;padding-top:.35rem}.logout-link{color:#c0392b;width:100%}.logout-link .nav-icon{color:#c0392b}.logout-link:hover{background:#fdecea}.content{padding:.72rem .95rem 1rem}.page-head{justify-content:space-between;align-items:center;margin-bottom:.72rem;display:flex}.page-head h2{color:#2e2622;margin:0;font-size:1.95rem}.subtitle{color:#8a8078;margin:.1rem 0 0;font-size:.86rem}.primary-btn{cursor:pointer;color:#fff;background:#ff6425;border:none;border-radius:.5rem;padding:.52rem .95rem;font-size:.85rem;font-weight:700}.panel{background:0 0;border:none;padding:0}.filters-row{grid-template-columns:1fr 140px;gap:.45rem;margin-bottom:.55rem;display:grid}input,select{font:inherit;box-sizing:border-box;color:#463d37;background:#fff;border:1px solid #ddd7d2;border-radius:.48rem;padding:.52rem .7rem;font-size:.85rem}.complaints-list{gap:.48rem;display:grid}.complaint-row{background:#fff;border:1px solid #e2ddd8;border-radius:.7rem;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.76rem .82rem;display:flex}.row-main{flex:1;min-width:0}.name-line{color:#2f2621;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;font-size:.9rem;display:flex}.name-line strong{font-size:1.08rem}.meta-inline{color:#928880;font-size:.7rem}.address-line,.description-line,.assigned-line,.time-line{color:#60564e;margin:.16rem 0 0;font-size:.86rem}.description-line{color:#302823;font-weight:600}.assigned-line{font-size:.8rem}.time-line{color:#90867e;font-size:.77rem}.row-tags{justify-items:end;gap:.32rem;min-width:138px;display:grid}.chip-row{justify-content:flex-end;align-items:center;gap:.32rem;display:flex}.chip{text-transform:capitalize;border-radius:999px;padding:.14rem .48rem;font-size:.7rem;font-weight:700}.chip-issue{color:#7a5b3b;background:#fff2e6}.chip-issue.leakage{color:#b63b3b;background:#ffe3e3}.chip-status.pending{color:#8d6402;background:#fff4c2}.chip-status.open{color:#6e4f08;background:#ffe479}.chip-status.in-progress,.chip-status.assigned-to-delivery-boy{color:#003a7a;background:#dbeeff}.chip-status.resolved{color:#1f6c34;background:#ddf7df}.action-btn{color:#4f453e;cursor:pointer;background:#fff;border:1px solid #ddd5cf;border-radius:.45rem;padding:.28rem .58rem;font-size:.74rem;font-weight:600}.actions-wrap{position:relative}.actions-menu{z-index:20;background:#fff;border:1px solid #e1d9d2;border-radius:.55rem;min-width:190px;position:absolute;top:calc(100% + .25rem);right:0;overflow:hidden;box-shadow:0 10px 22px #241c151f}.actions-menu button{text-align:left;color:#473d37;cursor:pointer;background:#fff;border:none;width:100%;padding:.5rem .65rem;font-size:.8rem}.actions-menu button:hover{background:#f8f3ee}.modal-backdrop{z-index:80;background:#231b1661;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.assign-driver-modal{background:#fff;border:1px solid #e1d9d2;border-radius:.75rem;width:min(520px,100%);max-height:min(720px,100vh - 2rem);padding:1rem;overflow:auto;box-shadow:0 22px 60px #241c1538}.modal-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.modal-title-row h2{color:#2f2621;margin:.1rem 0 0;font-size:1.2rem}.modal-eyebrow{color:#8a8078;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.modal-close-btn{color:#4d423a;cursor:pointer;background:#fff;border:1px solid #e1d9d2;border-radius:999px;width:2rem;height:2rem;font-weight:800}.assign-complaint-summary{background:#fff7f1;border:1px solid #f1dfce;border-radius:.6rem;margin:.9rem 0;padding:.75rem}.assign-complaint-summary strong,.assign-complaint-summary span,.assign-complaint-summary p{display:block}.assign-complaint-summary strong{color:#2f2621;font-size:.98rem}.assign-complaint-summary span{color:#8a8078;margin-top:.12rem;font-size:.76rem}.assign-complaint-summary p{color:#4e443d;margin:.38rem 0 0;font-size:.86rem}.driver-choice-list{gap:.45rem;margin-top:.55rem;display:grid}.driver-choice{color:#302823;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2ddd8;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.68rem .75rem;display:flex}.driver-choice:hover,.driver-choice.selected{background:#fff6ef;border-color:#ff8a55}.driver-choice strong,.driver-choice small{display:block}.driver-choice strong{font-size:.92rem}.driver-choice small{color:#82776f;margin-top:.16rem;font-size:.74rem}.driver-choice-radio{border:2px solid #d8cec6;border-radius:999px;flex:none;width:.9rem;height:.9rem}.driver-choice.selected .driver-choice-radio{background:#ff6425;border-color:#ff6425;box-shadow:inset 0 0 0 3px #fff}.modal-actions{justify-content:flex-end;gap:.55rem;margin-top:1rem;display:flex}.muted{color:#7f746c}.msg{border-radius:10px;margin:0 0 .72rem;padding:.6rem .8rem}.msg.error{color:#9f2525;background:#ffecec;border:1px solid #f5bcbc}@media (width<=980px){.dashboard-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #e8e2dc;border-right:none}.filters-row{grid-template-columns:1fr}.complaint-row{flex-direction:column}.row-tags{justify-items:start;min-width:auto}.chip-row{flex-wrap:wrap;justify-content:flex-start}}.new-complaint-flow{background:0 0;border:none;padding:0}.stepper-bar{align-items:center;gap:.6rem;margin-bottom:1.2rem;display:flex}.step-pill{color:#605448;cursor:default;background:#fff;border:1px solid #ddd7d2;border-radius:999px;padding:.5rem .85rem;font-size:.8rem;font-weight:700;transition:all .3s}.step-pill.done{color:#2e7d32;background:#e8f5e9;border-color:#4caf50}.step-pill.active{color:#fff;background:#ff6425;border-color:#ff6425}.step-line{background:#ddd7d2;flex:1;height:1px}.wizard-card{background:#fff;border:1px solid #ddd7d2;border-radius:.85rem;padding:1.4rem;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wizard-card h3{color:#2d2520;margin:0 0 .3rem;font-size:1.35rem}.wizard-subtitle{color:#8a8078;margin:0 0 1rem;font-size:.92rem}.wizard-card label{color:#2d2520;margin:.9rem 0 .4rem;font-size:.95rem;font-weight:700;display:block}.autosuggest-wrap{position:relative}.autosuggest-dropdown{z-index:20;background:#fff;border:1px solid #ddd7d2;border-radius:.55rem;max-height:220px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 18px #1a120c1f}.autosuggest-item{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f2efec;gap:.12rem;width:100%;padding:.55rem .65rem;display:grid}.autosuggest-item:last-child{border-bottom:none}.autosuggest-item:hover{background:#fff5ef}.autosuggest-item strong{color:#2d2520;font-size:.84rem}.autosuggest-item span{color:#7a6f66;font-size:.76rem}.customer-search-results{gap:.5rem;max-height:320px;margin:.8rem 0;display:grid;overflow-y:auto}.customer-result{text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd7d2;border-radius:.6rem;justify-content:space-between;align-items:center;padding:.6rem .75rem;transition:all .2s;display:flex}.customer-result:hover{background:#fff9f6;border-color:#ff6425}.customer-result.active{background:#ffe8dc;border-color:#ff6425}.result-name{color:#2d2520;margin:0;font-size:.9rem;font-weight:700}.result-name span{color:#8a8078;margin-left:.4rem;font-size:.8rem;font-weight:400}.result-meta{color:#8a8078;margin:.2rem 0 0;font-size:.8rem}.result-icon{color:#ff6425;font-size:1.2rem;font-weight:700}.details-grid{grid-template-columns:1fr 1fr;gap:.8rem;margin:.8rem 0;display:grid}.details-grid>div{gap:.3rem;display:grid}.details-grid input{width:100%;font:inherit;box-sizing:border-box;color:#463d37;background:#f9f8f6;border:1px solid #ddd7d2;border-radius:.48rem;padding:.5rem .65rem;font-size:.85rem}.issue-tabs-row{flex-wrap:wrap;gap:.5rem;margin:.6rem 0;display:flex}.issue-tab{color:#463d37;cursor:pointer;background:#fff;border:1px solid #ddd7d2;border-radius:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:700;transition:all .2s}.issue-tab:hover{border-color:#ff6425}.issue-tab.active{color:#fff;background:#ff6425;border-color:#ff6425}textarea{width:100%;font:inherit;box-sizing:border-box;color:#463d37;resize:vertical;background:#fff;border:1px solid #ddd7d2;border-radius:.48rem;padding:.65rem .7rem;font-size:.85rem}.priority-banner{background:#ffe3e3;border:1px solid #ffb3b3;border-radius:.6rem;gap:.2rem;margin:.8rem 0;padding:.7rem;display:grid}.priority-banner strong{color:#b63b3b;font-size:.9rem}.priority-banner span{color:#8a3c3c;font-size:.8rem}.review-grid{background:#f9f8f6;border-radius:.6rem;grid-template-columns:1fr 1fr;gap:1rem;margin:.9rem 0;padding:.9rem;display:grid}.review-grid>div{gap:.5rem;display:grid}.review-grid label{color:#8a8078;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem}.review-grid p{color:#2d2520;margin:0;font-size:.95rem;font-weight:600}.review-tags{gap:.5rem;margin:.8rem 0;display:flex}.review-description{color:#2d2520;white-space:pre-wrap;background:#f9f8f6;border:1px solid #ddd7d2;border-radius:.6rem;padding:.75rem;font-size:.9rem;line-height:1.5}.flow-actions{gap:.75rem;margin-top:1.2rem;display:flex}.flow-actions.spread{justify-content:space-between}.secondary-btn{color:#463d37;cursor:pointer;background:#fff;border:1px solid #ddd7d2;border-radius:.5rem;padding:.52rem .95rem;font-size:.85rem;font-weight:700}.secondary-btn:hover{background:#f9f8f6}.msg.success{color:#1d6b43;background:#e8fff1;border:1px solid #afe5c4}.new-connection-grid{grid-template-columns:minmax(540px,1fr) 380px;align-items:start;gap:.9rem;display:grid}.new-connection-form-card,.recent-applications-card{background:#fff;border:1px solid #e2ddd8;border-radius:.85rem;padding:1rem}.new-connection-form-card h3,.recent-applications-card h4{color:#2e2622;margin:0 0 .75rem}.new-connection-form-card h3{font-size:1.05rem}.recent-applications-card h4{font-size:.94rem}.new-connection-fields{gap:.35rem;margin-bottom:.65rem;display:grid}.new-connection-fields.two-column{grid-template-columns:1fr 1fr;gap:.6rem}.new-connection-fields.two-column>div{gap:.35rem;display:grid}.new-connection-fields label{color:#7a7068;margin:0;font-size:.74rem;font-weight:700;display:block}.upload-field{cursor:pointer;background:#fbfaf9;border:1px dashed #dfd7d0;border-radius:.6rem;gap:.25rem;padding:.8rem .85rem;display:grid}.upload-field input[type=file]{display:none}.upload-field span{color:#5f564f;font-size:.85rem}.upload-success{color:#1d6b43;margin:0;font-size:.8rem}.selected-product-chips{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.selected-product-chip{color:#1d6b43;background:#eef8f3;border:1px solid #bfe5d0;border-radius:999px;align-items:center;gap:.38rem;max-width:100%;padding:.26rem .34rem .26rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.selected-product-chip button{color:#176039;cursor:pointer;background:#d8f0e3;border:none;border-radius:999px;place-items:center;width:1.1rem;height:1.1rem;font-size:.68rem;font-weight:800;display:grid}.amount-row{margin-top:.2rem}.total-payable-box{background:#f8ecdf;border:1px solid #eedfcf;border-radius:.55rem;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.68rem .75rem;display:flex}.total-payable-box span{color:#836e57;font-size:.82rem}.total-payable-box strong{color:#2e2622;font-size:1.5rem}.new-connection-actions{justify-content:flex-end;margin-top:.7rem;display:flex}.new-connection-actions .primary-btn{min-width:150px}.recent-applications-list{gap:.56rem;display:grid}.recent-application-row{background:#fff;border:1px solid #ebe5de;border-radius:.65rem;padding:.65rem .7rem}.recent-row-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.recent-row-head p{color:#2d2520;margin:0;font-size:.9rem;font-weight:700}.payment-chip{color:#6e4f08;background:#f8e07b;border-radius:999px;padding:.2rem .45rem;font-size:.66rem;font-weight:700}.recent-row-meta{color:#7f746c;margin:.3rem 0 0;font-size:.78rem}.recent-row-meta-inline{align-items:center;gap:.35rem;min-width:0;display:flex}.recent-row-meta-inline span:first-child:after{content:"•";color:#b4aaa2;margin-left:.35rem}.recent-row-meta-inline span{white-space:nowrap}.recent-row-meta-inline span:last-child{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.recent-row-amount{color:#2f2924;margin:.3rem 0 0;font-size:1.03rem;font-weight:800}.placeholder-panel{background:#fbfaf9;border:1px dashed #d9d0c8;border-radius:.7rem;padding:1rem}.transfer-grid{grid-template-columns:minmax(540px,1fr) 380px;align-items:start;gap:.9rem;display:grid}.transfer-form-card,.recent-transfers-card{background:#fff;border:1px solid #e2ddd8;border-radius:.85rem;padding:1rem}.transfer-form-card h3,.recent-transfers-card h4{color:#2e2622;margin:0 0 .75rem}.transfer-form-card h3{font-size:1rem}.transfer-fields{gap:.35rem;margin-bottom:.65rem;display:grid}.transfer-fields.two-column{grid-template-columns:1fr 1fr;gap:.6rem}.transfer-fields.two-column>div{gap:.35rem;display:grid}.transfer-fields label{color:#7a7068;margin:0;font-size:.74rem;font-weight:700;display:block}.transfer-fields label.checkbox-field{cursor:pointer;align-items:center;gap:.5rem;display:flex}.transfer-fields label.checkbox-field input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.transfer-fields label.checkbox-field span{color:#2f2a26}.transfer-actions{justify-content:flex-end;margin-top:.55rem;display:flex}.recent-transfers-list{gap:.56rem;display:grid}.recent-transfer-row{background:#fff;border:1px solid #ebe5de;border-radius:.65rem;padding:.65rem .7rem}.name-change-grid{grid-template-columns:minmax(540px,1fr) 380px;align-items:start;gap:.9rem;display:grid}.name-change-form-card,.recent-name-changes-card{background:#fff;border:1px solid #e2ddd8;border-radius:.85rem;padding:1rem}.name-change-form-card h3,.recent-name-changes-card h4{color:#2e2622;margin:0 0 .75rem}.name-change-form-card h3{font-size:1rem}.name-change-fields{gap:.35rem;margin-bottom:.65rem;display:grid}.name-change-fields.two-column{grid-template-columns:1fr 1fr;gap:.6rem}.name-change-fields.two-column>div{gap:.35rem;display:grid}.name-change-fields label{color:#7a7068;margin:0;font-size:.74rem;font-weight:700;display:block}.name-change-actions{justify-content:flex-end;margin-top:.55rem;display:flex}.recent-name-changes-list{gap:.56rem;display:grid}.recent-name-change-row{background:#fff;border:1px solid #ebe5de;border-radius:.65rem;padding:.65rem .7rem}@media (width<=980px){.details-grid,.review-grid,.new-connection-grid,.transfer-grid,.new-connection-fields.two-column,.transfer-fields.two-column{grid-template-columns:1fr}.new-connection-actions{justify-content:stretch}.new-connection-actions .primary-btn{width:100%;min-width:0}.transfer-actions{justify-content:stretch}.transfer-actions .primary-btn{width:100%}.name-change-grid{grid-template-columns:1fr}.name-change-fields.two-column{grid-template-columns:1fr}.name-change-actions{justify-content:stretch}.name-change-actions .primary-btn{width:100%}}.pr-penalty-grid{grid-template-columns:minmax(540px,1fr) 380px;align-items:start;gap:.9rem;display:grid}.pr-penalty-form-card,.pr-penalty-list-card{background:#fff;border:1px solid #e2ddd8;border-radius:.85rem;padding:1rem}.pr-penalty-list-card h4{color:#2e2622;margin:0 0 .75rem;font-size:.94rem}.pr-penalty-fields{gap:.35rem;margin-bottom:.65rem;display:grid}.pr-penalty-fields>div{gap:.35rem;display:grid}.pr-penalty-fields.two-column{grid-template-columns:1fr 1fr;gap:.6rem}.pr-penalty-fields.two-column>div{gap:.35rem;display:grid}.pr-penalty-fields label{color:#7a7068;margin:0;font-size:.74rem;font-weight:700;display:block}.pr-penalty-amount-row{max-width:280px}.pr-penalty-actions{justify-content:flex-end;margin-top:.55rem;display:flex}.pr-penalty-list{gap:.56rem;display:grid}.pr-penalty-row{background:#fff;border:1px solid #ebe5de;border-radius:.65rem;padding:.65rem .7rem}.pr-penalty-row-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.pr-penalty-mark-btn{padding:.3rem .6rem;font-size:.73rem}.payment-chip.unpaid{color:#6e4f08;background:#f8e07b}.payment-chip.paid,.payment-chip.approved{color:#1f6c34;background:#ddf7df}@media (width<=980px){.pr-penalty-grid,.pr-penalty-fields.two-column{grid-template-columns:1fr}.pr-penalty-amount-row{max-width:none}.pr-penalty-actions{justify-content:stretch}.pr-penalty-actions .primary-btn{width:100%}}.ioc-otp-section{gap:.85rem;display:grid}.ioc-add-form{background:#fff;border:1px solid #e2ddd8;border-radius:.85rem;grid-template-columns:220px 220px auto;align-items:end;gap:.6rem;padding:.9rem;display:grid}.ioc-add-form label{color:#7a7068;font-size:.74rem;font-weight:700}.ioc-add-form-actions{justify-content:flex-end;gap:.45rem;display:flex}.ioc-cards-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:.7rem;display:grid}.ioc-card{background:#fff;border:1px solid #e5dfd9;border-radius:.75rem;padding:.75rem;position:relative}.ioc-card:after{content:"";background:#d0d0d0;border-radius:999px;width:4px;height:28px;position:absolute;top:.6rem;right:.6rem}.ioc-card.received:after{background:#65c9ff}.ioc-card.pending:after{background:#f1cd3f}.ioc-card.sent:after{background:#4ade80}.ioc-card.allpending:after{background:#ff8f9f}.ioc-card p{color:#7b7068;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.ioc-card strong{color:#2c2520;margin-top:.35rem;font-size:2rem;line-height:1;display:block}.ioc-list-card{background:#fff;border:1px solid #e2ddd8;border-radius:.85rem;padding:.9rem}.ioc-list-topbar{justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.6rem;display:flex}.ioc-tabs{border:1px solid #e3ddd7;border-radius:.6rem;display:inline-flex;overflow:hidden}.ioc-tab{color:#7a7068;cursor:pointer;background:#fff;border:none;padding:.35rem .75rem;font-size:.8rem;font-weight:700}.ioc-tab.active{color:#2d2520;background:#f4efe9}.ioc-filters{align-items:center;gap:.5rem;display:flex}.ioc-table-wrap{overflow-x:auto}.ioc-table{border-collapse:collapse;width:100%;font-size:.82rem}.ioc-table th{text-align:left;color:#7a7068;border-bottom:1px solid #ece6e0;padding:.5rem;font-weight:700}.ioc-table td{color:#342d28;vertical-align:middle;border-bottom:1px solid #f1ece7;padding:.56rem .5rem}.ioc-copy-btn{color:#5b524b;cursor:pointer;background:#fff;border:1px solid #e4ddd5;border-radius:.42rem;flex-shrink:0;align-items:center;gap:.28rem;padding:.24rem .52rem;font-size:.74rem;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex;box-shadow:0 1px #00000005}.ioc-copy-btn svg{flex-shrink:0;width:.78rem;height:.78rem}.ioc-copy-btn:hover{color:#382f29;background:#f8f4ef;border-color:#d9d1c8}.ioc-copy-btn span{display:inline-block;transform:translateY(.01rem)}.ioc-sent-btn{cursor:pointer;padding:.26rem .55rem;font-size:.73rem;font-weight:600;transition:background .2s}@media (width<=980px){.ioc-cards-grid{grid-template-columns:1fr 1fr}.ioc-add-form{grid-template-columns:1fr}.ioc-list-topbar{flex-direction:column;align-items:stretch}.ioc-filters{flex-direction:column;width:100%}}.customers-dashboard-grid{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:.9rem;display:grid}.customers-directory-card,.customers-details-card{background:#fff;border:1px solid #e2ddd8;border-radius:.85rem;padding:.9rem}.customers-directory-head{justify-content:space-between;align-items:center;gap:.45rem;margin-bottom:.6rem;display:flex}.customers-directory-head h4{color:#2e2622;margin:0;font-size:.95rem}.customers-search-input{margin-bottom:.6rem}.customers-directory-list{gap:.48rem;max-height:68vh;display:grid;overflow-y:auto}.customers-directory-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #ebe5de;border-radius:.65rem;padding:.58rem .65rem}.customers-directory-item:hover{border-color:#ff6425}.customers-directory-item.active{background:#fff4ee;border-color:#ff6425}.customers-directory-name{color:#2d2520;margin:0;font-size:.88rem;font-weight:700}.customers-directory-meta{color:#7f746c;margin:.16rem 0 0;font-size:.78rem}.customers-details-card{gap:.8rem;display:grid}.customer-profile-panel,.customer-history-panel{background:#fff;border:1px solid #eee8e2;border-radius:.72rem;padding:.75rem}.customer-profile-panel h3,.customer-history-panel h4{color:#2e2622;margin:0 0 .58rem}.customer-profile-panel h3{font-size:1rem}.customer-history-panel h4{font-size:.92rem}.customer-profile-grid{grid-template-columns:1fr 1fr;gap:.58rem .85rem;display:grid}.customer-profile-grid label{color:#8b8179;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem;font-size:.71rem;font-weight:700;display:block}.customer-profile-grid p{color:#302823;margin:0;font-size:.86rem;font-weight:600}.customer-history-table-wrap{overflow-x:auto}.customer-history-table{border-collapse:collapse;width:100%;font-size:.81rem}.customer-history-table th{text-align:left;color:#7a7068;border-bottom:1px solid #ece6e0;padding:.45rem;font-weight:700}.customer-history-table td{color:#342d28;vertical-align:top;border-bottom:1px solid #f1ece7;padding:.52rem .45rem}@media (width<=980px){.customers-dashboard-grid,.customer-profile-grid{grid-template-columns:1fr}}.support-dashboard-section{gap:.86rem;display:grid}.support-dashboard-cards{grid-template-columns:repeat(3,minmax(180px,1fr));gap:.68rem;display:grid}.support-kpi-card{background:#fff;border:1px solid #ddd8d2;border-radius:.72rem;justify-content:space-between;align-items:center;min-height:68px;padding:.72rem .8rem;display:flex}.support-kpi-label{color:#7f746c;margin:0;font-size:.78rem;font-weight:700}.support-kpi-card strong{color:#2d2520;margin-top:.3rem;font-size:2rem;line-height:1;display:block}.support-kpi-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.support-kpi-icon svg{width:18px;height:18px}.support-kpi-icon.warning{color:#6e4f08;background:#f8e07b}.support-kpi-icon.danger{color:#a32636;background:#f49ca9}.support-kpi-icon.sky{color:#0e5f8f;background:#9edfff}.support-recent-card{background:#fff;border:1px solid #ddd8d2;border-radius:.72rem;overflow:hidden}.support-recent-head{border-bottom:1px solid #eee8e2;justify-content:space-between;align-items:center;gap:.6rem;padding:.68rem .88rem;display:flex}.support-recent-head h3{color:#2e2622;margin:0;font-size:1.34rem;line-height:1}.support-recent-head p{color:#8a8078;margin:.15rem 0 0;font-size:.78rem}.support-view-all{color:#ff6425;cursor:pointer;background:0 0;border:none;font-size:.82rem;font-weight:700}.support-recent-list{display:grid}.support-recent-item{border-bottom:1px solid #f1ece7;justify-content:space-between;align-items:center;gap:.7rem;padding:.68rem .88rem;display:flex}.support-recent-item:last-child{border-bottom:none}.support-recent-main{min-width:0}.support-recent-name{color:#2d2520;margin:0;font-size:1.06rem;font-weight:800}.support-recent-name span{color:#8a8078;margin-left:.36rem;font-size:.74rem;font-weight:600}.support-recent-desc{color:#6a6159;margin:.2rem 0 0;font-size:.82rem}.support-recent-tags{flex-direction:column;align-items:flex-end;gap:.26rem;min-width:160px;display:flex}.support-recent-chip-row{justify-content:flex-end;align-items:center;gap:.3rem;display:flex}.support-chip{border-radius:999px;padding:.13rem .48rem;font-size:.68rem;font-weight:700}.support-chip.issue{color:#9f2f3f;background:#ffd7dc}.support-chip.issue.booking,.support-chip.issue.cylinder,.support-chip.issue.meter,.support-chip.issue.other{color:#7a5b3b;background:#f3e7db}.support-chip.status.assigned{color:#1c5d88;background:#b9e3ff}.support-chip.status.pending{color:#6e4f08;background:#f8e07b}.support-chip.status.in-progress{color:#1c5d88;background:#b9e3ff}.support-chip.status.resolved{color:#1f6c34;background:#ddf7df}.support-recent-time{color:#8f857d;margin:0;font-size:.75rem}@media (width<=980px){.support-dashboard-cards{grid-template-columns:1fr}.support-recent-item{flex-direction:column;align-items:flex-start}.support-recent-tags{align-items:flex-start;min-width:0}.support-recent-chip-row{flex-wrap:wrap;justify-content:flex-start}}