*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Cairo',sans-serif;direction:rtl;min-height:100vh;background:linear-gradient(135deg,#7F0000,#B71C1C,#C62828);display:flex;flex-direction:column;align-items:center;color:#212121}
a{text-decoration:none}
.hdr{width:100%;background:rgba(0,0,0,.2);padding:22px 16px;text-align:center;color:#fff}
.hdr img{width:88px;height:88px;border-radius:50%;border:3px solid rgba(255,255,255,.4);margin-bottom:10px}
.hdr h1{font-size:19px;font-weight:800;margin-bottom:4px}
.hdr h2{font-size:15px;font-weight:700;color:#FFD54F}
.wrap{width:100%;max-width:760px;padding:28px 16px 48px;flex:1}
.card{background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.25);overflow:hidden;animation:su .45s ease;margin-bottom:20px}
.ch{color:#fff;padding:26px 22px;text-align:center}
.ch i{font-size:38px;margin-bottom:10px;display:block}
.ch h3{font-size:21px;font-weight:800;margin-bottom:4px}
.ch p{font-size:14px;opacity:.9}
.ch.red{background:linear-gradient(135deg,#7F0000,#C62828)}
.ch.green{background:linear-gradient(135deg,#1B5E20,#43A047)}
.ch.blue{background:linear-gradient(135deg,#01579B,#0288D1)}
.cb{padding:28px 26px}
.fg{margin-bottom:18px}
.fl{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.fl i{color:#B71C1C;margin-left:6px}
.inp{width:100%;padding:14px 16px;border:2px solid #E0E0E0;border-radius:12px;font-family:'Cairo',sans-serif;font-size:17px;text-align:center;letter-spacing:2px;direction:ltr;outline:none;transition:border-color .2s,box-shadow .2s}
.inp:focus{border-color:#B71C1C;box-shadow:0 0 0 4px rgba(183,28,28,.1)}
.inp::placeholder{font-size:14px;letter-spacing:0;color:#999}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border:none;border-radius:12px;font-family:'Cairo',sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}
.btn-main{background:linear-gradient(135deg,#B71C1C,#E53935);color:#fff;width:100%;font-size:17px}
.btn-light{background:#F5F5F5;color:#424242}
.al{padding:14px 18px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:18px}
.al-err{background:#FFEBEE;color:#B71C1C;border:1px solid #EF9A9A}
.al-info{background:#FFF8E1;color:#8D6E00;border:1px solid #FFE082}
.welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border-radius:14px;padding:16px 20px;margin-bottom:20px;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.welcome b{font-size:17px;color:#7F0000}
.welcome small{display:block;color:#777;font-size:13px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.tile{display:block;background:#fff;border-radius:16px;padding:28px 20px;text-align:center;color:#212121;box-shadow:0 8px 30px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s;animation:su .45s ease}
.tile:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.28)}
.tile i{font-size:40px;margin-bottom:12px;display:block}
.tile h4{font-size:18px;font-weight:800;margin-bottom:4px}
.tile p{font-size:13px;color:#777}
.tile.t1 i{color:#B71C1C}.tile.t2 i{color:#1B5E20}
.ptb{text-align:center;margin-bottom:20px;padding:18px;background:linear-gradient(135deg,#FFF3F3,#FFE8E8);border-radius:12px;border-right:4px solid #B71C1C}
.ptb small{font-size:12px;color:#888;display:block;margin-bottom:6px}
.ptb h3{font-size:19px;color:#7F0000;font-weight:800;line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}
.ii{padding:13px 15px;background:#F5F5F5;border-radius:10px}
.ii label{font-size:12px;color:#888;display:block;margin-bottom:3px}
.ii span{font-size:15px;font-weight:700}
.st{font-size:16px;font-weight:700;margin:6px 0 12px;display:flex;align-items:center;gap:8px}
.st i{color:#B71C1C}
.team{list-style:none;border:1px solid #EEE;border-radius:10px;overflow:hidden}
.team li{padding:11px 16px;font-size:15px;border-bottom:1px solid #EEE;display:flex;gap:10px}
.team li:last-child{border-bottom:none}
.team li:nth-child(even){background:#FAFAFA}
.team li span{color:#B71C1C;font-weight:800;min-width:20px}
.date-box{text-align:center;padding:30px 18px;background:linear-gradient(135deg,#E8F5E9,#F1F8E9);border-radius:14px;border:2px dashed #66BB6A;margin-bottom:20px}
.date-box i{font-size:40px;color:#2E7D32;margin-bottom:10px;display:block}
.date-box small{display:block;font-size:13px;color:#558B2F;margin-bottom:6px}
.date-box b{font-size:24px;color:#1B5E20;font-weight:900;line-height:1.6}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.ft{width:100%;text-align:center;padding:16px;color:rgba(255,255,255,.65);font-size:12px}
@keyframes su{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.hdr h1{font-size:15px}.cb{padding:22px 16px}.date-box b{font-size:20px}}
@media print{body{background:#fff}.hdr{background:none;color:#000}.hdr h2{color:#000}.no-print,.ft{display:none!important}.card{box-shadow:none;border:1px solid #ccc}}