.self-service-console{overflow:hidden;border:1px solid #dce1ef;border-radius:14px;background:#fff;-webkit-box-shadow:0 6px 18px rgba(34,43,75,.05);box-shadow:0 6px 18px rgba(34,43,75,.05)}.self-service-header{min-height:70px;padding:12px 17px!important;color:#fff;background:linear-gradient(105deg,#25265f,#4338ca)}.self-service-header-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:42px;height:42px;margin-right:12px;border:1px solid hsla(0,0%,100%,.28);border-radius:11px;color:#312e81;background:#fff;font-size:20px}.self-service-header .q-item-label{color:#fff!important;font-size:16px;font-weight:800}.self-service-header .q-item-sublabel{margin-top:3px;color:#e0e7ff!important;font-size:12px}.self-service-master{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:5px 9px 5px 11px;border:1px solid hsla(0,0%,100%,.25);border-radius:999px;color:#e0e7ff;font-family:monospace;font-size:9px;font-weight:700;text-transform:uppercase;background:hsla(0,0%,100%,.08)}.self-service-body{margin:0;padding:14px;background:#f8f9fe}.self-service-field{padding:6px}.self-service-field .q-body-1{margin-bottom:7px;color:#35405a!important;font-size:12px;font-weight:800}.self-service-field .q-field{margin:0!important}.self-service-console .q-select,.self-service-field .q-input{min-height:42px;border:1px solid #dce1ef;border-radius:9px;background:#fff!important;-webkit-box-sizing:border-box;box-sizing:border-box}.package-list-heading{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 6px 7px;color:#35405a}.package-list-heading,.package-list-heading>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.package-list-heading>div{gap:7px}.package-list-heading .q-icon{color:#514bc9;font-size:19px}.self-service-console .q-list{overflow:hidden;border:1px solid #e1e5f0!important;border-radius:10px!important;background:#fff}.self-service-console .q-list .q-item{padding:10px 12px!important}.self-service-console .q-list .q-item:hover{background:#f5f6ff}.self-service-console>.q-mt-sm{margin:12px!important;padding:14px;border:1px solid #e1e5f0;border-radius:12px;background:#fafbff}.self-service-console .q-btn{border-radius:8px;font-weight:700}@media(max-width:599px){.self-service-header{padding:11px 12px!important}.self-service-header .q-item-sublabel,.self-service-master span{display:none}.self-service-master{padding:3px 5px}.self-service-body{padding:9px}}.branding-console{overflow:hidden;width:100%;padding:0!important;border:1px solid #dce1ef!important;border-radius:14px!important;color:#17213a;background:#fff!important;-webkit-box-shadow:0 6px 18px rgba(34,43,75,.05)!important;box-shadow:0 6px 18px rgba(34,43,75,.05)!important;-webkit-box-sizing:border-box;box-sizing:border-box}.branding-console-header{min-height:70px;margin:0!important;padding:12px 17px!important;border:0!important;color:#fff;background:linear-gradient(105deg,#25265f,#4338ca)!important}.branding-header-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:42px;height:42px;margin-right:12px;border:1px solid hsla(0,0%,100%,.28);border-radius:11px;color:#312e81;background:#fff;font-size:20px}.branding-console-header .q-item-label{color:#fff!important;font-size:16px;font-weight:800}.branding-console-header .q-item-sublabel{margin-top:3px;color:#e0e7ff!important;font-size:12px}.branding-mode-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:18px;margin:0!important;padding:13px 17px!important;border:0!important;border-bottom:1px solid #e1e5f0!important;color:#35405a;background:#f8f9fe}.branding-mode-copy small,.branding-mode-copy strong{display:block}.branding-mode-copy strong{color:#26324b;font-size:13px;font-weight:800}.branding-mode-copy small{margin-top:3px;color:#6f7a92;font-size:11px;line-height:1.4}.branding-mode-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.branding-mode-options .q-radio{margin:0!important;padding:7px 10px;border:1px solid #dce1ef;border-radius:9px;color:#35405a;background:#fff;font-size:12px;font-weight:700}.branding-console>.q-pa-sm{padding:14px!important;background:#f8f9fe}.branding-console>.q-pa-sm>.wrap{margin-bottom:12px;padding:14px!important;border:1px solid #e0e4f0;border-radius:12px!important;background:#fff;-webkit-box-shadow:0 3px 10px rgba(34,43,75,.035);box-shadow:0 3px 10px rgba(34,43,75,.035)}.branding-console>.q-pa-sm>.wrap>.q-body-2{margin:-14px -14px 13px;padding:12px 14px;border-bottom:1px solid #e8ebf4;border-radius:12px 12px 0 0;color:#312e81!important;background:-webkit-gradient(linear,left top,right top,from(#f5f6ff),to(#fbfbff));background:linear-gradient(90deg,#f5f6ff,#fbfbff);font-size:15px;font-weight:800}.branding-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.branding-section>.q-body-2{grid-column:1/-1}.branding-section>.q-body-2 b,.branding-section>.q-body-2 small{display:block}.branding-section>.q-body-2 b{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px}.branding-section>.q-body-2 b .q-icon{color:#514bc9;font-size:19px}.branding-section>.q-body-2 small{margin:4px 0 0 26px;color:#6f7a92;font-size:11px;font-weight:500;line-height:1.4}.branding-section>.row{display:contents}.branding-section>.row>[class*=col-]{width:100%;max-width:100%;padding:12px!important;border:1px solid #e2e6f0;border-radius:11px;background:#fafbff;-webkit-box-sizing:border-box;box-sizing:border-box}.branding-section>.row>[class*=col-]>.q-body-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:32px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e5e8f1}.branding-section>.row>[class*=col-]>.q-body-1 .q-btn{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:0!important;margin-left:8px!important}.branding-section>.row:first-of-type>[class*=col-]:first-child{grid-column:1/-1}.branding-section>.row>[class*=col-]>.q-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:82px;margin:0!important;padding:7px!important;border-radius:9px;background:#fff}.branding-section>.row>[class*=col-]>.q-field .q-input{width:100%}.branding-section>.row>[class*=col-]>.q-field img{display:block;float:none!important;margin:0 auto}.branding-section>.row>[class*=col-]>.q-field .q-uploader{margin-top:8px}.theme-section{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.theme-section>.q-body-2{grid-column:1/-1}.theme-section>.row{display:contents}.theme-section>.row:first-of-type>[class*=col-]:first-child{grid-column:auto}.theme-section>.row>[class*=col-]{width:100%;max-width:100%;padding:0!important;border:0;border-radius:0;background:transparent}.theme-section .q-field{height:100%;min-height:104px;margin:0;padding:11px!important;border:1px solid #dce1ed;border-radius:10px;background:#fff;-webkit-box-shadow:0 2px 7px rgba(34,43,75,.035);box-shadow:0 2px 7px rgba(34,43,75,.035)}.theme-section .caption{min-height:34px;margin:0 0 7px;color:#35405a!important;font-size:12px!important;font-weight:800!important;line-height:1.4}.theme-section .q-input{min-height:42px;padding:5px 8px!important;font-family:monospace;font-size:12px;font-weight:600}.theme-section .q-input>div[style]{width:26px!important;height:26px!important;margin-top:2px!important;-webkit-box-shadow:0 0 0 3px #fff,0 0 0 4px #cfd5e3;box-shadow:0 0 0 3px #fff,0 0 0 4px #cfd5e3}.background-section{overflow:hidden;margin:12px 0 0!important;padding:0!important;border:1px solid #dce1ef;border-radius:12px!important;background:#fff;-webkit-box-shadow:0 4px 13px rgba(34,43,75,.045);box-shadow:0 4px 13px rgba(34,43,75,.045)}.background-section-heading{-ms-flex-align:center;gap:11px;min-height:68px;padding:12px 14px;border-bottom:1px solid #e4e7f2;background:-webkit-gradient(linear,left top,right top,from(#f5f6ff),to(#fbfbff));background:linear-gradient(90deg,#f5f6ff,#fbfbff)}.background-heading-icon,.background-section-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.background-heading-icon{-webkit-box-flex:0;-ms-flex:0 0 38px;flex:0 0 38px;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:38px;height:38px;border:1px solid #d9def6;border-radius:10px;color:#4f46c9;background:#fff;font-size:19px}.background-section-heading small,.background-section-heading strong{display:block}.background-section-heading strong{color:#26324b;font-size:14px;font-weight:800}.background-section-heading small{margin-top:3px;color:#6f7a92;font-size:11px;font-weight:500;line-height:1.4}.background-size-badge{margin-left:auto;padding:6px 9px;border:1px solid #d9def0;border-radius:999px;color:#514bc9;background:#fff;font-family:monospace;font-size:9px;font-weight:700;white-space:nowrap}.background-section-heading .q-btn{margin-left:0!important}.background-asset-body{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);gap:12px;padding:14px;background:#f8f9fe}.background-preview{position:relative;overflow:hidden;min-height:210px;border:1px solid #dce1ef;border-radius:11px;background:#eef1f8}.background-preview-label{position:absolute;z-index:1;top:10px;left:10px;padding:5px 8px;border-radius:999px;color:#fff;background:rgba(31,41,75,.75);font-size:9px;font-weight:700;text-transform:uppercase}.branding-console .background-preview img{width:100%;height:100%;min-height:210px;padding:0!important;border:0!important;border-radius:0!important;-o-object-fit:cover;object-fit:cover;-webkit-box-shadow:none;box-shadow:none}.background-asset-info,.background-upload-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:210px;margin:0!important;padding:15px!important;border:1px dashed #c9cfea;border-radius:11px;background:#fff}.background-upload-panel{display:block}.background-asset-info,.background-upload-copy{gap:11px}.background-upload-copy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:11px;color:#35405a}.background-asset-info>.q-icon,.background-upload-copy>.q-icon{color:#514bc9;font-size:27px}.background-asset-info small,.background-asset-info strong,.background-upload-copy small,.background-upload-copy strong{display:block}.background-asset-info strong,.background-upload-copy strong{color:#35405a;font-size:12px}.background-asset-info small,.background-upload-copy small{margin-top:3px;color:#74809a;font-size:10px}.background-asset-info>.q-icon{color:#10b981}.branding-console .caption,.branding-console .q-body-1{color:#35405a!important;font-size:13px;font-weight:700;line-height:1.4}.branding-console .q-input,.branding-console .q-select{min-height:44px;border:1px solid #d5dbea;border-radius:9px;color:#26324b;background:#fff!important;-webkit-box-sizing:border-box;box-sizing:border-box}.branding-console .q-btn{min-height:30px;border-radius:7px;font-size:11px;font-weight:800}.branding-console img{-o-object-fit:contain;object-fit:contain;border:1px solid #dce1ef!important;border-radius:9px!important;padding:7px;background:#fff;-webkit-box-shadow:0 3px 9px rgba(34,43,75,.05);box-shadow:0 3px 9px rgba(34,43,75,.05)}.branding-console .q-uploader{overflow:hidden;width:100%;border:1px solid #d5dbea;border-radius:9px;background:#fff!important;-webkit-box-shadow:none;box-shadow:none}@media(max-width:1200px){.theme-section{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.branding-section,.theme-section{grid-template-columns:repeat(2,minmax(0,1fr))}.background-asset-body{grid-template-columns:1fr}.background-size-badge{display:none}}@media(max-width:599px){.branding-console-header{padding:11px 12px!important}.branding-console-header .q-item-sublabel{font-size:10px}.branding-mode-control{display:block;padding:11px 12px!important}.branding-mode-options{margin-top:10px}.branding-mode-options .q-radio{width:100%}.branding-console>.q-pa-sm{padding:9px!important}.branding-console>.q-pa-sm>.wrap{padding:11px!important}.branding-section{grid-template-columns:1fr;gap:8px}.branding-section>.q-body-2 small{margin-left:0}.branding-section>.row>[class*=col-]{padding:10px!important}.theme-section{grid-template-columns:1fr}.theme-section>.row>[class*=col-]{padding:0!important}.theme-section .q-field{min-height:82px}.background-section-heading{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.background-section-heading>div{width:calc(100% - 50px)}.background-section-heading .q-btn{width:100%;margin-top:3px!important}.background-asset-body{grid-template-columns:1fr;padding:9px}.background-asset-info,.background-preview,.background-upload-panel,.branding-console .background-preview img{min-height:170px}}