/* الحاوية الرئيسية */
.pp-container {
    max-width:700px;
    margin:30px auto;
    padding:25px;
    border-radius:15px;
    background: linear-gradient(135deg, #a8edea, #fed6e3);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* العنوان */
.pp-container h2 {
    color:#1a73e8;
    text-align:center;
    font-size:28px;
    margin-bottom:25px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

/* الصناديق الداخلية */
.pp-flex {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom:15px;
}

.pp-box {
    flex:1 1 30%;
    text-align:center;
    background:#ffffff;
    padding:20px;
    margin:10px;
    border-radius:12px;
    box-shadow:0 6px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}

.pp-box:hover {
    transform: translateY(-5px);
    box-shadow:0 12px 25px rgba(0,0,0,0.15);
}

/* العناوين داخل الصناديق */
.pp-box h3 {
    margin:0;
    color:#0d6efd;
    font-size:18px;
    margin-bottom:10px;
}

/* الفقرات داخل الصناديق */
.pp-box p {
    margin:5px 0;
    font-size:16px;
    font-weight:500;
    color:#333;
}

/* الحقول النصية */
.pp-input-text {
    width:100%;
    padding:12px;
    border-radius:8px;
    border:1px solid #ccc;
    margin-bottom:20px;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.pp-input-text:focus {
    border-color:#0d6efd;
    box-shadow: 0 0 8px rgba(13,110,253,0.2);
    outline:none;
}

/* الأزرار */
.pp-button {
    background:#0d6efd;
    color:#fff;
    padding:12px 25px;
    border:none;
    border-radius:8px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition: background 0.3s, transform 0.2s;
}

.pp-button:hover {
    background:#0b5ed7;
    transform: translateY(-2px);
}

/* الحقول داخل لوحة التحكم */
.pp-input {
    width:80px;
    padding:6px 10px;
    border-radius:5px;
    border:1px solid #ccc;
    text-align:center;
}

/* الجداول */
table.widefat th {
    background:#0d6efd;
    color:#fff;
}

table.widefat tr:nth-child(even){
    background:#f0f4ff;
}

table.widefat td, table.widefat th {
    padding:10px;
    text-align:center;
}