:root {
--canvas:#f4fdf4; --surface:#ffffff; --surface-2:#eaf0f8; --border:#d7e0ed; --border-strong:#899bb4;
--ink:#16243b; --muted:#53647c; --accent:#247447; --accent-hover:#195b35; --accent-ink:#ffffff; --accent-text:#247447; --accent-strong:#195b35; --accent-soft:#e7f4eb; --accent-border:#a5ceb3;
--success:#157344; --success-ink:#ffffff; --success-soft:#e3f4ea; --success-strong:#12613a;
--warning:#955000; --warning-ink:#ffffff; --warning-soft:#fff0db; --warning-strong:#804400;
--danger:#b42333; --danger-ink:#ffffff; --danger-soft:#fce8eb; --danger-strong:#9c1e2d;
--chart-1:#247447; --chart-2:#157344; --chart-3:#955000; --chart-4:#53647c; --chart-5:#195b35; --chart-6:#899bb4;
--font-display:"Poppins",sans-serif; --font-body:"Poppins",sans-serif; --font-sans:"Poppins",sans-serif; --font-mono:monospace;
--display-weight:700; --display-tracking:-0.03em; --eyebrow-tracking:0.08em; --radius-btn:0.75rem; --radius-card:1.25rem; --radius-input:0.75rem;
--x-bual-primary-color:#2e8b57;
--x-bual-bg-color:#f4fdf4;
--x-bual-text-color:#333;
--x-bual-border-color:#ccc;
--x-bual-error-color:#d32f2f;
--x-bual-success-color:#388e3c;
--x-bual-color-1:#fff;
--x-bual-color-2:rgba(46, 139, 87, 0.15);
--x-bual-color-3:#666;
--x-bual-color-4:rgba(46, 139, 87, 0.1);
--x-bual-color-5:#246b43;
--x-bual-color-6:rgba(46, 139, 87, 0.2);
--x-bual-color-7:#9cd5ab;
--x-bual-color-8:#f9f9f9;
--x-bual-color-9:#ddd;
--x-bual-color-10:#e8f5e9;
--x-bual-color-11:#e53935;
--x-bual-color-12:#ffebee;
--x-bual-color-13:rgba(0,0,0,0.05);
--x-bual-color-14:#2e8b57;
--x-bual-color-15:#d32f2f;
--x-bual-color-16:#f4fdf4;
--x-bual-color-17:#e4f4e8;
--x-bual-color-18:#f39c12;
--x-bual-color-19:#e67e22;
--x-bual-color-20:#27ae60;
--x-bual-color-21:#219150;
--x-bual-color-22:#7f8c8d;
--x-bual-color-23:#2ecc71;
--x-bual-color-24:#f1c40f;
--x-bual-color-25:#333;
--x-bual-color-26:#2980b9;
--x-bual-color-27:#c0392b;
--x-bual-color-28:#eee;
--x-bual-color-29:#f0f0f0;
--x-bual-color-30:#e0e0e0;
--x-bual-color-31:#fff3cd;
--x-bual-color-32:#856404;
--x-bual-color-33:#ffeeba;
--x-bual-color-34:#f8f9fa;
--x-bual-color-35:#999;
--x-bual-color-36:#1b5e20;
--x-bual-color-37:#b71c1c;
--x-bual-color-38:#f8d7da;
--x-bual-color-39:#721c24;
--x-bual-color-40:#f5c6cb;
--x-bual-color-41:rgba(0,0,0,0.1);
--x-bual-color-42:#111;
--x-bual-color-43:rgba(46,139,87,.15);
--x-bual-color-44:#1c5635;
--x-bual-surface:#fff;
--x-bual-link-default:#0000ee;
}
html[data-theme="dark"] {
--canvas:#0e1828; --surface:#17253a; --surface-2:#20314b; --border:#314561; --border-strong:#778da9;
--ink:#edf3fd; --muted:#b2c1d8; --accent:#9dbfff; --accent-hover:#bdd2ff; --accent-ink:#10203e; --accent-text:#9dbfff; --accent-strong:#c4d8ff; --accent-soft:#243e65; --accent-border:#5776a8;
--success:#69d6a0; --success-ink:#10281c; --success-soft:#183c2b; --success-strong:#8be4b5;
--warning:#f4bf73; --warning-ink:#302008; --warning-soft:#49351c; --warning-strong:#f4ce99;
--danger:#ff9eac; --danger-ink:#380f18; --danger-soft:#4b2632; --danger-strong:#ffb8c2;
--chart-1:#9dbfff; --chart-2:#69d6a0; --chart-3:#f4bf73; --chart-4:#b2c1d8; --chart-5:#c4d8ff; --chart-6:#778da9;
--font-display:"Poppins",sans-serif; --font-body:"Poppins",sans-serif; --font-sans:"Poppins",sans-serif; --font-mono:monospace;
--display-weight:700; --display-tracking:-0.03em; --eyebrow-tracking:0.08em; --radius-btn:0.75rem; --radius-card:1.25rem; --radius-input:0.75rem;
--x-bual-primary-color:#2e8b57;
--x-bual-bg-color:#f4fdf4;
--x-bual-text-color:#333;
--x-bual-border-color:#ccc;
--x-bual-error-color:#d32f2f;
--x-bual-success-color:#388e3c;
--x-bual-color-1:#fff;
--x-bual-color-2:rgba(46, 139, 87, 0.15);
--x-bual-color-3:#666;
--x-bual-color-4:rgba(46, 139, 87, 0.1);
--x-bual-color-5:#246b43;
--x-bual-color-6:rgba(46, 139, 87, 0.2);
--x-bual-color-7:#9cd5ab;
--x-bual-color-8:#f9f9f9;
--x-bual-color-9:#ddd;
--x-bual-color-10:#e8f5e9;
--x-bual-color-11:#e53935;
--x-bual-color-12:#ffebee;
--x-bual-color-13:rgba(0,0,0,0.05);
--x-bual-color-14:#2e8b57;
--x-bual-color-15:#d32f2f;
--x-bual-color-16:#f4fdf4;
--x-bual-color-17:#e4f4e8;
--x-bual-color-18:#f39c12;
--x-bual-color-19:#e67e22;
--x-bual-color-20:#27ae60;
--x-bual-color-21:#219150;
--x-bual-color-22:#7f8c8d;
--x-bual-color-23:#2ecc71;
--x-bual-color-24:#f1c40f;
--x-bual-color-25:#333;
--x-bual-color-26:#2980b9;
--x-bual-color-27:#c0392b;
--x-bual-color-28:#eee;
--x-bual-color-29:#f0f0f0;
--x-bual-color-30:#e0e0e0;
--x-bual-color-31:#fff3cd;
--x-bual-color-32:#856404;
--x-bual-color-33:#ffeeba;
--x-bual-color-34:#f8f9fa;
--x-bual-color-35:#999;
--x-bual-color-36:#1b5e20;
--x-bual-color-37:#b71c1c;
--x-bual-color-38:#f8d7da;
--x-bual-color-39:#721c24;
--x-bual-color-40:#f5c6cb;
--x-bual-color-41:rgba(0,0,0,0.1);
--x-bual-color-42:#111;
--x-bual-color-43:rgba(46,139,87,.15);
--x-bual-color-44:#1c5635;
--x-bual-surface:#fff;
--x-bual-link-default:#0000ee;
}

/* Restore the browser defaults used by staging before its page-specific rules. */
body.bual-stage {font-size:16px;line-height:normal;}
body.bual-stage h2 {display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;font-weight:bold;}
body.bual-stage h3 {display:block;font-size:1.17em;margin-block-start:1em;margin-block-end:1em;font-weight:bold;}
body.bual-stage p {display:block;margin-block-start:1em;margin-block-end:1em;}
body.bual-stage ul {display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;padding-inline-start:40px;}
body.bual-stage b,body.bual-stage strong {font-weight:bolder;}
body.bual-stage a {color:var(--x-bual-link-default);text-decoration:underline;}
body.bual-stage input[type=checkbox] {appearance:auto;padding:0;margin:4px 3px 3px 4px;}
/* Staging UI copied from the rendered page styles; scoped to tool pages. */
body.bual-stage-links{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-links .bu-container{
            background: var(--x-bual-color-1);
            padding: 40px 30px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 450px; 
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
            text-align: center;
        }
body.bual-stage-links .bu-profile-icon{
            font-size: 50px;
            margin-bottom: 10px;
            line-height: 1;
        }
body.bual-stage-links h2{
            margin-top: 0;
            margin-bottom: 5px;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-links .bu-subtitle{
            font-size: 14px;
            color: var(--x-bual-color-3);
            margin-bottom: 30px;
        }
body.bual-stage-links .bu-link-container{
            display: flex;
            flex-direction: column;
            gap: 15px; 
        }
body.bual-stage-links .bu-link-btn{
            display: block;
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            text-decoration: none;
            padding: 16px;
            border-radius: 12px;
            font-size: 15px;
            font-weight: 500;
            box-sizing: border-box;
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px var(--x-bual-color-4);
        }
body.bual-stage-links .bu-link-btn:hover{
            background-color: var(--x-bual-color-5);
            transform: translateY(-3px); 
            box-shadow: 0 6px 12px var(--x-bual-color-6);
        }
body.bual-stage-links .bu-footer{
            margin-top: 30px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-register-number{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-register-number .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 500px; 
            border: 2px solid var(--x-bual-primary-color);
        }
body.bual-stage-register-number h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-register-number .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-register-number label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-register-number input[type="text"]{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-register-number input[type="text"]:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-register-number .bu-help-text{
            font-size: 12px;
            margin-top: 4px;
        }
body.bual-stage-register-number .bu-help-text a{
            color: var(--x-bual-primary-color);
            text-decoration: none;
            font-weight: 500;
        }
body.bual-stage-register-number .bu-help-text a:hover{
            text-decoration: underline;
        }
body.bual-stage-register-number button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
        }
body.bual-stage-register-number button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-register-number button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-register-number .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 13px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
        }
body.bual-stage-register-number .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-register-number .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-register-number .bu-status-table{
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            font-size: 12px;
            text-align: left;
            table-layout: fixed; 
        }
body.bual-stage-register-number .bu-status-table th:nth-child(1){ width: 30%; }
body.bual-stage-register-number .bu-status-table th:nth-child(2){ width: 25%; }
body.bual-stage-register-number .bu-status-table th:nth-child(3){ width: 45%; }
body.bual-stage-register-number .bu-status-table th,body.bual-stage-register-number .bu-status-table td{
            padding: 10px 8px;
            border-bottom: 1px solid var(--x-bual-color-9);
            vertical-align: top;
            word-wrap: break-word;
        }
body.bual-stage-register-number .bu-status-table th{
            background-color: var(--x-bual-color-13);
            font-weight: 600;
        }
body.bual-stage-register-number .bu-status-badge{ 
            white-space: nowrap; 
        }
body.bual-stage-register-number .bu-status-badge.bu-success{ color: var(--x-bual-color-14); font-weight: 600; }
body.bual-stage-register-number .bu-status-badge.bu-error{ color: var(--x-bual-color-15); font-weight: 600; }
body.bual-stage-register-number .bu-details-list{
            list-style: none;
            padding: 0;
            margin: 0;
            line-height: 1.6;
        }
body.bual-stage-register-number #step2-container{
            
        }
body.bual-stage-register-number .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-register-number .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-register-number .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-register-number .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-register-number .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-register-number .bu-inline-1{margin-top: 15px; display: flex; align-items: center; gap: 8px;}
body.bual-stage-register-number .bu-inline-2{width: 16px; height: 16px; cursor: pointer; accent-color: var(--x-bual-primary-color);}
body.bual-stage-register-number .bu-inline-3{margin: 0; font-weight: 500; cursor: pointer; display: inline-block;}
body.bual-stage-change-billing-currency{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-change-billing-currency .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 500px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
        }
body.bual-stage-change-billing-currency h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-change-billing-currency .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-change-billing-currency label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-change-billing-currency input[type="text"],body.bual-stage-change-billing-currency select{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-change-billing-currency input[type="text"]:focus,body.bual-stage-change-billing-currency select:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-change-billing-currency button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 10px;
        }
body.bual-stage-change-billing-currency button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-change-billing-currency button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-change-billing-currency .bu-btn-secondary{
            background-color: var(--x-bual-color-18);
        }
body.bual-stage-change-billing-currency .bu-btn-secondary:hover{
            background-color: var(--x-bual-color-19);
        }
body.bual-stage-change-billing-currency .bu-btn-success{
            background-color: var(--x-bual-color-20);
        }
body.bual-stage-change-billing-currency .bu-btn-success:hover{
            background-color: var(--x-bual-color-21);
        }
body.bual-stage-change-billing-currency .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 14px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            line-height: 1.6;
        }
body.bual-stage-change-billing-currency .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-change-billing-currency .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-change-billing-currency .bu-status-badge{
            display: inline-block;
            padding: 4px 8px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 12px;
            color: var(--x-bual-color-1);
            background-color: var(--x-bual-color-22);
            text-transform: uppercase;
        }
body.bual-stage-change-billing-currency .bu-status-badge.bu-ready{ background-color: var(--x-bual-color-23); }
body.bual-stage-change-billing-currency .bu-status-badge.bu-progress{ background-color: var(--x-bual-color-24); color: var(--x-bual-color-25); }
body.bual-stage-change-billing-currency .bu-status-badge.bu-completed{ background-color: var(--x-bual-color-26); }
body.bual-stage-change-billing-currency .bu-status-badge.bu-failed{ background-color: var(--x-bual-color-27); }
body.bual-stage-change-billing-currency .bu-action-buttons{
            
            margin-top: 15px;
        }
body.bual-stage-change-billing-currency .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-change-billing-currency .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-change-billing-currency .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-change-billing-currency .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-change-billing-currency .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-template-migration{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-template-migration .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 600px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
        }
body.bual-stage-template-migration h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-template-migration .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-template-migration label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-template-migration input[type="text"],body.bual-stage-template-migration input[type="password"],body.bual-stage-template-migration input[type="number"],body.bual-stage-template-migration textarea{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-template-migration input[type="text"]:focus,body.bual-stage-template-migration input[type="password"]:focus,body.bual-stage-template-migration input[type="number"]:focus,body.bual-stage-template-migration textarea:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-template-migration textarea{
            resize: vertical;
            min-height: 80px;
        }
body.bual-stage-template-migration .bu-help-text{
            font-size: 12px;
            color: var(--x-bual-color-3);
            margin-top: 4px;
        }
body.bual-stage-template-migration .bu-optional-badge{
            background-color: var(--x-bual-color-28);
            color: var(--x-bual-color-3);
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 4px;
            margin-left: 5px;
            vertical-align: middle;
        }
body.bual-stage-template-migration button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 10px;
        }
body.bual-stage-template-migration button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-template-migration button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-template-migration .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 13px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            line-height: 1.6;
            max-height: 400px;
            overflow-y: auto;
        }
body.bual-stage-template-migration .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-template-migration .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-template-migration .bu-result-table{
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            font-size: 12px;
            text-align: left;
        }
body.bual-stage-template-migration .bu-result-table th,body.bual-stage-template-migration .bu-result-table td{
            padding: 8px;
            border-bottom: 1px solid var(--x-bual-color-9);
            vertical-align: top;
            word-break: break-all;
        }
body.bual-stage-template-migration .bu-result-table th{
            background-color: var(--x-bual-color-13);
            font-weight: 600;
        }
body.bual-stage-template-migration .bu-badge-success{ color: var(--x-bual-color-14); font-weight: 600; }
body.bual-stage-template-migration .bu-badge-failed{ color: var(--x-bual-color-15); font-weight: 600; }
body.bual-stage-template-migration .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-template-migration .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-template-migration .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-template-migration .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-template-migration .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-template-migration .bu-inline-4{display: flex; gap: 15px;}
body.bual-stage-template-migration .bu-inline-5{flex: 1;}
body.bual-stage-template-migration .bu-inline-6{flex: 1;}
body.bual-stage-flows-migration{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-flows-migration .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 600px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
        }
body.bual-stage-flows-migration h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-flows-migration .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-flows-migration label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-flows-migration input[type="text"],body.bual-stage-flows-migration textarea{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-flows-migration input[type="text"]:focus,body.bual-stage-flows-migration textarea:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-flows-migration textarea{
            resize: vertical;
            min-height: 80px;
        }
body.bual-stage-flows-migration .bu-help-text{
            font-size: 12px;
            color: var(--x-bual-color-3);
            margin-top: 4px;
        }
body.bual-stage-flows-migration .bu-optional-badge{
            background-color: var(--x-bual-color-28);
            color: var(--x-bual-color-3);
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 4px;
            margin-left: 5px;
            vertical-align: middle;
        }
body.bual-stage-flows-migration button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 10px;
        }
body.bual-stage-flows-migration button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-flows-migration button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-flows-migration .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 13px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            line-height: 1.6;
            max-height: 400px;
            overflow-y: auto;
        }
body.bual-stage-flows-migration .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-flows-migration .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-flows-migration .bu-result-table{
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            font-size: 12px;
            text-align: left;
        }
body.bual-stage-flows-migration .bu-result-table th,body.bual-stage-flows-migration .bu-result-table td{
            padding: 8px;
            border-bottom: 1px solid var(--x-bual-color-9);
            vertical-align: top;
            word-break: break-all;
        }
body.bual-stage-flows-migration .bu-result-table th{
            background-color: var(--x-bual-color-13);
            font-weight: 600;
        }
body.bual-stage-flows-migration .bu-badge-success{ color: var(--x-bual-color-14); font-weight: 600; }
body.bual-stage-flows-migration .bu-badge-failed{ color: var(--x-bual-color-15); font-weight: 600; }
body.bual-stage-flows-migration .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-flows-migration .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-flows-migration .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-flows-migration .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-flows-migration .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-alternate-callback{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-alternate-callback .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 600px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
        }
body.bual-stage-alternate-callback h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-alternate-callback .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-alternate-callback label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-alternate-callback input[type="text"],body.bual-stage-alternate-callback input[type="url"],body.bual-stage-alternate-callback select{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-alternate-callback input[type="text"]:focus,body.bual-stage-alternate-callback input[type="url"]:focus,body.bual-stage-alternate-callback select:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-alternate-callback .bu-optional-badge{
            background-color: var(--x-bual-color-28);
            color: var(--x-bual-color-3);
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 4px;
            margin-left: 5px;
            vertical-align: middle;
        }
body.bual-stage-alternate-callback optgroup{
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
body.bual-stage-alternate-callback button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 10px;
        }
body.bual-stage-alternate-callback button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-alternate-callback button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-alternate-callback .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 14px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            line-height: 1.6;
            max-height: 500px;
            overflow-y: auto;
        }
body.bual-stage-alternate-callback .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-alternate-callback .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-alternate-callback .bu-result-table{
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
            font-size: 12px;
            text-align: left;
            background-color: var(--x-bual-color-1);
        }
body.bual-stage-alternate-callback .bu-result-table th,body.bual-stage-alternate-callback .bu-result-table td{
            padding: 10px;
            border: 1px solid var(--x-bual-color-9);
            vertical-align: top;
            word-break: break-all;
        }
body.bual-stage-alternate-callback .bu-result-table th{
            background-color: var(--x-bual-color-4);
            font-weight: 600;
            color: var(--x-bual-primary-color);
        }
body.bual-stage-alternate-callback .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-alternate-callback .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-alternate-callback .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-alternate-callback .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-alternate-callback .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-message-links{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-message-links .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 550px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
            margin-bottom: 20px;
        }
body.bual-stage-message-links h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-message-links .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-message-links label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-message-links input[type="text"],body.bual-stage-message-links select,body.bual-stage-message-links textarea{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-message-links input[type="text"]:focus,body.bual-stage-message-links select:focus,body.bual-stage-message-links textarea:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-message-links textarea{
            resize: vertical;
            min-height: 80px;
        }
body.bual-stage-message-links .bu-char-counter{
            font-size: 12px;
            text-align: right;
            margin-top: 4px;
            color: var(--x-bual-color-3);
        }
body.bual-stage-message-links .bu-char-counter.bu-error{
            color: var(--x-bual-color-15);
            font-weight: bold;
        }
body.bual-stage-message-links button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
        }
body.bual-stage-message-links button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-message-links button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-message-links .bu-copy-btn{
            background-color: var(--x-bual-color-29);
            color: var(--x-bual-color-25);
            border: 1px solid var(--x-bual-color-9);
            padding: 8px 12px;
            font-size: 13px;
            margin-top: 10px;
        }
body.bual-stage-message-links .bu-copy-btn:hover{
            background-color: var(--x-bual-color-30);
        }
body.bual-stage-message-links .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 14px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            word-wrap: break-word;
        }
body.bual-stage-message-links .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-message-links .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-message-links .bu-qr-result-card{
            background: var(--x-bual-color-1);
            border: 1px solid var(--x-bual-color-28);
            border-radius: 8px;
            padding: 15px;
            margin-top: 15px;
            text-align: center;
        }
body.bual-stage-message-links .bu-qr-result-card img{
            max-width: 200px;
            height: auto;
            border-radius: 8px;
            margin-bottom: 15px;
            border: 1px solid var(--x-bual-color-9);
        }
body.bual-stage-message-links .bu-link-box{
            background: var(--x-bual-color-16);
            padding: 10px;
            border-radius: 6px;
            border: 1px dashed var(--x-bual-primary-color);
            margin-bottom: 10px;
            font-size: 13px;
            word-break: break-all;
        }
body.bual-stage-message-links .bu-list-img{
            max-width: 120px;
            height: auto;
            display: block;
            margin-bottom: 10px;
            border: 1px solid var(--x-bual-color-28);
            border-radius: 6px;
        }
body.bual-stage-message-links .bu-alert-warning{
            background-color: var(--x-bual-color-31);
            color: var(--x-bual-color-32);
            padding: 12px 15px;
            border-radius: 8px;
            font-size: 13px;
            border: 1px solid var(--x-bual-color-33);
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }
body.bual-stage-message-links .bu-footer{
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-message-links .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-message-links .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-message-links .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-message-links .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-message-links .bu-inline-7{margin-top: 15px; display: flex; align-items: center; gap: 8px;}
body.bual-stage-message-links .bu-inline-8{width: 16px; height: 16px; cursor: pointer; accent-color: var(--x-bual-primary-color);}
body.bual-stage-message-links .bu-inline-9{margin: 0; font-weight: 500; cursor: pointer;}
body.bual-stage-message-links .bu-inline-10{width: 18px; height: 18px; cursor: pointer; accent-color: var(--x-bual-color-15); margin-top: 0;}
body.bual-stage-message-links .bu-inline-11{margin: 0; font-weight: 500; cursor: pointer; line-height: 1.4;}
body.bual-stage-migrate-phone-number{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-migrate-phone-number .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 600px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
        }
body.bual-stage-migrate-phone-number h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-migrate-phone-number .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-migrate-phone-number label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-migrate-phone-number input[type="text"],body.bual-stage-migrate-phone-number input[type="number"],body.bual-stage-migrate-phone-number select{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-migrate-phone-number input[type="text"]:focus,body.bual-stage-migrate-phone-number input[type="number"]:focus,body.bual-stage-migrate-phone-number select:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-migrate-phone-number .bu-help-text{
            font-size: 12px;
            color: var(--x-bual-color-3);
            margin-top: 4px;
        }
body.bual-stage-migrate-phone-number .bu-flex-row{
            display: flex;
            gap: 15px;
        }
body.bual-stage-migrate-phone-number .bu-flex-row .bu-form-group{
            flex: 1;
            margin-bottom: 0; 
        }
body.bual-stage-migrate-phone-number .bu-form-group-wrapper{
            margin-bottom: 20px;
        }
body.bual-stage-migrate-phone-number button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 10px;
        }
body.bual-stage-migrate-phone-number button:hover{
            background-color: var(--x-bual-color-5);
        }
body.bual-stage-migrate-phone-number button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-migrate-phone-number .bu-status-box{
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            font-size: 14px;
            background-color: var(--x-bual-color-8);
            border: 1px solid var(--x-bual-color-9);
            
            line-height: 1.6;
        }
body.bual-stage-migrate-phone-number .bu-status-box.bu-success{
            border-color: var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
        }
body.bual-stage-migrate-phone-number .bu-status-box.bu-error{
            border-color: var(--x-bual-color-11);
            background-color: var(--x-bual-color-12);
        }
body.bual-stage-migrate-phone-number .bu-alert-warning{
            background-color: var(--x-bual-color-31);
            color: var(--x-bual-color-32);
            padding: 10px;
            border-radius: 6px;
            font-size: 12px;
            margin-bottom: 20px;
            border: 1px solid var(--x-bual-color-33);
        }
body.bual-stage-migrate-phone-number #step2-container{
            
            margin-top: 20px;
            padding-top: 20px;
            border-top: 2px dashed var(--x-bual-color-28);
        }
body.bual-stage-migrate-phone-number .bu-footer{
            margin-top: 25px;
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-migrate-phone-number .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-migrate-phone-number .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-migrate-phone-number .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-migrate-phone-number .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-migrate-phone-number .bu-inline-12{flex: 0.3;}
body.bual-stage-migrate-phone-number .bu-inline-13{flex: 0.7;}
body.bual-stage-migrate-phone-number .bu-inline-14{margin-top: 0; font-size: 16px; color: var(--x-bual-color-25);}
body.bual-stage-username{
            font-family: 'Poppins', sans-serif;
            background-color: var(--x-bual-bg-color);
            color: var(--x-bual-text-color);
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
body.bual-stage-username .bu-container{
            background: var(--x-bual-color-1);
            padding: 30px 20px;
            border-radius: 20px;
            box-shadow: 0 8px 24px var(--x-bual-color-2);
            width: 100%;
            max-width: 550px;
            border: 2px solid var(--x-bual-primary-color);
            box-sizing: border-box;
            margin-bottom: 20px;
        }
body.bual-stage-username h2{
            text-align: center;
            margin-top: 0;
            color: var(--x-bual-primary-color);
            font-weight: 600;
        }
body.bual-stage-username .bu-form-group{
            margin-bottom: 20px;
        }
body.bual-stage-username label{
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 14px;
        }
body.bual-stage-username input[type="text"],body.bual-stage-username select{
            width: 100%;
            padding: 12px;
            border: 1px solid var(--x-bual-border-color);
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
body.bual-stage-username input[type="text"]:focus,body.bual-stage-username select:focus{
            border-color: var(--x-bual-primary-color);
            outline: none;
        }
body.bual-stage-username .bu-validation-box{
            background-color: var(--x-bual-color-34);
            border: 1px solid var(--x-bual-color-30);
            border-radius: 8px;
            padding: 15px;
            margin-top: 10px;
            font-size: 13px;
        }
body.bual-stage-username .bu-validation-box ul{
            list-style: none;
            padding-left: 0;
            margin: 0;
        }
body.bual-stage-username .bu-validation-box li{
            margin-bottom: 5px;
            display: flex;
            align-items: center;
            color: var(--x-bual-color-3);
        }
body.bual-stage-username .bu-validation-box li::before{
            content: "○";
            margin-right: 8px;
            font-size: 16px;
            color: var(--x-bual-color-35);
        }
body.bual-stage-username .bu-validation-box li.bu-valid{ color: var(--x-bual-success-color); }
body.bual-stage-username .bu-validation-box li.bu-valid::before{
            content: "✓";
            color: var(--x-bual-success-color);
            font-weight: bold;
        }
body.bual-stage-username .bu-validation-box li.bu-invalid{ color: var(--x-bual-error-color); }
body.bual-stage-username .bu-validation-box li.bu-invalid::before{
            content: "✗";
            color: var(--x-bual-error-color);
            font-weight: bold;
        }
body.bual-stage-username button{
            width: 100%;
            background-color: var(--x-bual-primary-color);
            color: var(--x-bual-color-1);
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            cursor: pointer;
            transition: background-color 0.3s;
        }
body.bual-stage-username button:hover{ background-color: var(--x-bual-color-5); }
body.bual-stage-username button:disabled{
            background-color: var(--x-bual-color-7);
            cursor: not-allowed;
        }
body.bual-stage-username .bu-status-box{
            margin-top: 20px;
            padding: 20px;
            border-radius: 12px;
            font-size: 14px;
            
            word-wrap: break-word;
            line-height: 1.6;
        }
body.bual-stage-username .bu-status-box.bu-success{
            border: 2px solid var(--x-bual-primary-color);
            background-color: var(--x-bual-color-10);
            color: var(--x-bual-color-36);
        }
body.bual-stage-username .bu-status-box.bu-error{
            border: 2px solid var(--x-bual-error-color);
            background-color: var(--x-bual-color-12);
            color: var(--x-bual-color-37);
        }
body.bual-stage-username .bu-status-box h4{
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
body.bual-stage-username .bu-alert-danger{
            background-color: var(--x-bual-color-38);
            color: var(--x-bual-color-39);
            padding: 12px 15px;
            border-radius: 8px;
            font-size: 13px;
            border: 1px solid var(--x-bual-color-40);
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }
body.bual-stage-username .bu-badge{
            background: var(--x-bual-primary-color);
            color: var(--x-bual-surface);
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 600;
            margin-right: 5px;
            display: inline-block;
            margin-bottom: 5px;
            letter-spacing: 0.5px;
        }
body.bual-stage-username .bu-friendly-hint{
            margin-top: 15px;
            padding-top: 10px;
            border-top: 1px solid var(--x-bual-color-41);
            font-size: 13px;
        }
body.bual-stage-username .bu-result-table{
            width: 100%;
            border-collapse: collapse;
            background-color: var(--x-bual-color-1);
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px var(--x-bual-color-41);
            margin-top: 10px;
        }
body.bual-stage-username .bu-result-table th,body.bual-stage-username .bu-result-table td{
            padding: 12px 15px;
            border: 1px solid var(--x-bual-color-30);
            text-align: left;
            vertical-align: top;
        }
body.bual-stage-username .bu-result-table th{
            background-color: var(--x-bual-color-34);
            width: 30%;
            font-weight: 600;
            color: var(--x-bual-color-25);
        }
body.bual-stage-username .bu-result-table td{
            color: var(--x-bual-color-42);
        }
body.bual-stage-username .bu-footer{
            font-size: 13px;
            color: var(--x-bual-color-3);
            text-align: center;
        }
body.bual-stage-username .bu-tool-menu{ margin-bottom: 20px; }
body.bual-stage-username .bu-tool-menu .bu-tool-menu-link{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            box-sizing: border-box;
            padding: 10px 16px;
            border: 1px solid var(--x-bual-primary-color);
            border-radius: 10px;
            color: var(--x-bual-primary-color);
            background: var(--x-bual-color-16);
            font: inherit;
            font-weight: 600;
            text-decoration: none;
        }
body.bual-stage-username .bu-tool-menu .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-username .bu-tool-menu .bu-tool-menu-link:focus-visible{
            outline: 3px solid var(--x-bual-primary-color);
            outline-offset: 3px;
        }
body.bual-stage-username .bu-inline-15{margin-top: 15px; display: flex; align-items: center; gap: 8px;}
body.bual-stage-username .bu-inline-16{width: 16px; height: 16px; cursor: pointer; accent-color: var(--x-bual-primary-color);}
body.bual-stage-username .bu-inline-17{margin: 0; font-weight: 500; cursor: pointer;}
body.bual-stage-username .bu-inline-18{font-size:12px; color:var(--x-bual-color-3); margin-top:5px;}
body.bual-stage-username .bu-inline-19{width: 18px; height: 18px; cursor: pointer; accent-color: var(--x-bual-error-color); margin-top: 0;}
body.bual-stage-username .bu-inline-20{margin: 0; font-weight: 500; cursor: pointer; line-height: 1.4;}
body.bual-stage-preverified-numbers{ font-family: 'Poppins', sans-serif; background: var(--x-bual-bg-color); color: var(--x-bual-text-color); margin: 0; padding: 20px; display: flex; flex-direction: column; align-items: center; min-height: 100vh; box-sizing: border-box; }
body.bual-stage-preverified-numbers .bu-container{ background: var(--x-bual-color-1); padding: 30px 20px; border-radius: 20px; box-shadow: 0 8px 24px var(--x-bual-color-43); width: 100%; max-width: 600px; border: 2px solid var(--x-bual-primary-color); box-sizing: border-box; }
body.bual-stage-preverified-numbers h2{ text-align: center; margin-top: 0; color: var(--x-bual-primary-color); font-weight: 600; }
body.bual-stage-preverified-numbers .bu-form-group{ margin-bottom: 20px; }
body.bual-stage-preverified-numbers label,body.bual-stage-preverified-numbers legend{ display: block; margin-bottom: 8px; font-weight: 500; font-size: 14px; }
body.bual-stage-preverified-numbers input:not([type="checkbox"]),body.bual-stage-preverified-numbers select{ width: 100%; padding: 12px; border: 1px solid var(--x-bual-border-color); border-radius: 8px; font: inherit; font-size: 14px; box-sizing: border-box; }
body.bual-stage-preverified-numbers input:focus,body.bual-stage-preverified-numbers select:focus{ border-color: var(--x-bual-primary-color); }
body.bual-stage-preverified-numbers :focus-visible{ outline: 3px solid var(--x-bual-primary-color); outline-offset: 3px; }
body.bual-stage-preverified-numbers .bu-help-text,body.bual-stage-preverified-numbers .bu-intro{ font-size: 12px; color: var(--x-bual-color-3); line-height: 1.6; overflow-wrap: anywhere; }
body.bual-stage-preverified-numbers .bu-intro{ margin-bottom: 20px; }
body.bual-stage-preverified-numbers .bu-check-label{ display: flex; gap: 8px; align-items: center; min-height: 32px; font-weight: 400; }
body.bual-stage-preverified-numbers fieldset{ border: 1px solid var(--x-bual-border-color); border-radius: 8px; margin: 0 0 20px; padding: 12px; min-width: 0; }
body.bual-stage-preverified-numbers button{ width: 100%; background: var(--x-bual-color-5); color: var(--x-bual-color-1); border: none; padding: 14px; border-radius: 8px; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; margin-top: 10px; }
body.bual-stage-preverified-numbers button:hover{ background: var(--x-bual-color-44); }
body.bual-stage-preverified-numbers button:disabled{ opacity: .65; cursor: not-allowed; }
body.bual-stage-preverified-numbers .bu-status-box{ margin-top: 20px; padding: 15px; border-radius: 8px; font-size: 13px; background: var(--x-bual-color-8); border: 1px solid var(--x-bual-color-9); line-height: 1.6; overflow-wrap: anywhere; }
body.bual-stage-preverified-numbers .bu-status-box.bu-success{ border-color: var(--x-bual-primary-color); background: var(--x-bual-color-10); }
body.bual-stage-preverified-numbers .bu-status-box.bu-error{ border-color: var(--x-bual-color-11); background: var(--x-bual-color-12); }
body.bual-stage-preverified-numbers pre{ white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
body.bual-stage-preverified-numbers .bu-pagination{ display: flex; gap: 10px; }
body.bual-stage-preverified-numbers .bu-tool-menu{ margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
body.bual-stage-preverified-numbers .bu-tool-menu-link{ display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; border: 1px solid var(--x-bual-primary-color); border-radius: 10px; color: var(--x-bual-color-5); background: var(--x-bual-color-16); font-weight: 600; font-size: 13px; text-decoration: none; box-sizing: border-box; }
body.bual-stage-preverified-numbers .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-preverified-numbers .bu-footer{ margin-top: 25px; font-size: 13px; color: var(--x-bual-color-3); text-align: center; }
body.bual-stage-preverified-numbers [hidden]{ display:none !important; }
body.bual-stage-share-preverified-numbers{ font-family: 'Poppins', sans-serif; background: var(--x-bual-bg-color); color: var(--x-bual-text-color); margin: 0; padding: 20px; display: flex; flex-direction: column; align-items: center; min-height: 100vh; box-sizing: border-box; }
body.bual-stage-share-preverified-numbers .bu-container{ background: var(--x-bual-color-1); padding: 30px 20px; border-radius: 20px; box-shadow: 0 8px 24px var(--x-bual-color-43); width: 100%; max-width: 600px; border: 2px solid var(--x-bual-primary-color); box-sizing: border-box; }
body.bual-stage-share-preverified-numbers h2{ text-align: center; margin-top: 0; color: var(--x-bual-primary-color); font-weight: 600; }
body.bual-stage-share-preverified-numbers .bu-form-group{ margin-bottom: 20px; }
body.bual-stage-share-preverified-numbers label,body.bual-stage-share-preverified-numbers legend{ display: block; margin-bottom: 8px; font-weight: 500; font-size: 14px; }
body.bual-stage-share-preverified-numbers input:not([type="checkbox"]),body.bual-stage-share-preverified-numbers select{ width: 100%; padding: 12px; border: 1px solid var(--x-bual-border-color); border-radius: 8px; font: inherit; font-size: 14px; box-sizing: border-box; }
body.bual-stage-share-preverified-numbers input:focus,body.bual-stage-share-preverified-numbers select:focus{ border-color: var(--x-bual-primary-color); }
body.bual-stage-share-preverified-numbers :focus-visible{ outline: 3px solid var(--x-bual-primary-color); outline-offset: 3px; }
body.bual-stage-share-preverified-numbers .bu-help-text,body.bual-stage-share-preverified-numbers .bu-intro{ font-size: 12px; color: var(--x-bual-color-3); line-height: 1.6; overflow-wrap: anywhere; }
body.bual-stage-share-preverified-numbers .bu-intro{ margin-bottom: 20px; }
body.bual-stage-share-preverified-numbers .bu-check-label{ display: flex; gap: 8px; align-items: center; min-height: 32px; font-weight: 400; }
body.bual-stage-share-preverified-numbers fieldset{ border: 1px solid var(--x-bual-border-color); border-radius: 8px; margin: 0 0 20px; padding: 12px; min-width: 0; }
body.bual-stage-share-preverified-numbers button{ width: 100%; background: var(--x-bual-color-5); color: var(--x-bual-color-1); border: none; padding: 14px; border-radius: 8px; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; margin-top: 10px; }
body.bual-stage-share-preverified-numbers button:hover{ background: var(--x-bual-color-44); }
body.bual-stage-share-preverified-numbers button:disabled{ opacity: .65; cursor: not-allowed; }
body.bual-stage-share-preverified-numbers .bu-status-box{ margin-top: 20px; padding: 15px; border-radius: 8px; font-size: 13px; background: var(--x-bual-color-8); border: 1px solid var(--x-bual-color-9); line-height: 1.6; overflow-wrap: anywhere; }
body.bual-stage-share-preverified-numbers .bu-status-box.bu-success{ border-color: var(--x-bual-primary-color); background: var(--x-bual-color-10); }
body.bual-stage-share-preverified-numbers .bu-status-box.bu-error{ border-color: var(--x-bual-color-11); background: var(--x-bual-color-12); }
body.bual-stage-share-preverified-numbers pre{ white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
body.bual-stage-share-preverified-numbers .bu-pagination{ display: flex; gap: 10px; }
body.bual-stage-share-preverified-numbers .bu-tool-menu{ margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
body.bual-stage-share-preverified-numbers .bu-tool-menu-link{ display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; border: 1px solid var(--x-bual-primary-color); border-radius: 10px; color: var(--x-bual-color-5); background: var(--x-bual-color-16); font-weight: 600; font-size: 13px; text-decoration: none; box-sizing: border-box; }
body.bual-stage-share-preverified-numbers .bu-tool-menu-link:hover{ background: var(--x-bual-color-17); }
body.bual-stage-share-preverified-numbers .bu-footer{ margin-top: 25px; font-size: 13px; color: var(--x-bual-color-3); text-align: center; }
body.bual-stage-share-preverified-numbers [hidden]{ display:none !important; }

body.bual-stage {box-sizing:border-box;}
body.bual-stage .bu-container {box-sizing:border-box;}
body.bual-stage [hidden] {display:none !important;}
body.bual-stage .bu-form-group {min-width:0;}
body.bual-stage .bu-form-group-wrapper {min-width:0;}
body.bual-stage .bu-footer {max-width:100%;}
body.bual-stage input[type=checkbox] {accent-color:var(--x-bual-primary-color);}
.bual-review {width:100%;max-width:600px;margin-top:16px;font-size:12px;color:var(--x-bual-text-color);}
.bual-review summary {cursor:pointer;font-weight:600;min-height:32px;}
.bual-review-inner {border:1px solid var(--x-bual-border-color);padding:16px;border-radius:8px;background:var(--x-bual-surface);}
.bual-review-button {display:block;font:inherit;padding:8px 12px;border:1px solid var(--x-bual-primary-color);color:var(--x-bual-primary-color);background:var(--x-bual-bg-color);border-radius:8px;cursor:pointer;margin:8px 0;}
.bual-result-frame {overflow-x:auto;}
.bual-result-frame table {width:100%;font-size:12px;border-collapse:collapse;}
.bual-result-frame th,.bual-result-frame td {text-align:left;padding:8px;border-bottom:1px solid var(--x-bual-border-color);}
.bual-account {display:flex;align-items:center;gap:12px;font-size:12px;margin-top:16px;color:var(--x-bual-text-color);}
.bual-account button {font:inherit;text-decoration:underline;background:none;border:none;cursor:pointer;}
@media(max-width:480px){body.bual-stage {padding:16px;} body.bual-stage .bu-flex-row {flex-direction:column;gap:0;} .bual-account{flex-direction:column;gap:4px;} }

body.bual-stage-register-number .bu-container {max-width:544px;}