:root{--dhiaa-primary:#4c1d95;--dhiaa-primary-dark:#1e1b4b;--dhiaa-accent:#f59e0b;--dhiaa-bg:#f9f9fb;--dhiaa-surface:#ffffff;--dhiaa-text:#111827;--dhiaa-text-secondary:#2a3439;--dhiaa-text-muted:#2a3439;--dhiaa-border:#e5e7eb;--dhiaa-success:#10b981;--dhiaa-danger:#ef4444;--dhiaa-radius-sm:0.5rem;--dhiaa-radius:1rem;--dhiaa-radius-lg:1.5rem;--dhiaa-radius-full:8px}
@font-face{font-family:'Inter Fallback';src:local('Arial');size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}
body{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,'Noto Sans Arabic',sans-serif!important;background-color:var(--dhiaa-bg)!important;color:var(--dhiaa-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;margin:0!important;padding:0!important;overflow-x:hidden}
html{background:var(--dhiaa-bg)}

/* CLS Prevention */
.dhiaa-header,nav.dhiaa-header{min-height:64px}
header{margin:0;padding:0}
.dhiaa-hero{min-height:260px}
.dhiaa-hero h1{min-height:1.2em;line-height:1.2}
.dhiaa-hero p{min-height:1em}
.dhiaa-email-pill{min-height:48px}
.dhiaa-actions{min-height:52px}
.dhiaa-action-btn{min-width:48px;min-height:48px}
.dhiaa-mailbox-header{min-height:52px}
.mailbox-body{min-height:200px}
.mail-content{min-height:300px}
.dhiaa-section-header{min-height:80px}
.dhiaa-section-title{min-height:1.2em;line-height:1.2}
.dhiaa-feat{min-height:120px}
.dhiaa-footer{min-height:200px;overflow:hidden}
.dhiaa-footer .row{min-height:120px}
.dhiaa-footer-title{min-height:1.2em}
.dhiaa-footer a{display:inline-block;min-height:1.2em}
.dhiaa-footer img{width:auto;height:36px}
.dhiaa-blog-card{min-height:280px}
.dhiaa-accordion .accordion-item{min-height:56px}

/* Header Nav */
.dhiaa-header{background:var(--dhiaa-primary)!important;position:relative!important;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.15);margin:0;padding-top:0}
.nav.nav-sticky{position:relative!important;box-shadow:none!important}

/* Hero */
.dhiaa-hero{background:var(--dhiaa-bg);padding:3rem 0 2rem;text-align:center}
.dhiaa-hero-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;color:var(--dhiaa-text);letter-spacing:-.02em;margin-bottom:.5rem}
.dhiaa-hero-desc{color:#282525;font-size:1rem;margin-bottom:2rem}
.dhiaa-hero-sub{color:#282525;margin-bottom:0;font-size:.95rem}

/* Email Pill */
.dhiaa-email-pill{max-width:400px;margin:0 auto;background:var(--dhiaa-surface);border:1.5px solid #e0e0e0;border-radius:var(--dhiaa-radius-full);padding:.35rem .35rem .35rem 0;display:flex;align-items:center;transition:border-color .2s ease,box-shadow .2s ease}
.dhiaa-email-pill:hover,.dhiaa-email-pill:focus-within{border-color:#c4c4c4;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.dhiaa-email-pill input{flex:1;background:transparent!important;border:none!important;color:#000!important;font-family:'poppins',sans-serif;font-size:1.11rem;font-weight:700;padding:.65rem 1.9rem;outline:none}
.dhiaa-email-pill input::placeholder{color:var(--dhiaa-text-muted)}
.dhiaa-email-pill .mail-input-copy{background:transparent!important;border:none!important;border-radius:var(--dhiaa-radius-sm)!important;color:var(--dhiaa-text)!important;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;font-size:1.1rem}
.dhiaa-email-pill .mail-input-copy:hover{background:var(--dhiaa-bg)!important;color:var(--dhiaa-primary)!important}

/* Action Buttons */
.dhiaa-actions{display:flex;justify-content:center;gap:1.75rem;flex-wrap:wrap}
.dhiaa-action-btn{display:flex;flex-direction:column;align-items:center;gap:.55rem;background:transparent!important;border:none!important;color:#000!important;font-size:.89rem;font-weight:500;padding:.5rem .4rem;cursor:pointer;transition:color .2s ease}
.dhiaa-action-btn:hover{color:var(--dhiaa-primary)!important}
.dhiaa-action-btn i{font-size:1.05rem}
.dhiaa-action-btn span{line-height:1}

/* Cards */
.dhiaa-card{background:var(--dhiaa-surface);border-radius:var(--dhiaa-radius-lg);border:1px solid var(--dhiaa-border);overflow:hidden;transition:box-shadow .2s ease}
.dhiaa-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.06)}

/* Mailbox */
.dhiaa-mailbox-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--dhiaa-border);font-weight:700;font-size:1rem}
.dhiaa-mailbox-section{padding:2rem 0 3rem}
.dhiaa-refresh-btn{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--dhiaa-text-muted);cursor:pointer;background:none;border:none;transition:color .2s}
.dhiaa-refresh-btn:hover{color:var(--dhiaa-primary)}
.dhiaa-refresh-btn-layout{position:relative;display:flex;align-items:center;gap:.4rem;padding:0}
.dhiaa-refresh-icon-wrap{width:18px;height:18px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.dhiaa-refresh-svg{position:absolute}
.dhiaa-check-svg{position:absolute;display:none}
@keyframes dhiaa-spin-cycle{0%{transform:rotate(0deg)}22.22%{transform:rotate(1240deg)}100%{transform:rotate(1240deg)}}
#dhiaa-spin-icon{animation:dhiaa-spin-cycle 18s ease-in-out infinite}
@keyframes dhiaa-spin-fast{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#dhiaa-spin-icon.spinning{animation:dhiaa-spin-fast .5s linear infinite!important}
.mailbox-body{height:420px;max-height:420px;overflow-y:auto}

/* Mailbox Items — Professional email-client style */
.mailbox-item{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;padding:.85rem 1.25rem;border-bottom:1px solid var(--dhiaa-border);cursor:pointer;transition:background .15s ease;gap:.5rem}
.mailbox-item:last-child{border-bottom:none}
.mailbox-item:hover{background:rgba(76,29,149,.03)}
.mailbox-item-col{min-width:0;overflow:hidden}
.mailbox-item-col a{text-decoration:none!important;color:inherit!important;display:block}
.mailbox-item-col p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mailbox-item-col p:first-child{font-weight:600;font-size:.9rem;color:var(--dhiaa-text)}
.mailbox-item-col p.small{font-size:.75rem;color:var(--dhiaa-text-muted);margin-top:2px}
.mailbox-item-col .link{font-size:.88rem;font-weight:500;color:var(--dhiaa-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.mailbox-item-col .link:hover{color:var(--dhiaa-primary)!important}
.mailbox-item-col time{font-size:.75rem;color:var(--dhiaa-text-muted);white-space:nowrap}
.mailbox-item-col.small{text-align:right}


/* Empty State */
.dhiaa-empty-state{padding:3rem 1rem;text-align:center}
.dhiaa-empty-icon{margin:0 auto 1rem;width:64px;height:64px;border-radius:8px;background:var(--dhiaa-bg);display:flex;align-items:center;justify-content:center}
.dhiaa-empty-spinner{animation:dhiaa-empty-spin 1s linear infinite}
@keyframes dhiaa-empty-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.dhiaa-empty-title{font-size:1.1rem;font-weight:700;color:var(--dhiaa-text);margin-bottom:.25rem}
.dhiaa-empty-text{color:var(--dhiaa-text-muted);font-size:.9rem;margin:0}

/* Viewer */
.dhiaa-viewer-hidden{display:none}
.dhiaa-viewer-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--dhiaa-border);background:var(--dhiaa-bg)}
.dhiaa-viewer-info{flex:1;min-width:0}
.dhiaa-viewer-back-btn{background:none;border:none;cursor:pointer;color:var(--dhiaa-text);padding:.25rem;display:flex;align-items:center}
.dhiaa-viewer-back-btn:hover{color:var(--dhiaa-primary)}
.dhiaa-viewer-subject{font-weight:700;font-size:1rem;color:var(--dhiaa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dhiaa-viewer-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.2rem}
.dhiaa-viewer-from{font-size:.85rem;color:var(--dhiaa-text-secondary);font-weight:500}
.dhiaa-viewer-sep{color:var(--dhiaa-text-muted)}
.dhiaa-viewer-time{font-size:.8rem;color:var(--dhiaa-text-muted)}
.dhiaa-viewer-delete-btn{background:var(--dhiaa-danger);border:none;cursor:pointer;color:var(--dhiaa-surface);padding:.45rem .9rem;border-radius:8px;display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;font-family:inherit;transition:background .2s}
.dhiaa-viewer-delete-btn:hover{background:#dc2626}
.dhiaa-viewer-iframe{width:100%;border:none;min-height:350px;display:block}
.dhiaa-viewer-body{padding:0}

/* Section Headers */
.dhiaa-section-header{text-align:center;margin-bottom:2.5rem}
.dhiaa-section-badge{display:inline-block;padding:.3rem .9rem;background:rgba(76,29,149,.08);color:var(--dhiaa-primary);border-radius:var(--dhiaa-radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}
.dhiaa-section-title{font-size:1.8rem;font-weight:800;color:var(--dhiaa-text)}
.dhiaa-section-text{color:var(--dhiaa-text-secondary);max-width:600px;margin:.5rem auto 0}
.dhiaa-section-padding{padding:3rem 0}

/* Feature Cards */
.dhiaa-feat{background:var(--dhiaa-surface);border-radius:var(--dhiaa-radius);border:1px solid var(--dhiaa-border);padding:2rem;transition:all .3s ease;height:100%}
.dhiaa-feat:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(76,29,149,.08);border-color:rgba(76,29,149,.15)}
.dhiaa-feat-icon{width:48px;height:48px;border-radius:var(--dhiaa-radius-sm);background:rgba(76,29,149,.08);display:flex;align-items:center;justify-content:center;color:var(--dhiaa-primary);font-size:1.2rem;margin-bottom:1rem}
.dhiaa-features-title{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:var(--dhiaa-text)}
.dhiaa-features-text{font-size:.9rem;color:var(--dhiaa-text-secondary);margin:0;line-height:1.6}

/* FAQ */
.dhiaa-faq-container{max-width:720px;margin:0 auto}
.dhiaa-accordion .accordion-item{border:1px solid var(--dhiaa-border)!important;border-radius:var(--dhiaa-radius)!important;margin-bottom:.75rem;overflow:hidden}
.dhiaa-accordion .accordion-button{font-weight:600!important;background:var(--dhiaa-surface)!important;box-shadow:none!important;padding:1.1rem 1.25rem!important}
.dhiaa-accordion .accordion-button:not(.collapsed){color:var(--dhiaa-primary)!important}
.dhiaa-faq-icon-wrap{margin-left:auto}
.dhiaa-faq-chevron{font-size:.75rem;color:var(--dhiaa-text-muted)}
.dhiaa-faq-body{color:var(--dhiaa-text-secondary);font-size:.9rem;line-height:1.7}

/* Blog Cards */
.dhiaa-blog-card{background:var(--dhiaa-surface);border-radius:var(--dhiaa-radius-lg);border:1px solid var(--dhiaa-border);overflow:hidden;transition:all .3s ease;text-decoration:none!important;color:inherit!important;display:block}
.dhiaa-blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}
.dhiaa-blog-card img{width:100%;height:200px;object-fit:cover}
.dhiaa-posts-body{padding:1.25rem}
.dhiaa-posts-title{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:var(--dhiaa-text)}
.dhiaa-posts-desc{font-size:.85rem;color:var(--dhiaa-text-secondary);margin-bottom:.5rem;line-height:1.5}
.dhiaa-posts-date-wrap{margin:0}
.dhiaa-posts-date{color:var(--dhiaa-text-muted)}

/* Footer */
.dhiaa-footer{background:var(--dhiaa-surface);border-top:1px solid var(--dhiaa-border);padding:3rem 0 1.5rem}
.dhiaa-footer-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--dhiaa-text-muted);margin-bottom:1rem}
.dhiaa-footer a{color:var(--dhiaa-text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}
.dhiaa-footer a:hover{color:var(--dhiaa-primary)}
.dhiaa-footer-logo{max-height:36px}
.dhiaa-footer-desc{font-size:.9rem;line-height:1.6;max-width:300px}
.dhiaa-footer-bottom{border-top:1px solid var(--dhiaa-border)}
.dhiaa-footer-copyright{font-size:.85rem;color:var(--dhiaa-text-muted)}

/* Modals */
.modal-content{border-radius:var(--dhiaa-radius-lg)!important;border:none!important;box-shadow:0 25px 50px rgba(0,0,0,.15)!important}
.modal-backdrop.show{backdrop-filter:blur(4px)}
.modal-header{border-bottom:1px solid var(--dhiaa-border)!important;padding:1.25rem 1.5rem!important}
.modal-body{padding:1.5rem!important}
.dhiaa-modal-title{font-weight:700}
.dhiaa-modal-submit{border-radius:var(--dhiaa-radius-sm)!important;font-weight:700}
.dhiaa-form-label{font-weight:600;font-size:.9rem;color:var(--dhiaa-text-secondary)}
.dhiaa-input-left{border-radius:var(--dhiaa-radius-sm) 0 0 var(--dhiaa-radius-sm)!important}
.dhiaa-input-right{border-radius:0 var(--dhiaa-radius-sm) var(--dhiaa-radius-sm) 0!important}
.dhiaa-form-select{border-radius:var(--dhiaa-radius-sm)!important}
.dhiaa-form-input{border-radius:var(--dhiaa-radius-sm)!important}
.dhiaa-form-btn{border-radius:var(--dhiaa-radius-sm)!important}
.dhiaa-qr-desc{color:var(--dhiaa-text-muted);font-size:.9rem}
.dhiaa-history-desc{font-size:.85rem;color:var(--dhiaa-text-muted)}
.dhiaa-history-count{color:var(--dhiaa-text-muted)}

/* Contact CTA */
.dhiaa-contact-cta{max-width:600px;margin:0 auto;text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,var(--dhiaa-primary-dark),var(--dhiaa-primary));border-radius:var(--dhiaa-radius-lg);color:#fff}
.dhiaa-contact-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}
.dhiaa-contact-desc{opacity:.7;margin-bottom:1.5rem;font-size:.9rem}
.dhiaa-contact-btn{border-radius:var(--dhiaa-radius-full);font-weight:700;padding:.6rem 2rem}

/* Buttons */
.btn-primary{background:var(--dhiaa-primary)!important;border-color:var(--dhiaa-primary)!important;border-radius:var(--dhiaa-radius-sm)!important}
.btn-secondary{background:#b45309!important;border-color:#b45309!important;color:#fff!important;border-radius:var(--dhiaa-radius-sm)!important}

/* Viewbox */
.viewbox{border-radius:var(--dhiaa-radius-lg)!important;border:1px solid var(--dhiaa-border)!important;overflow:hidden}
.viewbox-header{border-bottom:1px solid var(--dhiaa-border)!important}

/* Scrollbar */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--dhiaa-border);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--dhiaa-text-muted)}

/* Go Up */
.go-up{background:var(--dhiaa-primary)!important;border-radius:var(--dhiaa-radius-sm)!important}

/* Toast */
.dhiaa-toast{position:fixed;top:-60px;left:50%;transform:translateX(-50%);z-index:9999;background:var(--dhiaa-success);color:var(--dhiaa-surface);font-family:'Inter',-apple-system,sans-serif;font-size:.9rem;font-weight:600;padding:.55rem 1.6rem;border-radius:var(--dhiaa-radius-full);box-shadow:0 4px 20px rgba(22,163,74,.35);pointer-events:none;opacity:0;transition:top .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;display:flex;align-items:center;gap:.4rem}
.dhiaa-toast.show{top:20px;opacity:1}
.dhiaa-toast i{font-size:1rem}

/* Deferred */
.dhiaa-deferred>section,.dhiaa-deferred>.section-inner,.dhiaa-footer{content-visibility:auto;contain-intrinsic-size:auto 500px}

/* Logo */
.dhiaa-nav-logo{text-decoration:none}
.dhiaa-nav-logo-svg{width:220px;height:42px;display:block}

/* Nav links */
.nav .nav-links a{font-size:15px!important;white-space:nowrap;line-height:1.4}
.nav .nav-drop .nav-drop-btn{font-size:15px!important;white-space:nowrap;line-height:1.4}

/* Progress bar hide */
#bar-progress,#nprogress{display:none!important}

/* Responsive: Tablet */
@media(max-width:992px){
.dhiaa-hero{padding:2rem 0 1.5rem}
.dhiaa-email-pill{max-width:90%}
.dhiaa-section-title{font-size:1.5rem}
.dhiaa-feat{padding:1.5rem}
.dhiaa-footer .row{gap:1rem}
.logo svg{width:180px!important;height:38px!important}
}

/* Responsive: Mobile */
@media(max-width:768px){
.mailbox-item{grid-template-columns:1fr auto;padding:.75rem 1rem}
.mailbox-item-col:nth-child(2){grid-column:1;margin-top:2px}
.mailbox-item-col .link{font-size:.82rem}
.dhiaa-hero{padding:1.5rem .75rem 1.25rem}
.dhiaa-email-pill{max-width:100%;padding:.25rem .25rem .25rem 0;border-radius:var(--dhiaa-radius)}
.dhiaa-email-pill input{font-size:.88rem;padding:.5rem .8rem}
.dhiaa-email-pill .mail-input-copy{width:38px;height:38px}
.dhiaa-actions{display:grid!important;grid-template-columns:repeat(3,1fr);gap:.5rem .75rem;min-height:auto;padding:0 .5rem}
.dhiaa-action-btn{gap:.3rem;font-size:.75rem;padding:.5rem .25rem;min-width:unset;min-height:44px;justify-content:center;border-radius:var(--dhiaa-radius-sm);background:rgba(0,0,0,.03)!important}
.dhiaa-action-btn i{font-size:1.95rem}
.dhiaa-mailbox-header{padding:.75rem 1rem;font-size:.9rem}
.dhiaa-card{border-radius:8px}
.dhiaa-section-header{margin-bottom:1.5rem}
.dhiaa-section-title{font-size:1.3rem}
.dhiaa-section-text{font-size:.9rem}
.dhiaa-feat{padding:1.25rem}
.dhiaa-feat-icon{width:40px;height:40px;font-size:1rem}
.dhiaa-accordion .accordion-button{padding:.9rem 1rem!important;font-size:.9rem!important}
.dhiaa-footer{padding:2rem 0 1rem}
.dhiaa-blog-card img{height:160px}
.viewbox-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}
.modal-dialog{margin:.5rem!important}
.modal-content{border-radius:var(--dhiaa-radius)!important}
section{padding:2rem 0!important}
.logo svg{width:160px!important;height:34px!important}
}

/* Responsive: Small Mobile */
@media(max-width:480px){
.dhiaa-email-pill input{font-size:.8rem;padding:.4rem .6rem}
.dhiaa-email-pill .mail-input-copy{width:34px;height:34px}
.dhiaa-actions{gap:.4rem .5rem;padding:0 .25rem}
.dhiaa-action-btn{font-size:.68rem;padding:.4rem .2rem;min-height:44px}
.dhiaa-action-btn i{font-size:.95rem}
.dhiaa-section-title{font-size:1.1rem}
.dhiaa-feat{padding:1rem}
.dhiaa-blog-card img{height:140px}
.container{padding-left:.75rem!important;padding-right:.75rem!important}
.logo svg{width:140px!important;height:30px!important}
}