body { font-family: IRANSans, sans-serif; margin:0; direction:rtl; }

.main {
    background: linear-gradient(135deg,#6A40C9,#8b62ff);
    padding-bottom:90px;
}

.header {
    padding:20px;
    text-align:center;
    color:white;
    font-size:26px;
}

.top-img img {
    width:140px;
    height:140px;
    border-radius:20px;
    display:block;
    margin:15px auto;
}

.title { text-align:center; color:white; }

.q-item {
    display:block;
    margin:10px;
    padding:15px;
    background:white;
    border-radius:12px;
    text-align:center;
    font-size:18px;
}

.bottom-bar {
    position:fixed;
    bottom:0; left:0; right:0;
    background:#0080ff;
    padding:10px;
    display:flex;
    justify-content:space-around;
}

.bottom-btn {
    color:white;
    text-decoration:none;
    font-size:18px;
}

.qpage {
    background-size:cover;
    padding-bottom:100px;
}

.header-card, .question-card {
    margin:15px;
    background:white;
    padding:20px;
    border-radius:18px;
    font-size:20px;
}

.answer-box {
    background:white;
    margin:10px;
    padding:15px;
    border-radius:15px;
}

.answer-box input,
.answer-box textarea {
    width:100%;
    margin:6px 0;
    padding:10px;
    border-radius:10px;
    border:1px solid #ccc;
}

.answer-box button {
    width:100%;
    background:#6A40C9;
    color:white;
    padding:10px;
    border:none;
    border-radius:10px;
    font-size:18px;
}

.answers-container {
    margin:10px;
    max-height:350px;
    overflow-y:auto;
}

.answer-item {
    background:white;
    margin:8px;
    padding:10px;
    border-radius:12px;
}

.admin-body {
    background: #2980B9;
    margin:0;
    direction:rtl;
    font-family: sans-serif;
    padding-bottom: 80px;
}

.admin-card {
    max-width: 450px;
    background: #fff;
    margin: 40px auto;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,.15);
    overflow-x: auto;
    overflow-y: visible;
}

.admin-card h2 {
    text-align:center;
    margin-bottom:20px;
}

.admin-card input,
.admin-card textarea,
.admin-card select {
    width:100%;
    padding:10px;
    border:1px solid #ccc;
    border-radius:10px;
    margin-bottom:12px;
}

.admin-card button {
    width:100%;
    padding:12px;
    background:#2980B9;
    color:white;
    border:none;
    border-radius:10px;
    font-size:18px;
}

.admin-menu {
    background:white;
    padding:15px;
    display:flex;
    justify-content:space-around;
    position:fixed;
    bottom:0; left:0; right:0;
}

.admin-menu a {
    color:#2980B9;
    font-size:18px;
    text-decoration:none;
}