@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap');

/* ===== الاساس ===== */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: #0f0f0f;
    color: #ffffff;
    font-family: 'Cairo', Tahoma, Arial;
    direction: rtl;
}


/* ===== الهيدر العلوي ===== */
.top-bar {
    background: #151515;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #222;
    position: sticky;
    top: 0;
    z-index: 999;
}

.back-home {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.9;
}

.back-home:hover {
    opacity: 1;
}

.user {
    font-size: 13px;
    opacity: 0.7;
}

/* ===== الكونتينر ===== */
.container {
    max-width: 1000px;
    margin: 30px auto;
    padding: 0 15px;
}

/* ===== العناوين ===== */
h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: normal;
}

/* ===== الفورمات ===== */
.form-box {
    max-width: 520px;
    margin: 40px auto;
    background: #1c1c1c;
    padding: 25px;
    border-radius: 12px;
}

input,
select,
textarea,
button {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    background: #2a2a2a;
    border: none;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Cairo', Tahoma, Arial;
}

option {
    font-family: 'Cairo', Tahoma, Arial;
}

input[type="file"] {
    font-family: 'Cairo', Tahoma, Arial;
}

input[type="file"]::file-selector-button {
    font-family: 'Cairo', Tahoma, Arial;
    background: #333;
    color: #fff;
    border: none;
    padding: 6px 10px;
    margin-left: 10px;
    cursor: pointer;
}


textarea {
    min-height: 80px;
    resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    background: #303030;
}

label {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    opacity: 0.9;
}

/* ===== الازرار ===== */
button {
    width: 100%;
    padding: 10px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    border-radius: 6px;
}

button.save {
    background: #2196f3;
}

button.delete {
    background: #c0392b;
}

button:hover {
    opacity: 0.9;
}

/* ===== كروت البنوك ===== */
.box {
    background: #1c1c1c;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.row {
    margin-bottom: 8px;
    font-size: 14px;
}

/* ===== ايقونات النسخ ===== */
.copy {
    margin-right: 6px;
    cursor: pointer;
    color: #cccccc;
    font-size: 14px;
}

.copy:hover {
    color: #ffffff;
}

/* ===== روابط التعديل ===== */
.actions {
    margin-top: 10px;
}

.actions a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.8;
}

.actions a:hover {
    opacity: 1;
}

/* ===== معاينة الصور ===== */
.preview {
    margin-top: 10px;
}

.preview img {
    max-width: 100%;
    border-radius: 10px;
    display: block;
}

/* ===== رسائل عامه ===== */
.error {
    color: #ff6b6b;
    font-size: 13px;
    margin-top: 10px;
}
/* ===== صفحة تسجيل الدخول ===== */
.login-box {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-box form {
    width: 100%;
    max-width: 380px;   /* ده سر الحجم الطبيعي */
    background: #1c1c1c;
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(0,0,0,.6);
}

/* عنوان اللوجن */
.login-box h2 {
    text-align: center;
    margin-bottom: 20px;
    font-weight: normal;
}

/* المد*