.oa-app{

    margin:0;

    background:#f6f7fb;

    font-family:Inter,Arial,sans-serif;

}


.oa-topbar{

    height:70px;

    background:#fff;

    border-bottom:1px solid #e5e7eb;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 40px;

}


.oa-logo{

    font-size:24px;

    font-weight:700;

}


.oa-user{

    font-size:14px;

}


.oa-content{

    padding:40px;

}

.dashboard-card {

    background:white;

    border-radius:20px;

    padding:40px;

    box-shadow:var(--shadow-card);

}


.dashboard-card h1 {

    margin-bottom:15px;

}


.dashboard-card p {

    color:var(--color-muted);

    margin-bottom:30px;

}


.oa-button {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 25px;

    background:var(--oustaoo-blue);

    color:white;

    border-radius:12px;

    text-decoration:none;

}


.app-card {

    background:#fff;

    border-radius:20px;

    padding:40px;

    box-shadow:var(--shadow-card);

    max-width:700px;

}


.app-card h1 {

    margin-bottom:30px;

}


.account-info p {

    padding:15px 0;

    border-bottom:1px solid var(--color-border);

}


.account-info strong {

    color:var(--oustaoo-blue);

}


.app-card input {

    width:100%;

    height:50px;

    margin-bottom:15px;

    border:1px solid var(--color-border);

    border-radius:12px;

    padding:0 15px;

    font-size:15px;

}


.domain-field {

    display:flex;

    align-items:center;

    margin-bottom:15px;

}


.domain-field input {

    margin-bottom:0;

    border-radius:12px 0 0 12px;

}


.domain-field span {

    height:50px;

    display:flex;

    align-items:center;

    padding:0 15px;

    background:#f1ede5;

    color:#666;

    border-radius:0 12px 12px 0;

    font-size:14px;

}