.ai-budget-wrapper{

    max-width:850px;

    margin:60px auto;

    padding:40px;

    background:#ffffff;

    border-radius:24px;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.ai-budget-title{

    text-align:center;

    font-size:42px;

    font-weight:700;

    color:#111827;

    margin-bottom:12px;
}

.ai-budget-subtitle{

    text-align:center;

    color:#6b7280;

    margin-bottom:40px;

    font-size:18px;
}

.ai-budget-input,
.ai-budget-textarea{

    width:100%;

    padding:18px;

    border:1px solid #d1d5db;

    border-radius:14px;

    font-size:16px;

    margin-bottom:24px;

    outline:none;

    transition:0.3s;
}

.ai-budget-input:focus,
.ai-budget-textarea:focus{

    border-color:#2563eb;

    box-shadow:0 0 0 4px rgba(37,99,235,0.1);
}

.ai-budget-textarea{

    height:180px;

    resize:none;
}

.ai-budget-button{

    width:100%;

    padding:18px;

    background:#2563eb;

    color:#ffffff;

    border:none;

    border-radius:14px;

    font-size:18px;

    font-weight:600;

    cursor:pointer;

    transition:0.3s;
}

.ai-budget-button:hover{

    background:#1d4ed8;
}

.ai-response{

    margin-top:35px;

    background:#f9fafb;

    padding:30px;

    border-radius:18px;

    overflow:auto;
}

/*
|--------------------------------------------------------------------------
| AI Result Table
|--------------------------------------------------------------------------
*/

.ai-budget-result{

    width:100%;

    border-collapse:collapse;

    overflow:hidden;

    border-radius:14px;
}

.ai-budget-result tr{

    border-bottom:1px solid #e5e7eb;
}

.ai-budget-result th{

    width:35%;

    background:#2563eb;

    color:#ffffff;

    text-align:left;

    padding:16px;

    font-size:15px;

    font-weight:600;
}

.ai-budget-result td{

    padding:16px;

    background:#ffffff;

    color:#111827;

    line-height:1.8;
}

.ai-budget-result tr:last-child{

    border-bottom:none;
}

/*
|--------------------------------------------------------------------------
| Loading
|--------------------------------------------------------------------------
*/

.ai-loading{

    text-align:center;

    font-size:18px;

    color:#2563eb;

    font-weight:600;
}

/*
|--------------------------------------------------------------------------
| Error
|--------------------------------------------------------------------------
*/

.ai-error{

    background:#fee2e2;

    color:#991b1b;

    padding:16px;

    border-radius:12px;

    font-weight:600;
}