/* Creator Growth UI system — unified responsive shell, 2026-09-29 */
:root{--cg-bg:#f6f7fb;--cg-surface:#fff;--cg-ink:#101828;--cg-muted:#667085;--cg-border:#e7eaf0;--cg-primary:#6246e5;--cg-primary-2:#7c5cff;--cg-success:#067647;--cg-danger:#b42318;--cg-radius:22px;--cg-shadow:0 14px 45px rgba(16,24,40,.055)}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}body.cg-app{margin:0;background:var(--cg-bg)!important;color:var(--cg-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;min-width:0;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.cg-app *{box-sizing:border-box}body.cg-app .wrapper,body.cg-app .wrapper-content,body.cg-app .wrapper-content__body{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;left:auto!important;right:auto!important;float:none!important;transform:none!important}body.cg-app .wrapper-sidebar-navbar{display:block!important}body.cg-app .component_private_sidebar,body.cg-app .component-sidebar_wrapper,body.cg-app .wrapper-sidebar{display:none!important}
.cg-app .cg-main{min-height:calc(100vh - 72px)!important;background:var(--cg-bg)!important}.cg-app .wrapper-content__header{display:none!important}.cg-app .wrapper-content__body{padding:0!important;background:transparent!important}.cg-app .container,.cg-app .container-fluid{width:min(1180px,100%)!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding-left:18px!important;padding-right:18px!important}.cg-app .container-fluid>.row{margin-left:0!important;margin-right:0!important}.cg-app [class*="col-"]{min-width:0}
/* legacy page normalization */
.cg-app .bg,.cg-app .divider-top,.cg-app .divider-bottom{display:none!important}.cg-app .component_card{width:100%;max-width:none!important}.cg-app .component_card>.card,.cg-app .component_card .card,.cg-app .well,.cg-app .panel,.cg-app .ticket-form .card,.cg-app .ticket-dialog .card,.cg-app .orders-history__margin-search .card{background:var(--cg-surface)!important;border:1px solid var(--cg-border)!important;border-radius:var(--cg-radius)!important;box-shadow:var(--cg-shadow)!important}.cg-app .well{padding:22px!important}.cg-app .card{overflow:hidden}.cg-app .form-group{margin-bottom:16px}.cg-app label.control-label,.cg-app label{font-weight:800;color:#344054;font-size:12px;margin-bottom:7px}.cg-app .form-control,.cg-app input[type=text],.cg-app input[type=email],.cg-app input[type=password],.cg-app input[type=number],.cg-app input[type=url],.cg-app input[type=tel],.cg-app select,.cg-app textarea{width:100%;max-width:100%;min-height:46px;border:1px solid #dfe3ea!important;border-radius:13px!important;background:#fff!important;color:var(--cg-ink)!important;box-shadow:none!important;padding:11px 13px!important;font:inherit!important;outline:none!important;transition:border-color .18s,box-shadow .18s,background .18s}.cg-app textarea{min-height:110px;resize:vertical}.cg-app .form-control:focus,.cg-app input:focus,.cg-app select:focus,.cg-app textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 4px rgba(139,92,246,.09)!important}.cg-app .btn{min-height:44px;border-radius:12px!important;font-weight:850!important;border:0!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.cg-app .btn-primary,.cg-app .btn-big-primary{background:linear-gradient(135deg,var(--cg-primary),var(--cg-primary-2))!important;color:#fff!important;box-shadow:0 9px 22px rgba(98,70,229,.16)!important}.cg-app .btn-default,.cg-app .btn-secondary{background:#f5f6f8!important;color:#344054!important;border:1px solid var(--cg-border)!important}.cg-app .btn:hover{transform:translateY(-1px)}.cg-app .alert{border-radius:14px!important;border:1px solid transparent!important;padding:13px 15px!important;font-size:12px}.cg-app .alert-success{background:#ecfdf3!important;border-color:#abefc6!important;color:#067647!important}.cg-app .alert-danger{background:#fef3f2!important;border-color:#fecdca!important;color:#b42318!important}.cg-app .alert-info{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}
/* tables: desktop cards, mobile scroll */
.cg-app .table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}.cg-app table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.cg-app table th{background:#f8fafc;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;padding:12px;border-bottom:1px solid var(--cg-border);white-space:nowrap}.cg-app table td{padding:13px 12px;border-bottom:1px solid #eef0f3;color:#344054;font-size:12px;vertical-align:middle}.cg-app table tr:last-child td{border-bottom:0}
/* status pills and tabs */
.cg-app .nav-pills{gap:7px;display:flex;flex-wrap:wrap}.cg-app .nav-pills .nav-link{border-radius:999px!important;background:#fff!important;border:1px solid var(--cg-border)!important;color:#667085!important;font-size:11px;font-weight:850;padding:8px 12px!important}.cg-app .nav-pills .nav-link.active{background:#6246e5!important;color:#fff!important;border-color:#6246e5!important}.cg-app .component_status_tabs{margin-bottom:14px}
/* page spacing for legacy screens */
.cg-app .ticket-form,.cg-app .ticket-dialog,.cg-app .orders-history,.cg-app .faq,.cg-app .block-api,.cg-app .reset-password-form{padding:24px 0 70px!important}.cg-app .ticket-form>.container-fluid,.cg-app .ticket-dialog>.container-fluid,.cg-app .orders-history>.container-fluid,.cg-app .faq>.container,.cg-app .reset-password-form>.container-fluid{width:min(1180px,100%)!important}.cg-app .ticket-form__alignment,.cg-app .ticket-dialog__alignment{margin:0!important}.cg-app .ticket-form .component_card,.cg-app .ticket-dialog .component_card{margin:0!important}.cg-app .ticket-form .card,.cg-app .ticket-dialog .card{padding:0!important}.cg-app .ticket-form .well,.cg-app .ticket-dialog .well{margin:0!important}.cg-app .faq-block__card{margin-bottom:10px}.cg-app .faq-block__header{border:1px solid var(--cg-border)!important;border-radius:16px!important;background:#fff!important;padding:16px 18px!important}.cg-app .faq-block__body{border:1px solid var(--cg-border);border-top:0;border-radius:0 0 16px 16px;background:#fff;padding:18px}.cg-app .faq-block__header-title{font-weight:850!important;color:var(--cg-ink)!important}
/* search bars */
.cg-app .component_button_search,.cg-app .orders-history__margin-search{margin-bottom:14px}.cg-app .component_button_search .form-control{min-width:0}.cg-app .button-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.cg-app .button-bar .btn{width:auto!important}
/* footer */
.cg-app .wrapper-content__footer{background:#fff!important;border-top:1px solid var(--cg-border);padding:20px 16px 92px!important}.cg-app .component-footer__public-copyright p{margin:0!important;color:#98a2b3!important;font-size:11px!important}
/* accessibility + touch */
.cg-app a,.cg-app button,.cg-app input,.cg-app select,.cg-app textarea{touch-action:manipulation}.cg-app :focus-visible{outline:3px solid rgba(98,70,229,.25);outline-offset:2px}.cg-app button:disabled{cursor:not-allowed!important;opacity:.58!important;transform:none!important}
/* iPad / tablet: never allow legacy columns to create a right-shifted canvas */
@media(max-width:1024px){.cg-app .row{display:flex;flex-wrap:wrap;margin-left:0!important;margin-right:0!important}.cg-app [class*="col-lg-"]{width:100%!important;flex:0 0 100%!important;max-width:100%!important}.cg-app .new-order-form,.cg-app .account__alignment,.cg-app .add-funds__form-alignment,.cg-app .ticket-form__alignment{margin:0!important}.cg-app .component_card{margin-left:0!important;margin-right:0!important}}
@media(max-width:640px){.cg-app .container,.cg-app .container-fluid{padding-left:12px!important;padding-right:12px!important}.cg-app .well{padding:16px!important}.cg-app .ticket-form,.cg-app .ticket-dialog,.cg-app .orders-history,.cg-app .faq,.cg-app .block-api,.cg-app .reset-password-form{padding:14px 0 90px!important}.cg-app .component-footer__public-copyright{padding-bottom:6px}.cg-app .form-control,.cg-app input,.cg-app select,.cg-app textarea{font-size:16px!important}.cg-app .btn{min-height:46px}.cg-app table{min-width:680px}.cg-app .button-bar{display:grid;grid-template-columns:1fr 1fr}.cg-app .button-bar .btn{width:100%!important}.cg-app .panel-body{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.cg-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}