.create-customer-page{--customer-deep:#312e81;--customer-primary:#4f46c9;--customer-accent:#6366f1;--customer-line:#e4e7f2;width:100%;max-width:1600px;margin:0 auto;padding:14px 12px 28px;color:#17213a;background:#f5f7ff}.create-customer-page,.create-customer-page *{-webkit-box-sizing:border-box;box-sizing:border-box}.create-customer-container{min-width:0}.create-customer-form-card,.create-customer-shell{width:100%;background:transparent!important;border:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.create-customer-shell{overflow:hidden;background:#fff!important;border:1px solid var(--customer-line)!important;border-radius:18px!important;-webkit-box-shadow:0 14px 38px rgba(34,43,75,.08)!important;box-shadow:0 14px 38px rgba(34,43,75,.08)!important}.create-customer-header{position:relative;z-index:2;overflow:hidden;margin-bottom:0;color:#fff;background:linear-gradient(120deg,#18235a,var(--customer-deep) 48%,#5b21b6)!important;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.create-customer-header:after{position:absolute;top:-70px;right:-35px;width:210px;height:210px;content:"";pointer-events:none;background:hsla(0,0%,100%,.055);border-radius:50%}.create-customer-header-row{position:relative;z-index:1;min-height:78px;padding:12px 18px}.create-customer-heading{min-width:0;padding-right:16px}.create-customer-modal-eyebrow{margin-bottom:2px;color:#bfdbfe;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.create-customer-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:13px;overflow:hidden;color:#fff;font-size:22px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.create-customer-title-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:0 0 43px;flex:0 0 43px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:43px;height:43px;color:var(--customer-deep);background:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:13px;-webkit-box-shadow:0 8px 20px rgba(15,23,42,.18);box-shadow:0 8px 20px rgba(15,23,42,.18)}.create-customer-title-copy{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.create-customer-title-copy small{margin-bottom:1px;color:#c7d2fe;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.12em;text-transform:uppercase}.create-customer-title-copy strong{overflow:hidden;font-size:22px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.create-customer-title-copy em{margin-top:2px;overflow:hidden;color:#dbe4ff;font-size:10px;font-style:normal;font-weight:400;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.create-customer-subtitle{margin-top:3px;color:#dbeafe;font-size:12px;line-height:1.4}.create-customer-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.create-customer-primary-action,.create-customer-secondary-action{min-height:38px;padding:0 14px;font-size:13px;font-weight:700;border-radius:9px}.create-customer-primary-action{color:#172554!important;background:#fff!important}.create-customer-secondary-action{color:#fff!important;background:hsla(0,0%,100%,.1)!important;border:1px solid hsla(0,0%,100%,.22)}.create-customer-body{min-width:0;padding-bottom:0;background:#f5f7ff}.create-customer-form{padding:18px!important}.create-customer-form .radius.bg-white,.create-customer-section{margin-bottom:16px;padding:20px!important;background:#fff!important;border:1px solid var(--customer-line);border-radius:14px!important;-webkit-box-shadow:0 5px 16px rgba(34,43,75,.04);box-shadow:0 5px 16px rgba(34,43,75,.04)}.create-customer-form>.radius.bg-white:last-child,.create-customer-form>div:last-child .radius.bg-white:last-child{margin-bottom:0}.create-customer-form .radius.bg-white .radius.bg-white{margin-top:16px;border-color:#edf0f5;-webkit-box-shadow:none;box-shadow:none}.create-customer-form .q-body-2.text-indigo-9{position:relative;margin-bottom:14px;color:#1e3a6d!important;font-size:15px;font-weight:700;line-height:1.45}.create-customer-form>.radius.bg-white>.q-body-2.text-indigo-9:first-child,.create-customer-section-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:11px;margin:-20px -20px 18px!important;padding:14px 17px;color:#fff!important;background:linear-gradient(105deg,#25265f,#4338ca);border-bottom:1px solid #37348d;border-radius:14px 14px 0 0}.create-customer-section-heading>span:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.create-customer-section-heading b{color:#fff;font-size:16px;line-height:1.25}.create-customer-section-heading em{margin-top:3px;color:#dbe4ff;font-size:10px;font-style:normal;font-weight:400;line-height:1.35}.create-customer-section-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:0 0 38px;flex:0 0 38px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:38px;height:38px;color:#312e81;background:#fff;border:1px solid hsla(0,0%,100%,.28);border-radius:10px;-webkit-box-shadow:0 4px 10px rgba(15,23,42,.15);box-shadow:0 4px 10px rgba(15,23,42,.15);font-size:19px}.create-customer-form>.radius.bg-white>.q-body-2.text-indigo-9:first-child:after,.create-customer-section-heading:after{display:none}.create-customer-section .q-body-2.text-indigo-9:not(.create-customer-section-heading){margin:18px 0 12px;padding:10px 13px;color:#312e81!important;background:-webkit-gradient(linear,left top,right top,from(#f5f6ff),to(#fbfbff));background:linear-gradient(90deg,#f5f6ff,#fbfbff);border:1px solid #e3e6f1;border-radius:11px}.create-customer-section .q-body-2.text-indigo-9:not(.create-customer-section-heading):after{display:none}.create-customer-form .q-body-2.text-indigo-9:after{display:block;width:36px;height:3px;margin-top:7px;content:"";background:#3157a4;border-radius:999px}.create-customer-form .q-body-1.text-indigo-9{margin-bottom:6px;color:#334155!important;font-size:12px;font-weight:700;line-height:1.4}.create-customer-form .q-body-1.text-indigo-9.q-mt-md,.create-customer-form .q-body-1.text-indigo-9.q-mt-sm{margin-top:4px!important}.create-customer-form .row[class*=gutter-]{margin-right:-8px;margin-left:-8px}.create-customer-form .row[class*=gutter-]>[class*=col-]{min-width:0;padding-right:8px;padding-left:8px}.create-customer-form .q-field{min-width:0;margin-top:0;margin-bottom:13px}.create-customer-form .q-field.float-left{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;float:none!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:38px;margin:4px 6px 8px 0;padding:6px 10px!important;vertical-align:top;background:#f8fafc;border:1px solid #e1e7f0;border-radius:9px}.create-customer-form .q-field.float-left:hover{background:#f1f5fb;border-color:#cbd6e7}.create-customer-form .q-checkbox,.create-customer-form .q-radio,.create-customer-form .q-toggle{color:#334155;font-size:13px;line-height:1.45}.create-customer-form .q-option-label{color:#334155;font-weight:500}.create-customer-form .q-field-error{margin-top:4px;font-size:11px;line-height:1.35}.create-customer-form .q-chips-input.bg,.create-customer-form .q-field .bg,.create-customer-form .q-input.bg,.create-customer-form .q-select.bg{min-height:42px;color:#172033;background:#f8fafc!important;border:1px solid #dce3ed;border-radius:8px;-webkit-transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}.create-customer-form .q-chips-input.bg:focus-within,.create-customer-form .q-field .bg:focus-within,.create-customer-form .q-input.bg:focus-within,.create-customer-form .q-select.bg:focus-within{background:#fff!important;border-color:#4f70bc;-webkit-box-shadow:0 0 0 3px rgba(49,87,164,.12);box-shadow:0 0 0 3px rgba(49,87,164,.12)}.create-customer-form img{max-width:100%;-o-object-fit:contain;object-fit:contain}.create-customer-form .q-btn{border-radius:8px}.create-customer-form .q-chip{margin:2px 4px 2px 0;border-radius:6px}.create-customer-capabilities{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;margin:18px 8px 0}.create-customer-capability-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #dde2ef;border-radius:14px;-webkit-box-shadow:0 6px 18px rgba(34,43,75,.05);box-shadow:0 6px 18px rgba(34,43,75,.05)}.create-customer-capability-header{-ms-flex-align:center;gap:10px;min-height:62px;padding:11px 14px;color:#fff;background:linear-gradient(105deg,#25265f,#4338ca)}.create-customer-capability-header,.create-customer-capability-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.create-customer-capability-icon{-webkit-box-flex:0;-ms-flex:0 0 36px;flex:0 0 36px;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;color:#312e81;background:#fff;border:1px solid hsla(0,0%,100%,.28);border-radius:10px;font-size:18px}.create-customer-capability-header small,.create-customer-capability-header strong{display:block}.create-customer-capability-header strong{font-size:15px;font-weight:800}.create-customer-capability-header small{margin-top:3px;color:#e0e7ff;font-size:11px;line-height:1.45}.create-customer-capability-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;background:#f8f9fe}.create-customer-capability-toggles .q-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:46px;margin:0;padding:6px 9px;background:#fff;border:1px solid #e1e5f0;border-radius:9px}.create-customer-capability-toggles .q-toggle{width:100%;margin:0;color:#35405a;font-size:12px;font-weight:700}.create-customer-sticky-save{z-index:30}.create-customer-save-fab{-webkit-box-shadow:0 8px 22px rgba(37,65,135,.35)!important;box-shadow:0 8px 22px rgba(37,65,135,.35)!important}.create-customer-modal{overflow:hidden;background:#f7f9fc;border-radius:14px}.create-customer-modal-header{color:#fff;background:linear-gradient(135deg,#172554,#3157a4)}.create-customer-modal-header-row{min-height:68px;padding:12px 16px}.create-customer-modal-title{color:#fff;font-size:19px;font-weight:700;line-height:1.3}.create-customer-modal-body{max-height:62vh;padding:20px;overflow-y:auto}.create-customer-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.create-customer-search-field{min-width:0;padding:12px;background:#fff;border:1px solid #e1e7f0;border-radius:9px}.create-customer-modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px;padding:12px 20px;background:#fff;border-top:1px solid #e5eaf2}.create-customer-modal-cancel,.create-customer-modal-search{min-height:38px;padding:0 16px;font-weight:700;border-radius:8px}.create-customer-modal-cancel{color:#475569!important}.create-customer-modal-search{color:#fff!important;background:#3157a4!important}@media (max-width:1180px){.create-customer-page{padding:12px 10px 24px}.create-customer-organisation-section>.row>[class*=col-]{width:100%}.create-customer-organisation-section>.row>[class*=col-]+[class*=col-]{margin-top:12px}}@media (max-width:900px){.create-customer-capabilities{grid-template-columns:1fr}}@media (max-width:700px){.create-customer-page{padding:8px 6px 20px}.create-customer-header-row{display:block;min-height:70px;padding:10px!important}.create-customer-heading{padding-right:0}.create-customer-title{gap:9px;white-space:normal}.create-customer-title-icon{width:38px;height:38px;-ms-flex-preferred-size:38px;flex-basis:38px;border-radius:11px}.create-customer-title-copy strong{font-size:18px;white-space:normal}.create-customer-title-copy em{display:none}.create-customer-actions{margin-top:12px}.create-customer-primary-action,.create-customer-secondary-action{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-customer-form .radius.bg-white,.create-customer-section{padding:14px!important}.create-customer-form{padding:9px!important}.create-customer-form>.radius.bg-white>.q-body-2.text-indigo-9:first-child,.create-customer-section-heading{margin:-14px -14px 14px!important;padding:11px 12px}.create-customer-section-heading em{display:none}.create-customer-search-grid{grid-template-columns:1fr;gap:12px}.create-customer-modal-body{padding:14px}.create-customer-modal-footer{padding:12px 14px}.create-customer-sticky-save{display:none}.create-customer-form .row>[class*=col-xs-]{width:100%!important;margin-left:0!important}.create-customer-form .row[class*=gutter-]{margin-right:0;margin-left:0}.create-customer-form .row[class*=gutter-]>[class*=col-]{padding-right:0;padding-left:0}.create-customer-form .q-field.float-left{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-right:0}.create-customer-modal-cancel,.create-customer-modal-search{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:8px;padding-left:8px}.create-customer-capabilities{grid-template-columns:1fr;margin:14px 0 0}.create-customer-capability-toggles{grid-template-columns:1fr;padding:9px}}@media (min-width:320px) and (max-width:766px){.marginleftclass{margin-left:0}}@media screen and (min-width:767px) and (orientation:landscape){.marginleftclass{margin-left:8px}}@media (min-width:320px) and (max-width:766px){.marginleftaddress{margin-left:-3px;margin-top:10px}}@media screen and (min-width:767px) and (orientation:landscape){.marginleftaddress{margin-left:4px}}@media (min-width:320px) and (max-width:575px){.margintopmob{margin-top:8px}}