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



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

body{font-family:'Cairo',sans-serif;background:#f6f9f9;margin:0;direction:rtl}
.container{max-width:900px;margin:40px auto;padding:20px}
.header{display:flex;justify-content:space-between;align-items:center;background:#1a716f;color:#fff;padding:10px 20px;border-radius:10px}
.logout{color:#fff;text-decoration:none;font-size:14px}
.box{background:#fff;padding:20px;margin-top:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
/* نموذج حقلين في الصف */
form.box{display:flex;flex-wrap:wrap;gap:15px}
form.box input[type="text"],
form.box input[type="password"],
form.box input[type="date"],
form.box input[type="file"]{flex:1 1 calc(50% - 20px);min-width:180px;height:38px;font-size:13px;padding:5px 10px;border:1px solid #ccc;border-radius:8px}
form.box button{flex:1 1 100%;height:38px;font-size:14px;font-weight:bold;background:#1a716f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s}
form.box button:hover{background:#145c5b}
.login-box{max-width:400px;margin:100px auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);text-align:center}
.login-box input{width:100%;height:38px;margin-top:12px;padding:5px 10px;border:1px solid #ccc;border-radius:8px;font-size:13px}
.login-box button{width:100%;height:38px;margin-top:15px}
h2,h3{margin:0 0 10px;color:#1a716f}
.error{color:red;margin:10px 0}


body{
  font-family:'Cairo',sans-serif;
  background:#f6f9f9;
  margin:0;padding:0;direction:rtl;
}

/*–– عام ––*/
.container{max-width:900px;margin:40px auto;padding:20px;}
.header{display:flex;justify-content:space-between;align-items:center;
        background:#1a716f;color:#fff;padding:10px 20px;border-radius:10px;}
.logout{color:#fff;text-decoration:none;font-size:14px}

/*–– مربعات (Box) ––*/
.box{
  background:#fff;padding:20px;margin-top:20px;border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
}




/* 2‑in‑row layout */
form.box{display:flex;flex-wrap:wrap;gap:15px}
form.box input[type="text"],
form.box input[type="password"],
form.box input[type="file"]{
  flex:1 1 calc(50% - 20px);
  min-width:180px;
  height:38px;
  font-size:13px;
  padding:5px 10px;
  border:1px solid #ccc;border-radius:8px;
}
form.box button{
  flex:1 1 100%;
  height:38px;font-size:14px;font-weight:bold;
  background:#1a716f;color:#fff;border:none;border-radius:8px;
  cursor:pointer;transition:background .3s;
}
form.box button:hover{background:#145c5b}

/*–– نموذج تسجيل الدخول ––*/
.login-box{
  max-width:400px;margin:100px auto;
  background:#fff;padding:30px;border-radius:12px;
  box-shadow:0 4px 20px rgba(0,0,0,.2);text-align:center;
}
.login-box input{
  width:100%;height:38px;margin-top:12px;padding:5px 10px;
  border:1px solid #ccc;border-radius:8px;font-size:13px;
}
.login-box button{width:100%;height:38px;margin-top:15px}
h2,h3{margin:0 0 10px;color:#1a716f}
.error{color:red;margin-top:10px}