.sd-root{background:var(--bg);min-height:100vh;padding-top:var(--hdr-height);padding-right:380px}.sd-root--sidebar-closed{padding-right:0}.sd-root--player-open{padding-bottom:84px}.sd-loading{min-height:60vh;color:var(--text3);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.9rem;display:flex}.sd-loading-spinner{border:3px solid var(--border2);border-top-color:var(--gold);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sd-not-found{color:var(--gold3);font-weight:600}.sq-header{text-align:center;padding:56px 40px 40px}.sq-header-inner{flex-direction:column;gap:24px;max-width:720px;margin:0 auto;animation:.5s both fadeUp;display:flex;position:relative}.sq-header-nav{justify-content:space-between;align-items:center;display:flex}.sq-arabic{color:var(--text);margin-bottom:8px;font-size:36px;line-height:1.6}.sq-english{font-size:var(--fs-base);color:var(--text2);font-weight:var(--fw-medium);margin-bottom:12px}.sq-meta{font-size:var(--fs-sm);color:var(--text3);letter-spacing:.02em}.sd-back{color:var(--text3);align-items:center;gap:6px;width:fit-content;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .18s;display:inline-flex}.sd-back:hover{color:var(--gold2)}.sd-body{max-width:var(--w-max);margin:0 auto;padding:28px 40px 80px;display:block;position:relative}.sd-body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 20%,#d4a34a17 0%,#0000 62%);width:800px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)translateZ(0)}.sd-content{z-index:1;flex-direction:column;gap:20px;min-width:0;display:flex;position:relative}.sd-player-card{background:var(--surface);border:1px solid #d4a34a24;border-radius:24px;width:100%;transition:box-shadow .4s;animation:.55s .12s both fadeUp;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000000a,0 8px 24px #00000012,0 24px 64px #00000014,0 0 120px #d4a34a12}.sd-browse-btn{background:var(--bg2);border:1px solid var(--border2);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.sd-browse-btn:hover{background:var(--bg3);color:var(--text)}@media (min-width:1024px){.sd-browse-btn{display:none}}.sd-sidebar{right:0;top:var(--hdr-height);width:380px;height:calc(100vh - var(--hdr-height));z-index:50;background:var(--surface);border-left:1px solid var(--border2);flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:-4px 0 24px #0000001a}.sd-sidebar-hdr{border-bottom:1px solid var(--border2);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.sd-sidebar-hdr-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text);line-height:var(--lh-tight)}.sd-sidebar-hdr-sub{font-size:var(--fs-xs);color:var(--text3);font-weight:var(--fw-medium);margin-top:2px}.sd-sidebar-close{border-radius:var(--r-sm);background:var(--bg2);border:1px solid var(--border2);width:28px;height:28px;color:var(--text3);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.sd-sidebar-close:hover{background:var(--bg3);color:var(--text)}.sd-sidebar .sd-browse{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sd-sidebar .sd-browse-tabs,.sd-sidebar .sd-browse-search{flex-shrink:0}.sd-sidebar .sd-browse-list{scrollbar-width:thin;scrollbar-color:var(--border2)transparent;flex:1;grid-template-columns:1fr;overflow:hidden auto}.sd-sidebar .sd-browse-list::-webkit-scrollbar{width:4px}.sd-sidebar .sd-browse-list::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.sd-root--sidebar-closed .sd-sidebar{display:none}.sd-root--sidebar-closed .sd-browse-btn{display:inline-flex!important}.sd-mobile-browse{display:none}.sd-panel-backdrop{z-index:150;-webkit-backdrop-filter:blur(2px);background:#00000080;animation:.2s sdBackdropIn;position:fixed;inset:0}@keyframes sdBackdropIn{0%{opacity:0}to{opacity:1}}.sd-panel{top:var(--hdr-height);z-index:160;background:var(--surface);border-left:1px solid var(--border2);will-change:transform;flex-direction:column;width:400px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #0000004d}.sd-panel--open{transform:translate(0)}.sd-panel-hdr{border-bottom:1px solid var(--border2);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.sd-panel-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text)}.sd-panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border2)transparent;flex:1;overflow-y:auto}.sd-panel-body::-webkit-scrollbar{width:4px}.sd-panel-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.sd-panel-body .sd-browse{background:0 0;border:none;border-radius:0}.sd-panel-body .sd-browse-tabs{z-index:1;border-top:none;border-left:none;border-right:none;border-radius:0;position:sticky;top:0}.sd-panel-body .sd-browse-list{grid-template-columns:1fr}@media (max-width:500px){.sd-panel{width:100%}}@keyframes playerCardLift{0%,to{box-shadow:0 1px 2px #0000000a,0 4px 16px #0000000f,0 16px 48px #00000012}50%{box-shadow:0 2px 4px #0000000d,0 8px 24px #00000014,0 24px 64px #00000017,0 0 0 1px #22c55e0d}}.sd-player-card--playing{animation:3.5s ease-in-out infinite playerCardLift}.sd-browse{background:var(--surface);border:none;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 4px 14px #0000000f,0 12px 36px #0000000f}.sd-browse-tabs{border-bottom:1px solid var(--border2);background:var(--surface);gap:6px;padding:10px 12px;display:flex}.sd-browse-tab{background:var(--bg2);border:1.5px solid var(--border2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text2);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 8px;transition:all .15s;display:flex}.sd-browse-tab:hover:not(.active){border-color:var(--border3);color:var(--text)}.sd-browse-tab.active{background:var(--gold);border-color:var(--gold);color:#fff}.sd-browse-tab-count{font-size:var(--fs-xs);font-weight:var(--fw-bold);opacity:.75}.sd-browse-tab.active .sd-browse-tab-count{opacity:.9}.sd-browse-search{border-bottom:1px solid var(--border2);background:var(--bg);align-items:center;gap:8px;padding:10px 14px;display:flex}.sd-browse-search-icon{color:var(--text3);flex-shrink:0}.sd-browse-search input{font-size:var(--fs-sm);color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.sd-browse-search input::placeholder{color:var(--text3)}.sd-browse-search-clear{background:var(--border2);cursor:pointer;width:18px;height:18px;color:var(--text2);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:flex}.sd-browse-search-clear:hover{background:var(--gold);color:#fff}.sd-browse-list{grid-template-columns:1fr;display:grid}.sd-browse-empty{text-align:center;color:var(--text3);padding:32px 16px;font-size:.875rem}.sd-browse-loadmore{background:var(--bg2);border:none;border-top:1px solid var(--border);width:100%;color:var(--text3);cursor:pointer;grid-column:1/-1;padding:14px;font-size:.875rem;font-weight:600;transition:background .12s,color .12s;display:block}.sd-browse-loadmore:hover{background:var(--bg3);color:var(--text2)}.sd-browse-empty{grid-column:1/-1}.sd-list-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:14px;height:60px;padding:0 16px;transition:background .18s,transform .15s;display:flex;overflow:hidden}.sd-list-item:last-child{border-bottom:none}.sd-list-item:hover{background:#d4a34a0f;transform:translate(4px)}.sd-list-item:active{background:var(--bg3);transform:scale(.99)}.sd-list-item.active{border-left:3px solid var(--gold);background:#d4a34a12;padding-left:13px}.sd-list-num{background:var(--bg3);border:1px solid var(--border2);width:28px;height:28px;font-size:11px;font-weight:var(--fw-bold);color:var(--text3);font-variant-numeric:tabular-nums;letter-spacing:-.01em;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sd-list-item.active .sd-list-num{border-color:var(--gold3);color:var(--gold);background:#d4a34a26}.sd-list-center{flex:1;min-width:0}.sd-list-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;overflow:hidden}.sd-list-item.active .sd-list-name{color:var(--gold);font-weight:var(--fw-bold)}.sd-list-meta{font-size:var(--fs-xs);color:var(--text3);align-items:center;gap:5px;margin-top:3px;display:flex}.sd-list-right{flex-shrink:0;justify-content:flex-end;align-items:center;min-width:80px;max-width:110px;display:flex;overflow:hidden}.sd-list-arabic{font-family:var(--font-arabic);font-size:var(--fs-2xl);color:var(--text);text-align:right;opacity:.75;direction:rtl;line-height:1.4}.sd-list-arabic--juz{font-size:18px}.sd-list-item:hover .sd-list-arabic{opacity:.9}.sd-list-item.active .sd-list-arabic{color:var(--gold3);opacity:1}.sd-list-ayah-bar{background:var(--accent);opacity:.65;vertical-align:middle;border-radius:2px;flex-shrink:0;height:3px;display:inline-block}.sd-list-wave{align-items:center;gap:2px;height:18px;display:flex}.sd-list-wave-bar{background:var(--gold);border-radius:2px;width:3px;animation:1s ease-in-out infinite sdWaveBar}.sd-list-wave-bar:first-child{height:8px}.sd-list-wave-bar:nth-child(2){height:15px}.sd-list-wave-bar:nth-child(3){height:10px}@keyframes sdWaveBar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.sd-browse-fab{bottom:calc(70px + env(safe-area-inset-bottom,0px) + 16px);z-index:95;background:linear-gradient(140deg,var(--gold3),var(--gold2));border:1px solid var(--border3);cursor:pointer;width:54px;height:54px;box-shadow:0 6px 28px var(--gold-glow2),inset 0 1px 0 #fff3;-webkit-tap-highlight-color:transparent;border-radius:16px;justify-content:center;align-items:center;transition:bottom .28s cubic-bezier(.4,0,.2,1),transform .25s,box-shadow .25s;animation:3s ease-in-out infinite fabPulse;display:none;position:fixed;right:16px}.sd-browse-fab:hover{box-shadow:0 10px 40px var(--gold-glow2);transform:scale(1.07)translateY(-2px)}.sd-browse-fab:active{transform:scale(.93)}.sd-browse-fab--raised{bottom:calc(70px + 72px + env(safe-area-inset-bottom,0px) + 16px)}@media (max-width:1023px){.sd-browse-fab{display:flex}}.sd-mini-player{z-index:90;background:var(--surface);border-top:1px solid var(--border2);padding:10px 32px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -4px 24px #0000001a}.sd-mini-player.visible{transform:translateY(0)}.sd-mini-seekbar{background:var(--border2);cursor:pointer;height:3px;transition:height .15s;position:absolute;top:0;left:0;right:0}.sd-mini-seekbar:hover{height:5px}.sd-mini-seekbar-fill{background:linear-gradient(90deg,var(--gold3),var(--gold));height:100%;transition:width .1s linear}.sd-mini-player-inner{max-width:var(--w-max);align-items:center;gap:16px;margin:0 auto;display:flex}.sd-mini-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.sd-mini-arabic{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sd-mini-name{font-size:var(--fs-xs);color:var(--text3);font-weight:var(--fw-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sd-mini-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.sd-mini-ctrl{border:1.5px solid var(--border2);width:34px;height:34px;color:var(--text2);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.sd-mini-ctrl:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.sd-mini-ctrl:disabled{opacity:.3;cursor:default}.sd-mini-play-btn{background:var(--gold);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .1s;display:flex;box-shadow:0 2px 10px #c9a84c59}.sd-mini-play-btn:active{transform:scale(.93)}.sd-mini-times{font-size:var(--fs-xs);color:var(--text3);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:3px;display:flex}.sd-mini-times-sep{opacity:.5}@media (max-width:1023px){.sd-root{padding-right:0}.sd-body{padding:20px 20px 100px}.sd-sidebar{display:none}.sd-mobile-browse{display:block}.sq-header{padding:32px 20px 24px}}@media (max-width:768px){.sd-mini-player{bottom:calc(70px + env(safe-area-inset-bottom,0px) + 8px)}.sd-root--player-open{padding-bottom:calc(70px + 80px + env(safe-area-inset-bottom,0px))}}@media (max-width:600px){.sq-header{padding:28px 16px 20px}.sq-arabic{font-size:28px}.sd-body{gap:12px;padding:12px 12px 100px}.sd-browse-list{grid-template-columns:1fr}.sd-browse{background:0 0;border:none;border-radius:0}.sd-browse-tabs{border:1px solid var(--border2);background:var(--surface);border-radius:14px 14px 0 0}.sd-browse-search{border-left:1px solid var(--border2);border-right:1px solid var(--border2);background:var(--surface)}.sd-browse-list{border:1px solid var(--border2);background:var(--surface);border-top:none;border-radius:0 0 14px 14px}.sd-list-item{height:52px;padding:0 14px}.sd-list-num{width:30px;height:30px;font-size:.8rem}.sd-list-name{font-size:.95rem}.sd-mini-player{padding:10px 16px}.sd-mini-times{display:none}.sd-back{align-items:center;min-height:40px;padding:8px 0;display:inline-flex}}.sd-player-card{border:1px solid #d4a34a38;position:relative;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000000a,0 8px 24px #00000014,0 24px 64px #0000001a,0 0 80px #d4a34a2e}.sd-player-card:before{content:"";filter:blur(48px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#d4a34a38,#0000 70%);width:340px;height:340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sd-body:before{background:radial-gradient(at 50% 15%,#d4a34a29 0%,#0000 58%);width:1000px;height:600px}[data-theme=light] .sd-root{background:radial-gradient(circle at 62% 38%,#d4a34a17,#0000 55%),radial-gradient(circle at 20% 70%,#b482280a,#0000 50%),#f5ede0}[data-theme=light] .sd-sidebar{background:var(--bg2);border-left-color:#b482282e}[data-theme=light] .sd-sidebar-hdr{background:var(--bg2);border-bottom-color:#b4822824}[data-theme=light] .sd-player-card{background:var(--surface);border-color:#d4a34a47;box-shadow:inset 0 1px #ffffffe6,0 4px 8px #0000000d,0 12px 32px #00000014,0 32px 80px #00000012,0 0 100px #d4a34a38}[data-theme=dark-green] .sd-root{background:radial-gradient(circle at 60% 35%,#d4a8430f,transparent 55%),var(--bg)}[data-theme=dark-green] .sd-sidebar{background:var(--bg2);border-left-color:var(--border2)}[data-theme=dark-green] .sd-sidebar-hdr{background:var(--bg2)}[data-theme=dark] .sd-root{background:radial-gradient(circle at 60% 35%,#22c55e0d,transparent 55%),var(--bg)}[data-theme=dark] .sd-sidebar{background:var(--bg2);border-left-color:var(--border2)}[data-theme=dark] .sd-sidebar-hdr{background:var(--bg2)}[data-theme=gold] .sd-root{background:radial-gradient(circle at 60% 35%,#d4af3714,transparent 55%),var(--bg)}[data-theme=gold] .sd-sidebar{background:var(--bg2);border-left-color:var(--border2)}[data-theme=gold] .sd-sidebar-hdr{background:var(--bg2)}[data-theme=white] .sd-root{background:radial-gradient(circle at 60% 35%,#16a34a0d,transparent 55%),var(--bg)}[data-theme=white] .sd-sidebar{background:var(--bg2);border-left-color:var(--border2)}[data-theme=white] .sd-sidebar-hdr{background:var(--bg2)}
.profile-page{background:var(--bg);min-height:100vh;padding-top:var(--hdr-height);padding-bottom:60px}.profile-topbar{background:var(--surface);border-bottom:1px solid var(--border2);z-index:50;justify-content:space-between;align-items:center;gap:12px;padding:16px 32px;display:flex;position:sticky;top:0}.profile-topbar-title{font-family:var(--font-display);color:var(--text);font-size:1.1rem;font-weight:700}@media (max-width:640px){.profile-topbar{padding:12px 16px}.profile-topbar-title{font-size:1rem}}.profile-body{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;padding:40px 32px;display:flex}@media (min-width:1920px){.profile-body{max-width:1080px}}@media (min-width:2560px){.profile-body{max-width:1200px}}@media (max-width:640px){.profile-body{padding:20px 14px}}.profile-hero-card{background:var(--surface);border:1px solid var(--border2);border-radius:20px;position:relative;overflow:hidden}.profile-hero-banner{background:linear-gradient(120deg,var(--surface3)0%,var(--bg3)100%);height:90px;position:relative}.profile-hero-banner:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c9922a' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.profile-hero-inner{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:-40px;padding:0 24px 24px;display:flex;position:relative}.profile-avatar-wrap{flex-shrink:0;position:relative}.avatar-ring{background:linear-gradient(135deg,var(--gold3),var(--gold2));border-radius:50%;width:88px;height:88px;padding:3px}.avatar-inner{background:var(--surface3);width:100%;height:100%;font-family:var(--font-display);color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:800;display:flex}.avatar-cam-btn{background:var(--gold);color:#fff;border:2px solid var(--surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .18s;display:flex;position:absolute;bottom:2px;right:2px}.avatar-cam-btn:hover{background:var(--gold3)}.profile-hero-info{flex:1;min-width:160px;padding-top:44px}.profile-hero-name{font-family:var(--font-display);color:var(--text);font-size:1.5rem;font-weight:700}.profile-hero-meta{color:var(--text3);margin-top:2px;font-size:.8rem}.profile-hero-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.badge{border-radius:999px;padding:3px 10px;font-size:.65rem;font-weight:700}.badge-amber{color:#92400e;background:#fef3c7}.badge-green{color:#166534;background:#dcfce7}.profile-hero-stats{align-items:center;gap:0;margin-left:auto;padding-top:44px;display:flex}.profile-stat-divider{background:var(--border2);width:1px;height:36px;margin:0 16px}.profile-stat-item{text-align:center}.profile-stat-val{font-family:var(--font-display);color:var(--gold);font-size:1.6rem;font-weight:900;line-height:1}.profile-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-top:3px;font-size:.6rem;font-weight:700}@media (max-width:600px){.profile-hero-inner{padding:0 16px 20px}.profile-hero-stats{justify-content:center;width:100%;margin-left:0;padding-top:8px}}.profile-tabs-card{background:var(--surface);border:1px solid var(--border2);border-radius:16px;overflow:hidden}.profile-tab-bar{border-bottom:1px solid var(--border2);scrollbar-width:none;padding:0 16px;display:flex;overflow-x:auto}.profile-tab-bar::-webkit-scrollbar{display:none}.profile-tab{font-family:var(--font-body);color:var(--text3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 18px;font-size:.825rem;font-weight:600;transition:all .15s}.profile-tab:hover{color:var(--text2)}.profile-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.tab-pane{padding:28px}@media (max-width:640px){.tab-pane{padding:20px 16px}}.profile-form-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:100%;display:grid}.col-span-2{grid-column:span 2}@media (max-width:560px){.profile-form-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}}.form-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:6px;font-size:.7rem;font-weight:700;display:block}.input-badge{border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-badge-green{color:#166534;background:#dcfce7}.profile-narrow{flex-direction:column;gap:20px;max-width:440px;display:flex}.danger-zone{border-top:1px solid var(--border2);padding-top:20px}.danger-btn{color:#dc2626;font-family:var(--font-body);cursor:pointer;background:#dc26260d;border:1.5px solid #dc26264d;border-radius:8px;align-items:center;padding:9px 16px;font-size:.8rem;font-weight:600;transition:all .18s;display:inline-flex}.danger-btn:hover{background:#dc26261a;border-color:#dc2626}.progress-stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}@media (max-width:600px){.progress-stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg2);border:1px solid var(--border2);text-align:center;cursor:default;border-radius:14px;padding:18px;transition:all .18s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,var(--gold3),var(--gold2));height:3px;transition:transform .22s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #b482281f}.stat-card:hover:before{transform:scaleX(1)}.stat-card-val{font-family:var(--font-display);color:var(--gold);font-size:2rem;font-weight:900;line-height:1}.stat-card-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-top:6px;font-size:.65rem;font-weight:700}.progress-surah-card{background:var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:20px}.surah-progress-row{border-bottom:1px solid var(--border2);align-items:center;gap:12px;padding:10px 0;display:flex}.surah-progress-row:last-child{border-bottom:none}.surah-progress-num{background:var(--surface);border:1px solid var(--border2);width:32px;height:32px;color:var(--text2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.progress-bar-track{background:var(--border2);border-radius:999px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:999px;height:100%;transition:width .4s}.achievements-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:700px){.achievements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.achievements-grid{grid-column:1fr}}.achievement-card{border:1.5px solid var(--border2);background:var(--surface);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .18s;display:flex}.achievement-card:hover{border-color:var(--gold);background:var(--gold-dim)}.achievement-card.locked{opacity:.5}.achievement-icon{background:var(--bg2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.achievement-label{color:var(--text);font-size:.85rem;font-weight:700}.achievement-desc{color:var(--text3);margin-top:2px;font-size:.72rem}
.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-back{color:var(--text3);z-index:10;align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex;position:fixed;top:20px;left:20px}.auth-back:hover{color:var(--gold)}.auth-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:40px 36px;position:relative}.auth-card:before{content:"";background:linear-gradient(to right,transparent,var(--gold2),transparent);border-radius:1px;height:2px;position:absolute;top:-1px;left:32px;right:32px}@media (max-width:480px){.auth-card{padding:32px 22px}}.auth-logo{justify-content:center;margin-bottom:28px;display:flex}.auth-tabs{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r-full);margin-bottom:28px;padding:4px;display:flex}.auth-tab{border-radius:var(--r-full);cursor:pointer;color:var(--text3);font-size:13.5px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;flex:1;padding:8px 16px;transition:all .2s}.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-input-wrap{position:relative}.auth-input-wrap .input{padding-right:44px}.auth-eye{cursor:pointer;color:var(--text3);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.auth-eye:hover{color:var(--text2)}.auth-meta{justify-content:space-between;align-items:center;font-size:13px;display:flex}.auth-remember{color:var(--text3);cursor:pointer;align-items:center;gap:8px;display:flex}.auth-remember input[type=checkbox]{width:15px;height:15px;accent-color:var(--gold);cursor:pointer}.auth-forgot{color:var(--gold);font-weight:500;text-decoration:none;transition:color .2s}.auth-forgot:hover{color:var(--gold2)}.auth-error{background:var(--danger-dim);border-radius:var(--r-sm);color:var(--danger);border:1px solid #dc262638;padding:10px 14px;font-size:13px;line-height:1.55}.auth-success{background:var(--success-dim);border-radius:var(--r-sm);color:var(--success);border:1px solid #16a34a38;padding:10px 14px;font-size:13px;line-height:1.55}.auth-divider{color:var(--text3);align-items:center;gap:12px;margin:2px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border2);flex:1;height:1px}.auth-google{border-radius:var(--r-sm);border:1px solid var(--border2);background:var(--surface2);width:100%;color:var(--text);font-size:13.5px;font-weight:500;font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;transition:all .2s;display:flex}.auth-google:hover{border-color:var(--border3);background:var(--surface3)}.auth-footer{text-align:center;margin-top:22px}.auth-footer-link{color:var(--text3);font-size:13px;text-decoration:none;transition:color .2s}.auth-footer-link:hover{color:var(--gold)}.fp-page{font-family:var(--font-body);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px 16px;display:flex;position:relative}.fp-glow{pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 50% 44%,#c9922a12 0%,#0000 70%);position:fixed;inset:0}.fp-logo{z-index:1;align-items:center;gap:10px;margin-bottom:24px;text-decoration:none;display:flex;position:relative}.fp-logo-icon{background:var(--gold);width:38px;height:38px;font-family:var(--font-arabic);color:#fff;border-radius:9px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.fp-logo-text{font-family:var(--font-display);color:var(--text);font-size:1.3rem;font-weight:700}.fp-logo-text span{color:var(--gold)}.fp-card{background:var(--surface);border:1px solid var(--border2);width:100%;max-width:440px;box-shadow:var(--shadow-sm),0 20px 48px #b482281f;z-index:1;border-radius:20px;position:relative;overflow:hidden}.fp-card:before{content:"";background:linear-gradient(90deg,var(--gold3),var(--gold2),var(--gold3));height:3px;position:absolute;top:0;left:0;right:0}.fp-card-body{padding:32px 32px 36px}.fp-steps{align-items:center;margin-bottom:28px;display:flex}.fp-step{align-items:center;gap:8px;display:flex}.fp-step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;transition:all .3s;display:flex}.fp-step-dot.done{color:#fff;background:#1a7a4a}.fp-step-dot.active{background:var(--gold3);color:#fff;box-shadow:0 0 0 3px #9a6e1a33}.fp-step-dot.pending{background:var(--bg2);border:1.5px solid var(--border);color:var(--text3)}.fp-step-label{color:var(--text3);font-size:.72rem;font-weight:600}.fp-step-label.active{color:var(--gold3)}.fp-step-label.done{color:#1a7a4a}.fp-step-line{background:var(--border2);flex:1;height:1.5px;margin:0 8px;transition:background .3s}.fp-step-line.done{background:#1a7a4a}.fp-icon{background:linear-gradient(135deg,var(--bg2),var(--surface2,#faf3e0));border:1.5px solid var(--border);width:58px;height:58px;color:var(--gold3);border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.fp-title{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:1.55rem;font-weight:700}.fp-sub{color:var(--text3);margin-bottom:26px;font-size:.83rem;line-height:1.65}.fp-alert{border-radius:9px;align-items:flex-start;gap:9px;margin-bottom:16px;padding:11px 13px;font-size:.81rem;display:none}.fp-alert.show{display:flex}.fp-alert-error{color:#c0392b;background:#c0392b12;border:1px solid #c0392b2e}.fp-alert-success{color:#1a7a4a;background:#1a7a4a12;border:1px solid #1a7a4a2e}.fp-field{margin-bottom:16px}.fp-field-label{color:var(--text2);margin-bottom:6px;font-size:.79rem;font-weight:600;display:block}.fp-field-wrap{position:relative}.fp-field-input{background:var(--bg);border:1.5px solid var(--border2);width:100%;font-family:var(--font-body);color:var(--text);border-radius:9px;outline:none;padding:11px 14px;font-size:.88rem;transition:all .2s}.fp-field-input::placeholder{color:var(--text3)}.fp-field-input:focus{border-color:var(--gold);background:var(--surface);box-shadow:0 0 0 3px #c9922a1c}.fp-field-input.has-icon{padding-right:42px}.fp-field-icon{color:var(--text3);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .18s;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.fp-field-icon:hover{color:var(--gold3)}.fp-field-error{color:#c0392b;margin-top:4px;font-size:.72rem}.fp-field.has-error .fp-field-input{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b1a}.fp-strength-wrap{gap:4px;margin-top:8px;display:flex}.fp-strength-bar{background:var(--border2);border-radius:2px;flex:1;height:3px;transition:background .3s}.fp-strength-label{margin-top:4px;font-size:.7rem;font-weight:600}.fp-req-list{grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:8px;margin-bottom:4px;display:grid}.fp-req-item{color:var(--text3);align-items:center;gap:6px;font-size:.72rem;transition:color .2s;display:flex}.fp-req-item.met{color:#1a7a4a}.fp-req-dot{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:all .2s;display:flex}.fp-req-item.met .fp-req-dot{background:#1a7a4a;border-color:#1a7a4a}.fp-btn-submit{background:var(--gold);color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:12px 20px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.fp-btn-submit:hover{background:var(--gold3);transform:translateY(-1px);box-shadow:0 6px 20px #b4822838}.fp-btn-submit:disabled{opacity:.5;pointer-events:none}.fp-btn-submit.loading{pointer-events:none;opacity:.8}.fp-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite fp-spin;display:none}.fp-btn-submit.loading .fp-spinner{display:block}.fp-btn-submit.loading .fp-btn-txt{opacity:.75}@keyframes fp-spin{to{transform:rotate(360deg)}}.fp-back-link{color:var(--text3);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.8rem;text-decoration:none;transition:color .18s;display:flex}.fp-back-link:hover{color:var(--gold3)}.fp-back-page-link{color:var(--text3);z-index:1;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:10px;font-size:.8rem;text-decoration:none;transition:color .18s;display:flex;position:relative}.fp-back-page-link:hover{color:var(--gold3)}.fp-resend-wrap{color:var(--text3);text-align:center;margin-top:4px;font-size:.8rem}.fp-resend-wrap button{color:var(--gold3);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none;padding:0;transition:color .18s}.fp-resend-wrap button:hover{color:var(--gold)}.fp-resend-wrap button:disabled{color:var(--text3);cursor:default}.fp-success{text-align:center;padding:8px 0}.fp-success-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.fp-success-title{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1.4rem;font-weight:700}.fp-success-sub{color:var(--text3);margin-bottom:24px;font-size:.84rem;line-height:1.65}.fp-success-sub strong{color:var(--text2)}.ve-envelope-wrap{width:80px;height:80px;margin:0 auto 24px;position:relative}.ve-envelope-icon{background:linear-gradient(135deg,var(--bg2),var(--surface2,#faf3e0));border:1.5px solid var(--border);width:80px;height:80px;color:var(--gold3);border-radius:18px;justify-content:center;align-items:center;animation:3s ease-in-out infinite ve-float;display:flex}@keyframes ve-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ve-envelope-badge{background:var(--gold);border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:-6px;right:-6px}.ve-info-box{background:var(--bg2);border:1px solid var(--border2);border-radius:10px;margin-bottom:20px;padding:12px 14px}.ve-info-row{color:var(--text2);align-items:center;gap:8px;font-size:.8rem;display:flex}.ve-info-row+.ve-info-row{margin-top:6px}.ve-info-row svg{color:var(--gold3);flex-shrink:0}.ve-otp-label{color:var(--text2);text-align:left;margin-bottom:12px;font-size:.79rem;font-weight:600}.ve-otp-wrap{justify-content:center;gap:10px;margin-bottom:6px;display:flex}.ve-otp-input{background:var(--bg);border:1.5px solid var(--border2);width:52px;height:58px;font-family:var(--font-body);color:var(--text);text-align:center;caret-color:var(--gold);border-radius:11px;outline:none;font-size:1.5rem;font-weight:700;transition:all .2s}.ve-otp-input:focus{border-color:var(--gold);background:var(--surface);box-shadow:0 0 0 3px #c9922a21}.ve-otp-input.filled{border-color:var(--gold);background:var(--surface)}.ve-otp-input.error{background:#c0392b08;border-color:#c0392b;animation:.4s ve-shake}@keyframes ve-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.ve-success-icon{color:#1a7a4a;background:#1a7a4a1a;border:2px solid #1a7a4a33;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) ve-pop;display:flex}@keyframes ve-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ve-spinner-wrap{justify-content:center;margin:16px 0;display:flex}.ve-spinner{border:3px solid var(--border2);border-top-color:var(--gold);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite fp-spin}@media (max-width:480px){.fp-card-body{padding:22px 18px 26px}.fp-title{font-size:1.3rem}.fp-req-list{grid-template-columns:1fr}.ve-otp-input{width:44px;height:52px;font-size:1.3rem}.ve-otp-wrap{gap:8px}}

.pd-root{background:var(--bg);min-height:100vh;padding-top:var(--hdr-height)}.pd-root--player-open{padding-bottom:80px}@media (max-width:600px){.pd-root--player-open{padding-bottom:96px}}.pd-loading{background:var(--bg);min-height:100vh;color:var(--text3);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.pd-loading-spinner{border:3px solid var(--border2);border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pd-hero{padding:28px 32px}.pd-hero-num{font-family:var(--font-display);color:#e8b84b12;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:7rem;font-weight:700;line-height:1;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.pd-hero-inner{max-width:var(--w-max);margin:0 auto;animation:.5s both fadeUp;position:relative}.pd-back{color:#e8b84bb3;align-items:center;gap:6px;margin-bottom:16px;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.pd-back:hover{color:var(--gold2)}.pd-hero-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pd-hero-content{align-items:center;gap:16px;display:flex}.pd-hero-badge{width:44px;height:44px;font-family:var(--font-display);color:var(--gold2);border:2px solid #e8b84b66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.pd-hero-title{font-family:var(--font-display);color:#f5ead4;margin-bottom:4px;font-size:1.7rem;font-weight:700;line-height:1.2}.pd-hero-surahs{color:#e8b84bbf;font-size:.85rem}.pd-hero-arabic{font-family:var(--font-arabic);font-size:1rem}.pd-hero-surahname{color:#c9a87c}.pd-hero-stats{flex-wrap:wrap;gap:10px;display:flex}.pd-hero-stat{text-align:center;background:#ffffff14;border:1px solid #e8b84b4d;border-radius:10px;flex-direction:column;gap:2px;padding:10px 18px;display:flex}.pd-hero-stat-num{font-family:var(--font-display);color:var(--gold2);font-size:1.2rem;font-weight:700}.pd-hero-stat-label{color:#c9a87c;text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:600}.pd-body{max-width:var(--w-max);grid-template-columns:minmax(0,560px) 1fr;align-items:start;gap:28px;margin:0 auto;padding:28px 40px;animation:.5s .12s both fadeUp;display:grid}@media (max-width:900px){.pd-body{grid-template-columns:1fr}}.pd-player-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-xl);overflow:hidden}.pd-no-audio{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 32px;display:flex}.pd-no-audio-title{color:var(--text2);font-size:.95rem;font-weight:600}.pd-no-audio-sub{color:var(--text3);max-width:260px;font-size:.82rem;line-height:1.5}.pd-page-nav{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.pd-nav-btn{border:1.5px solid var(--border2);background:var(--bg);font-family:var(--font-body);color:var(--text2);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:.82rem;font-weight:600;transition:all .18s;display:flex}.pd-nav-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.pd-nav-btn:disabled{opacity:.4;cursor:not-allowed}.pd-nav-label{color:var(--text3);white-space:nowrap;font-size:.8rem;font-weight:600}.pd-segments{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-lg);overflow:hidden}.pd-segments-title{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border2);padding:14px 18px;font-size:.78rem;font-weight:700}.pd-segment-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 18px;transition:background .15s;display:flex}.pd-segment-row:last-child{border-bottom:none}.pd-segment-row:hover{background:var(--bg2)}.pd-seg-num{border:1.5px solid var(--border2);width:26px;height:26px;color:var(--text3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.pd-seg-info{flex:1;min-width:0}.pd-seg-arabic{font-family:var(--font-arabic);color:var(--text);text-align:left;direction:rtl;font-size:1rem}.pd-seg-name{color:var(--text2);font-size:.8rem;font-weight:500}.pd-seg-times{color:var(--text3);flex-shrink:0;align-items:center;gap:4px;font-family:monospace;font-size:.78rem;font-weight:600;display:flex}.pd-seg-arrow{color:var(--border3)}.pd-playing-info{background:var(--gold-dim);border:1px solid var(--border2);border-radius:var(--r-md);margin-top:12px;padding:12px 16px}.pd-playing-label{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.pd-playing-surah{color:var(--text);margin-top:2px;font-size:.88rem;font-weight:600}@media (max-width:640px){.pd-hero{padding:20px 16px}.pd-body{padding:16px}.pd-hero-title{font-size:1.3rem}.pd-hero-num{font-size:4rem;right:16px}}
.scan-root{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;padding:24px 16px;display:flex}.scan-brand{align-items:center;gap:10px;display:flex}.scan-logo-wrap{justify-content:center;align-items:center;display:flex}.scan-brand-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.scan-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 4px 32px #00000014}.scan-card-top{text-align:center;border-bottom:1px solid var(--border);background:var(--surface2);padding:32px 28px 24px}.scan-opening{color:var(--gold);direction:rtl;margin-bottom:14px;font-family:Noto Naskh Arabic,serif;font-size:1.1rem}.scan-title{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:1.6rem;font-weight:700}.scan-title-sub{color:var(--text3);direction:rtl;unicode-bidi:plaintext;margin-bottom:10px;font-size:.85rem}.scan-subtitle{color:var(--text2);font-size:.875rem}.scan-loading{justify-content:center;padding:40px;display:flex}.scan-spinner{border:2.5px solid var(--border2);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.scan-lang-list{flex-direction:column;gap:8px;padding:12px;display:flex}.scan-lang-btn{background:var(--bg);border:1.5px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,background .15s,transform .1s;display:flex}.scan-lang-btn:hover{border-color:var(--gold);background:var(--surface2)}.scan-lang-btn:active{transform:scale(.98)}.scan-lang-flag{flex-shrink:0;font-size:1.8rem;line-height:1}.scan-lang-info{flex-direction:column;flex:1;gap:2px;display:flex}.scan-lang-name{color:var(--text);font-size:.95rem;font-weight:600}.scan-lang-native{color:var(--text2);font-size:.8rem}.scan-lang-arrow{color:var(--text3);flex-shrink:0}.scan-speaker-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);padding:4px 4px 0;font-size:.75rem;font-weight:600}.scan-back-btn{color:var(--gold);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:8px;padding:0;font-size:.8rem;font-weight:600;transition:opacity .15s;display:inline-flex}.scan-back-btn:hover{opacity:.75}@media (max-width:480px){.scan-root{justify-content:flex-start;gap:0;padding:0}.scan-brand{padding:24px 20px 16px}.scan-card{max-width:100%;box-shadow:none;border-left:none;border-right:none;border-radius:0;flex:1}.scan-card-top{border-radius:0;padding:24px 20px 20px}.scan-title{font-size:1.4rem}.scan-lang-list{padding:10px 10px 24px}.scan-lang-btn{border-radius:14px;min-height:60px;padding:16px 14px}.scan-lang-btn:hover{transform:none}.scan-lang-btn:active{transform:scale(.97)}.scan-lang-flag{font-size:2rem}.scan-lang-name{font-size:1rem}}
.lib-root{background:var(--bg);min-height:100vh;padding-top:var(--hdr-height)}.lib-hero-inner:before{content:"";background:var(--gold);border-radius:2px;width:40px;height:3px;margin-bottom:12px;display:block}.lib-hero-inner{max-width:var(--w-max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;animation:.5s both fadeUp;display:flex;position:relative}.lib-hero-title{font-family:var(--font-display);font-size:1.7rem;font-weight:var(--fw-bold);color:var(--text);line-height:var(--lh-tight)}.lib-hero-sub{font-size:var(--fs-sm);color:var(--text2);margin-top:4px}.lib-hero-arabic{font-family:var(--font-arabic);font-size:var(--fs-2xl);color:var(--gold);direction:rtl;margin-bottom:5px}.lib-filters{background:var(--bg2);border-bottom:1px solid var(--border);padding:12px 32px}.lib-filters-inner{max-width:var(--w-max);flex-wrap:wrap;align-items:center;gap:12px;margin:0 auto;display:flex}.lib-filter-group{flex-shrink:0;align-items:center;gap:8px;display:flex}.lib-filter-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--text3);white-space:nowrap}.lib-select{border-radius:var(--radius-btn);border:1.5px solid var(--border2);background:var(--bg);height:36px;color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23c9a84c' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;min-width:160px;padding:0 32px 0 12px;transition:border-color .15s}.lib-select:focus{border-color:var(--gold);outline:none}.lib-filter-divider{background:var(--border2);flex-shrink:0;width:1px;height:24px}.lib-search{background:var(--bg);border:1.5px solid var(--border2);border-radius:var(--radius-btn);flex:1;align-items:center;gap:8px;min-width:160px;max-width:320px;height:36px;padding:0 12px;transition:border-color .15s;display:flex}.lib-search:focus-within{border-color:var(--gold)}.lib-search-input{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0}.lib-search-input::placeholder{color:var(--text3)}.lib-tab-bar{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 32px}.lib-tab-bar-inner{max-width:var(--w-max);align-items:center;margin:0 auto;display:flex}.lib-tab{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;padding:12px 22px;transition:all .15s}.lib-tab:hover{color:var(--text2)}.lib-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.lib-tab-count{font-size:var(--fs-xs);background:var(--border2);font-weight:var(--fw-bold);color:var(--text3);border-radius:10px;margin-left:5px;padding:1px 7px}.lib-tab.active .lib-tab-count{background:var(--gold-dim);color:var(--gold)}.lib-content{max-width:var(--w-max);margin:0 auto;padding:24px 32px;animation:.5s .14s both fadeUp}@media (max-width:640px){.lib-hero,.lib-filters,.lib-tab-bar{padding-left:16px;padding-right:16px}.lib-content{padding:16px}.lib-view-toggle{justify-content:flex-end;width:100%;margin-left:0}}.lib-view-toggle{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.lib-view-btn{border-radius:var(--radius-btn);border:1.5px solid var(--border2);background:var(--bg);width:32px;height:32px;color:var(--text3);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.lib-view-btn.active{border-color:var(--gold);background:var(--gold-dim);color:var(--gold)}.lib-col-divider{background:var(--border2);flex-shrink:0;width:1px;height:20px;margin:0 4px}.lib-col-btn{border-radius:var(--radius-btn);border:1.5px solid var(--border2);min-width:26px;height:26px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text3);cursor:pointer;background:0 0;padding:0 6px;transition:all .15s}.lib-col-btn.active{border-color:var(--gold);background:var(--gold-dim);color:var(--gold)}.lib-grid{grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px;display:grid}@media (max-width:768px){.lib-grid{grid-template-columns:1fr!important}}.lib-grid-view{grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px;display:grid}@media (max-width:768px){.lib-grid-view{grid-template-columns:repeat(2,1fr)!important}}.lib-grid-card{padding:var(--space-4)var(--space-3)var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-sm);grid-template-rows:auto auto auto;grid-template-columns:36px 1fr;align-items:center;gap:2px 8px;transition:box-shadow .2s,transform .2s;display:grid;position:relative}.lib-grid-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lib-grid-card.playing{border-color:var(--gold);background:var(--gold-dim,#c9a84c14)}.lib-grid-play{background:var(--surface);border:1.5px solid var(--border2);width:26px;height:26px;color:var(--text2);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:8px;right:8px}.lib-grid-play:hover{background:var(--gold);border-color:var(--gold);color:#fff}.lib-grid-card.playing .lib-grid-play{background:var(--gold3);border-color:var(--gold3);color:#fff;box-shadow:0 0 0 3px var(--gold-glow2),0 2px 8px #0000002e}.lib-grid-num{border-radius:var(--radius-btn);background:var(--surface);border:1px solid var(--border2);width:32px;height:32px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text2);grid-area:1/1;justify-content:center;align-items:center;display:flex}.lib-grid-card.playing .lib-grid-num{background:var(--gold);border-color:var(--gold);color:#fff}.lib-grid-arabic{font-size:var(--fs-2xl);color:var(--text);text-align:right;line-height:var(--lh-snug);direction:rtl;grid-area:1/2;padding-right:28px}.lib-grid-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text2);white-space:nowrap;text-overflow:ellipsis;grid-area:2/1/auto/-1;overflow:hidden}.lib-grid-meta{font-size:var(--fs-xs);color:var(--text3);font-weight:var(--fw-medium);grid-area:3/1/auto/-1}.lib-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;display:flex;position:relative}.lib-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.lib-item.playing{border-color:var(--gold);background:var(--gold-dim,#c9a84c14)}.lib-play{background:var(--surface);border:1.5px solid var(--border2);width:42px;height:42px;color:var(--text2);cursor:pointer;z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s,transform .1s;display:flex}.lib-play:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:scale(1.08)}.lib-item.playing .lib-play{background:var(--gold3);border-color:var(--gold3);color:#fff;box-shadow:0 0 0 3px var(--gold-glow2),0 2px 8px #0000002e}.lib-num{border-radius:var(--radius-btn);background:var(--surface);border:1px solid var(--border2);width:30px;height:30px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text2);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lib-item.playing .lib-num{background:var(--gold3);border-color:var(--gold3);color:#fff}.lib-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lib-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lib-arabic{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--text2);text-align:right;line-height:var(--lh-snug);direction:rtl;flex-shrink:0}.lib-meta{font-size:var(--fs-xs);color:var(--text3);font-weight:var(--fw-medium)}.lib-actions{z-index:2;flex-shrink:0;align-items:center;gap:4px;display:flex}.lib-action-btn{border-radius:var(--radius-btn);border:1.5px solid var(--border2);background:var(--bg);width:30px;height:30px;color:var(--text3);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:all .15s;display:flex}.lib-action-btn:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.lib-simple-grid{grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px;display:grid}@media (max-width:768px){.lib-simple-grid{grid-template-columns:1fr!important}}.lib-simple-grid-view{grid-template-columns:repeat(var(--lib-cols,3),1fr);gap:10px;display:grid}@media (max-width:768px){.lib-simple-grid-view{grid-template-columns:repeat(2,1fr)!important}}.lib-simple-card{text-align:center;padding:var(--space-4)var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:5px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.lib-simple-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lib-simple-card .lib-num{width:36px;height:36px;font-size:var(--fs-sm)}.lib-simple-card .lib-arabic{font-size:var(--fs-base);margin-top:4px}.lib-simple-card .lib-name{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.lib-simple-card .lib-meta{font-size:var(--fs-xs)}.lib-simple-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-sm);text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.lib-simple-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}[data-theme=dark-green] .lib-item,[data-theme=dark-green] .lib-grid-card,[data-theme=dark-green] .lib-simple-card,[data-theme=dark-green] .lib-simple-item,[data-theme=dark] .lib-item,[data-theme=dark] .lib-grid-card,[data-theme=dark] .lib-simple-card,[data-theme=dark] .lib-simple-item,[data-theme=gold] .lib-item,[data-theme=gold] .lib-grid-card,[data-theme=gold] .lib-simple-card,[data-theme=gold] .lib-simple-item{background:var(--bg2);border:1.5px solid var(--border2);box-shadow:none}[data-theme=dark-green] .lib-item:hover,[data-theme=dark-green] .lib-grid-card:hover,[data-theme=dark-green] .lib-simple-card:hover,[data-theme=dark-green] .lib-simple-item:hover,[data-theme=dark] .lib-item:hover,[data-theme=dark] .lib-grid-card:hover,[data-theme=dark] .lib-simple-card:hover,[data-theme=dark] .lib-simple-item:hover,[data-theme=gold] .lib-item:hover,[data-theme=gold] .lib-grid-card:hover,[data-theme=gold] .lib-simple-card:hover,[data-theme=gold] .lib-simple-item:hover{border-color:var(--gold);box-shadow:0 4px 20px #0000004d}[data-theme=light] .lib-item,[data-theme=light] .lib-grid-card,[data-theme=light] .lib-simple-card,[data-theme=light] .lib-simple-item,[data-theme=white] .lib-item,[data-theme=white] .lib-grid-card,[data-theme=white] .lib-simple-card,[data-theme=white] .lib-simple-item{box-shadow:var(--shadow-card);border:none}[data-theme=light] .lib-item:hover,[data-theme=light] .lib-grid-card:hover,[data-theme=light] .lib-simple-card:hover,[data-theme=light] .lib-simple-item:hover,[data-theme=white] .lib-item:hover,[data-theme=white] .lib-grid-card:hover,[data-theme=white] .lib-simple-card:hover,[data-theme=white] .lib-simple-item:hover{box-shadow:var(--shadow-md)}[data-theme=light] .lib-item.playing,[data-theme=light] .lib-grid-card.playing,[data-theme=white] .lib-item.playing,[data-theme=white] .lib-grid-card.playing{box-shadow:0 0 0 1.5px var(--gold),var(--shadow-card)}@keyframes libWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.lib-wave{align-items:center;gap:2px;height:16px;display:flex}.lib-wave span{background:var(--gold);transform-origin:bottom;border-radius:2px;width:3px;animation:.8s ease-in-out infinite libWave}.lib-wave span:nth-child(2){height:10px;animation-delay:.15s}.lib-wave span:nth-child(3){height:14px;animation-delay:.3s}.lib-wave span:first-child{height:8px}.lib-wave span:nth-child(4){height:6px;animation-delay:.45s}.lib-empty{text-align:center;color:var(--text3);grid-column:1/-1;padding:60px 20px}.lib-empty-icon{margin-bottom:10px;font-size:2.2rem}[data-theme=light] .lib-root{background:radial-gradient(circle at 78% 18%,#d4a34a12,#0000 55%),radial-gradient(circle at 15% 80%,#b482280a,#0000 50%),#e8dcc8}[data-theme=light] .lib-filters{background:var(--bg);z-index:3;border-bottom:1px solid #b482281f;border-radius:16px 16px 0 0;margin-top:-20px;position:relative;box-shadow:0 -6px 24px #0000000a}[data-theme=light] .lib-tab-bar{background:var(--bg);z-index:3;border-bottom:1px solid #b482281a;position:relative}[data-theme=light] .lib-item,[data-theme=light] .lib-grid-card,[data-theme=light] .lib-simple-card,[data-theme=light] .lib-simple-item{background:var(--surface);border:1px solid #ece0cc;box-shadow:0 2px 8px #0000000a,0 1px 3px #00000008}[data-theme=light] .lib-item:hover,[data-theme=light] .lib-grid-card:hover,[data-theme=light] .lib-simple-card:hover,[data-theme=light] .lib-simple-item:hover{border-color:#b4822840;transform:translateY(-3px);box-shadow:0 14px 32px #00000017,0 4px 10px #0000000d}[data-theme=dark-green] .lib-filters,[data-theme=dark] .lib-filters,[data-theme=gold] .lib-filters{background:var(--bg);z-index:3;border-radius:16px 16px 0 0;margin-top:-20px;position:relative;box-shadow:0 -6px 24px #0003}[data-theme=dark-green] .lib-tab-bar,[data-theme=dark] .lib-tab-bar,[data-theme=gold] .lib-tab-bar{background:var(--bg);z-index:3;position:relative}[data-theme=white] .lib-filters{background:var(--bg);z-index:3;border-radius:16px 16px 0 0;margin-top:-20px;position:relative;box-shadow:0 -4px 20px #0000000d}[data-theme=white] .lib-tab-bar{background:var(--bg);z-index:3;position:relative}
.pol-root{background:var(--bg);min-height:100vh;padding-top:var(--hdr-height);padding-bottom:100px}.page-hero.pol-hero{text-align:center;padding:56px 28px 48px}.pol-hero-inner{z-index:2;max-width:860px;margin:0 auto;animation:.45s both fadeUp;position:relative}.pol-eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--gold);text-transform:uppercase;letter-spacing:.12em;opacity:.85;margin-bottom:14px;display:inline-block}.pol-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(2rem,4vw,2.9rem);font-weight:700;line-height:1.2}.pol-subtitle{font-size:var(--fs-base);color:var(--text3);line-height:var(--lh-relaxed);margin:0}.pol-body{max-width:800px;margin:0 auto;padding:60px 28px 40px}.pol-intro{font-size:var(--fs-lg);color:var(--text2);line-height:var(--lh-relaxed);border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:36px}.pol-section{margin-bottom:44px}.pol-h2{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text);letter-spacing:-.015em;margin:0 0 16px;font-weight:700;line-height:1.3}.pol-h3{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px}.pol-p{font-size:var(--fs-base);color:var(--text2);line-height:var(--lh-relaxed);margin:0 0 14px}.pol-p:last-child{margin-bottom:0}.pol-p strong{color:var(--text);font-weight:var(--fw-semibold)}.pol-body a{color:var(--gold);font-weight:var(--fw-medium);text-decoration:none;transition:opacity .15s}.pol-body a:hover{opacity:.75}.pol-body code{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r-xs);color:var(--text2);padding:2px 7px;font-family:Courier New,Courier,monospace;font-size:.875em}.pol-list{flex-direction:column;gap:11px;margin:0 0 14px;padding:0;list-style:none;display:flex}.pol-list li{font-size:var(--fs-base);color:var(--text2);line-height:var(--lh-snug);align-items:flex-start;gap:12px;display:flex}.pol-list li:before{content:"—";color:var(--gold);font-weight:var(--fw-bold);opacity:.8;flex-shrink:0;margin-top:1px}.pol-divider{border:none;border-top:1px solid var(--border);margin:36px 0}.pol-contact-email{background:var(--bg2);border:1.5px solid var(--border2);border-radius:var(--r-md);align-items:center;gap:10px;margin:16px 0 24px;padding:14px 24px;text-decoration:none;transition:border-color .18s,box-shadow .18s,color .18s;display:inline-flex}.pol-contact-email:hover{border-color:var(--gold);box-shadow:0 4px 18px var(--gold-glow)}.pol-contact-email-label{font-size:var(--fs-xs);color:var(--text3);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.08em;display:block}.pol-contact-email-addr{font-size:var(--fs-base);color:var(--gold);font-weight:var(--fw-semibold);display:block}.pol-highlight{background:var(--bg2);border:1px solid var(--border2);border-left:3px solid var(--gold);border-radius:0 var(--r-sm)var(--r-sm)0;margin:20px 0;padding:16px 20px}.pol-highlight .pol-p{font-size:var(--fs-sm);color:var(--text2);margin:0;font-style:italic}.pol-footer{border-top:1px solid var(--border);max-width:800px;margin:0 auto;padding:32px 28px 0}.pol-footer-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}.pol-footer-links{flex-wrap:wrap;gap:6px 0;display:flex}.pol-footer-links a{font-size:var(--fs-sm);color:var(--text3);border-right:1px solid var(--border2);margin-right:14px;padding:4px 14px 4px 0;line-height:1.4;text-decoration:none;transition:color .15s}.pol-footer-links a:last-child{border-right:none;margin-right:0}.pol-footer-links a:hover{color:var(--gold)}@media (max-width:768px){.page-hero.pol-hero{padding:40px 20px 36px}.pol-title{font-size:1.75rem}.pol-body{padding:40px 20px 32px}.pol-footer{padding:28px 20px 0}.pol-footer-links a{border-right:none;width:100%;margin-right:0;padding-right:0}}
.adm-root{background:var(--bg);height:100vh;color:var(--text);font-family:var(--font-body);display:flex;overflow:hidden}.adm-sidebar{background:var(--surface);border-right:1px solid var(--border2);flex-direction:column;flex-shrink:0;transition:width .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.adm-sidebar.open{width:240px}.adm-sidebar.closed{width:66px}.adm-logo{border-bottom:1px solid var(--border2);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;height:64px;padding:0 17px;display:flex;overflow:hidden}.adm-logo-icon{background:var(--gold);width:32px;min-width:32px;height:32px;font-family:var(--font-arabic);color:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.adm-logo-text{font-family:var(--font-display);color:var(--text);white-space:nowrap;font-size:1.1rem;font-weight:700}.adm-logo-text span{color:var(--gold)}.adm-logo-text em{color:var(--text3);letter-spacing:.1em;vertical-align:middle;font-size:.6rem;font-style:normal;font-weight:700;font-family:var(--font-body);margin-left:6px}.adm-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.adm-nav-item{color:var(--text2);white-space:nowrap;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;overflow:hidden}.adm-nav-item:hover{color:var(--text);border-left-color:var(--gold2);background:#c9922a14}.adm-nav-item.active{color:var(--gold3);border-left-color:var(--gold);background:#c9922a1a;font-weight:600}.adm-nav-icon{flex-shrink:0;align-items:center;width:20px;display:flex}.adm-nav-label{overflow:hidden}.adm-sidebar-footer{border-top:1px solid var(--border2);padding:10px 8px}.adm-logout{color:#c0392b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;font-size:.85rem;font-weight:500;transition:background .15s;display:flex;overflow:hidden}.adm-logout:hover{background:#c0392b12}.adm-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.adm-topbar{background:var(--surface);border-bottom:1px solid var(--border2);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.adm-topbar-left{align-items:center;gap:16px;display:flex}.adm-topbar-right{align-items:center;gap:12px;display:flex}.adm-menu-btn{border:1px solid var(--border2);background:var(--bg);width:36px;height:36px;color:var(--text2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.adm-menu-btn:hover{border-color:var(--gold);color:var(--gold)}.adm-status-badge{background:var(--bg);border:1px solid var(--border2);color:#1a7a4a;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:700}.adm-theme-btn{border:1px solid var(--border2);background:var(--bg);width:34px;height:34px;color:var(--text2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.adm-theme-btn:hover{border-color:var(--gold);color:var(--gold)}.adm-profile-wrap{position:relative}.adm-avatar{background:var(--gold);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.72rem;font-weight:700;display:flex}.adm-profile-dropdown{background:var(--surface);border:1px solid var(--border2);z-index:100;border-radius:12px;min-width:180px;padding:10px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #00000026}.adm-profile-name{color:var(--text);padding:6px 16px;font-size:.85rem;font-weight:600}.adm-profile-role{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;padding:0 16px 8px;font-size:.72rem}.adm-profile-hr{border:none;border-top:1px solid var(--border2);margin:0}.adm-profile-logout{color:#c0392b;cursor:pointer;width:100%;font-size:.85rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;transition:background .15s;display:flex}.adm-profile-logout:hover{background:#c0392b12}.adm-content{background:var(--bg);flex:1;padding:36px 40px;overflow-y:auto}.adp-page{width:100%}.adp-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.adp-page-title{font-family:var(--font-display);color:var(--text);margin:0 0 6px;font-size:1.8rem;font-weight:700}.adp-page-sub{color:var(--text3);margin:0;font-size:.88rem}.adp-stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.adp-stat-card{background:var(--surface);border:1px solid var(--border2);border-radius:14px;flex-direction:column;gap:10px;padding:24px 28px;display:flex}.adp-stat-card.accent{border-left:4px solid var(--gold)}.adp-stat-value{color:var(--text);font-size:2.4rem;font-weight:800;font-family:var(--font-display);line-height:1}.adp-stat-card.accent .adp-stat-value{color:var(--gold)}.adp-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text3);font-size:.78rem;font-weight:700}.adp-card{background:var(--surface);border:1px solid var(--border2);border-radius:12px;overflow:hidden}.adp-card-header{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.adp-card-title{color:var(--text);font-size:.88rem;font-weight:700}.adp-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.adp-list{padding:4px 0}.adp-list-row{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;padding:14px 24px;font-size:.88rem;display:flex}.adp-list-row:last-child{border-bottom:none}.adp-list-label{color:var(--text2)}.adp-quick-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.adp-quick-item{border:1px solid var(--border2);background:var(--bg);color:var(--text2);border-radius:10px;align-items:center;gap:12px;padding:16px 18px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.adp-quick-item:hover{border-color:var(--gold);color:var(--gold3);background:#c9922a0d}.adp-quick-icon{font-size:1.3rem}.adp-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.adp-badge.ok{color:#1a7a4a;background:#1a7a4a1a}.adp-badge.error{color:#c0392b;background:#c0392b1a}.adp-badge.warn,.adp-badge.gold{color:var(--gold3);background:#c9922a1f}.adp-badge.info{color:#2563eb;background:#3b82f61a}.adp-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.adp-search-wrap{align-items:center;display:flex;position:relative}.adp-search-icon{color:var(--text3);pointer-events:none;position:absolute;left:11px}.adp-search{border:1px solid var(--border2);background:var(--bg);font-family:var(--font-body);color:var(--text);border-radius:8px;outline:none;min-width:220px;padding:8px 14px 8px 34px;font-size:.85rem;transition:border-color .2s}.adp-search:focus{border-color:var(--gold)}.adp-search::placeholder{color:var(--text3)}.adp-select{border:1px solid var(--border2);background:var(--bg);font-family:var(--font-body);color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:.85rem;transition:border-color .2s}.adp-select:focus{border-color:var(--gold)}.adp-select.adp-select-sm{padding:4px 8px;font-size:.78rem}.adp-input{border:1px solid var(--border2);background:var(--bg);font-family:var(--font-body);color:var(--text);border-radius:8px;outline:none;padding:9px 13px;font-size:.85rem;transition:border-color .2s}.adp-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9922a1a}.adp-input::placeholder{color:var(--text3)}.adp-btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.adp-btn:disabled{opacity:.5;pointer-events:none}.adp-btn-primary{color:#fff;background:#1a0f00}.adp-btn-primary:hover{background:var(--gold3);transform:translateY(-1px)}[data-theme=dark-green] .adp-btn-primary{background:var(--gold)}[data-theme=dark-green] .adp-btn-primary:hover{background:var(--gold2)}.adp-btn-ghost{color:var(--text2);border:1px solid var(--border2);background:0 0}.adp-btn-ghost:hover{border-color:var(--gold);color:var(--gold3)}.adp-btn-ok{color:#1a7a4a;background:#1a7a4a1f}.adp-btn-danger{color:#c0392b;background:#c0392b1a}.adp-action-btn{cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:none;border-radius:6px;padding:4px 12px;transition:all .15s}.adp-action-btn.ok{color:#1a7a4a;background:#1a7a4a1a}.adp-action-btn.ok:hover{background:#1a7a4a2e}.adp-action-btn.error{color:#c0392b;background:#c0392b1a}.adp-action-btn.error:hover{background:#c0392b2e}.adp-action-btn.info{color:#2563eb;background:#3b82f61a}.adp-action-btn.gold{color:var(--gold3);background:#c9922a1f}.adp-count-badge{color:var(--text3);margin-left:auto;font-size:.78rem}.adp-alert{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.85rem}.adp-alert.ok{color:#1a7a4a;background:#1a7a4a12;border:1px solid #1a7a4a33}.adp-alert.error{color:#c0392b;background:#c0392b12;border:1px solid #c0392b2e}.adp-table-wrap{overflow-x:auto}.adp-table{border-collapse:collapse;width:100%;font-size:.9rem}.adp-table thead tr{background:var(--bg)}.adp-table th{text-align:left;border-bottom:1px solid var(--border2);text-transform:uppercase;letter-spacing:.07em;color:var(--text3);white-space:nowrap;padding:13px 20px;font-size:.72rem;font-weight:700}.adp-table td{border-bottom:1px solid var(--border2);color:var(--text);vertical-align:middle;padding:15px 20px;line-height:1.5}.adp-table tbody tr:last-child td{border-bottom:none}.adp-table tbody tr:nth-child(2n){background:var(--bg)}.adp-table tbody tr:hover{background:#c9922a0a!important}.adp-user-name{color:var(--text);font-size:.85rem;font-weight:600}.adp-user-email,.adp-muted-text{color:var(--text3);margin-top:2px;font-size:.75rem}.adp-warn-text{color:var(--gold);margin-top:2px;font-size:.72rem}.adp-muted{color:var(--text3);font-size:.8rem}.adp-mono{font-family:monospace}.adp-arabic{font-family:var(--font-arabic);direction:rtl;font-size:1rem}.adp-pagination{justify-content:center;gap:6px;margin-top:16px;display:flex}.adp-page-btn{border:1px solid var(--border2);background:var(--surface);width:32px;height:32px;color:var(--text2);cursor:pointer;border-radius:8px;font-size:.82rem;transition:all .15s}.adp-page-btn:hover{border-color:var(--gold);color:var(--gold3)}.adp-page-btn.active{color:#fff;background:#1a0f00;border-color:#1a0f00}[data-theme=dark-green] .adp-page-btn.active{background:var(--gold);border-color:var(--gold)}.adp-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#3d302573;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.adp-modal{background:var(--surface);border:1px solid var(--border2);border-radius:16px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 60px #3d30252e}.adp-modal-header{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:flex-start;padding:18px 24px;display:flex}.adp-modal-title{font-family:var(--font-display);color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.adp-modal-close{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.4rem;line-height:1;transition:color .15s}.adp-modal-close:hover{color:var(--text)}.adp-modal-body{padding:18px 24px}.adp-modal-footer{border-top:1px solid var(--border2);justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;display:flex}.adp-form-row{flex-wrap:wrap;align-items:center;gap:10px;padding:0 20px 16px;display:flex}.adp-hint-text{color:var(--text3);margin-top:4px;padding:0 20px;font-size:.75rem;line-height:1.5}.adp-hint-text code{background:var(--bg2);border-radius:4px;padding:1px 5px;font-size:.75rem}.adp-error-text{color:#c0392b;font-size:.78rem}.adp-loading{text-align:center;color:var(--text3);padding:40px;font-size:.85rem}.adp-empty{text-align:center;color:var(--text3);padding:60px 40px;font-size:.85rem}.adp-toast{z-index:9999;border-radius:8px;padding:10px 18px;font-size:.84rem;font-weight:600;animation:.25s adp-toast-in;position:fixed;top:20px;right:20px;box-shadow:0 4px 20px #0000001f}.adp-toast.ok{color:#fff;background:#1a7a4a}.adp-toast.error{color:#fff;background:#c0392b}@keyframes adp-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.adp-info-banner{color:var(--text2);background:var(--bg2);border:1px solid var(--border2);border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:.8rem;line-height:1.5;display:flex}.adp-info-banner svg{color:var(--gold3);margin-top:1px}.adp-info-banner strong{color:var(--gold3)}.adp-info-banner code{background:var(--surface);border-radius:4px;padding:1px 6px;font-size:.78rem}.adp-code{background:var(--bg);color:var(--gold3);border:1px solid var(--border2);border-radius:6px;margin-top:4px;padding:6px 10px;font-size:.8rem;display:block}.adp-stat-mini{background:var(--surface);border:1px solid var(--border2);color:var(--text3);border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-size:.78rem;display:flex}.adp-stat-mini span{color:var(--text);font-size:1rem;font-weight:700}.adp-stat-mini.accent{border-color:var(--gold)}.adp-stat-mini.accent span{color:var(--gold)}.adp-tab-switch{border:1px solid var(--border2);border-radius:8px;display:flex;overflow:hidden}.adp-tab-btn{font-size:.83rem;font-weight:500;font-family:var(--font-body);cursor:pointer;background:var(--surface);color:var(--text3);border:none;padding:7px 18px;transition:all .15s}.adp-tab-btn:hover{background:var(--bg2);color:var(--text2)}.adp-tab-btn.active{color:#fff;background:#1a0f00}[data-theme=dark-green] .adp-tab-btn.active{background:var(--gold)}.adm-qr-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.adm-qr-card{background:var(--surface);border:1px solid var(--border2);border-radius:12px;transition:box-shadow .18s,transform .18s;overflow:hidden}.adm-qr-card:hover{box-shadow:0 6px 24px var(--shadow);transform:translateY(-2px)}.adm-qr-img-wrap{background:var(--bg);cursor:pointer;border-bottom:1px solid var(--border2);justify-content:center;align-items:center;padding:16px;display:flex}.adm-qr-img{object-fit:contain;width:110px;height:110px}.adm-qr-info{padding:10px 12px 12px}.adm-qr-meta{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.adm-qr-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0 0 10px;font-size:.84rem;font-weight:600;overflow:hidden}.adm-qr-actions{gap:5px;display:flex}.adm-qr-img-wrap{min-height:142px;position:relative}.adm-qr-img-skeleton{background:linear-gradient(90deg,var(--bg2)25%,var(--surface)50%,var(--bg2)75%);background-size:200% 100%;border-radius:0;animation:1.5s infinite adm-shimmer;position:absolute;inset:0}.adm-qr-error{background:var(--bg);cursor:pointer;justify-content:center;align-items:center;min-height:142px;display:flex}.adm-qr-error-inner{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;font-size:.78rem;display:flex}.adm-qr-skeleton{background:linear-gradient(90deg,var(--bg2)25%,var(--surface)50%,var(--bg2)75%);background-size:200% 100%;border-radius:12px;height:220px;animation:1.5s infinite adm-shimmer}@keyframes adm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.adm-qr-preview-img{background:var(--bg);border-top:1px solid var(--border2);justify-content:center;align-items:center;padding:28px;display:flex}.adp-back-btn{cursor:pointer;color:var(--text3);font-size:.82rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:4px 0;transition:color .15s;display:inline-flex}.adp-back-btn:hover{color:var(--gold)}.adp-lang-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:8px;display:grid}.adp-lang-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-md);cursor:pointer;flex-direction:column;gap:8px;padding:20px 22px;transition:all .18s;display:flex}.adp-lang-card:hover{border-color:var(--gold);box-shadow:var(--shadow-md);background:#c9922a0a;transform:translateY(-1px)}.adp-lang-card.active{border-color:var(--gold);border-left:3px solid var(--gold)}.adp-lang-flag{font-size:2rem;line-height:1}.adp-lang-name{color:var(--text);font-size:.95rem;font-weight:600}.adp-lang-sub{color:var(--text3);font-size:.76rem}.adp-reciter-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.adp-reciter-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .15s;display:flex}.adp-reciter-card:hover{border-color:var(--gold);background:#c9922a0a}.adp-reciter-name{color:var(--text);font-size:.9rem;font-weight:600}.adp-reciter-count{color:var(--text3);font-size:.78rem}.adp-reciter-count strong{color:var(--gold)}.adp-breadcrumb{color:var(--text3);align-items:center;gap:6px;margin-bottom:20px;font-size:.8rem;display:flex}.adp-breadcrumb-sep{color:var(--border3)}.adp-breadcrumb-item{cursor:pointer;transition:color .15s}.adp-breadcrumb-item:hover{color:var(--gold)}.adp-breadcrumb-item.current{color:var(--text2);cursor:default}@media (max-width:768px){.adp-stat-grid{grid-template-columns:1fr 1fr}.adp-two-col{grid-template-columns:1fr}.adm-content{padding:20px}.adm-sidebar.open{width:220px}}@media (max-width:480px){.adp-stat-grid{grid-template-columns:1fr}}