@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@200;300;400;500;600;700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap";:root{--bg: #F5F1EB;--bg-soft: #FAF7F3;--surface: #FFFFFF;--surface-2: #F9F6F2;--border: #EAE4D9;--border-light: #F2EDE6;--text: #1B1815;--text-2: #6B6460;--text-3: #A89E98;--text-inv: #FFFFFF;--gold: #B8912E;--gold-h: #9E7B25;--gold-soft: #C9A84C;--gold-bg: #F7EDD3;--gold-border: #E6D09A;--green: #3D7A5A;--red: #8B3A3A;--sidebar-w: 270px;--mobile-nav-h: 66px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-2xl: 36px;--r-full: 9999px;--sh-sm: 0 1px 3px rgba(27,24,21,.06), 0 1px 2px rgba(27,24,21,.04);--sh-md: 0 4px 16px rgba(27,24,21,.09), 0 2px 6px rgba(27,24,21,.05);--sh-lg: 0 12px 40px rgba(27,24,21,.11), 0 4px 14px rgba(27,24,21,.07);--sh-xl: 0 24px 64px rgba(27,24,21,.14), 0 8px 24px rgba(27,24,21,.08);--sh-gold: 0 6px 24px rgba(184,145,46,.28);--t: .22s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{font-family:IBM Plex Sans Arabic,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;direction:rtl}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}::selection{background:var(--gold-bg);color:var(--gold)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-up{animation:fadeUp .45s cubic-bezier(.4,0,.2,1) both}.fade-in{animation:fadeIn .3s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.app-layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.main-content{padding:44px 52px;overflow-y:auto;height:100vh}.sidebar{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:24px 16px;overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(247,237,211,.12) 0%,transparent 50%);pointer-events:none}.sidebar-logo{padding:0 8px 22px;border-bottom:1px solid var(--border-light);margin-bottom:14px;position:relative}.logo{font-size:1.4rem;font-weight:300;letter-spacing:-.02em}.logo span{color:var(--gold);font-weight:500}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;position:relative}.nav-section-label,.nav-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--text-3);text-transform:uppercase;padding:16px 12px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);font-size:.875rem;color:var(--text-2);cursor:pointer;transition:all var(--t);text-decoration:none;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--gold-bg);color:var(--gold);font-weight:500}.nav-item.active:before{content:"";position:absolute;right:0;top:6px;bottom:6px;width:3px;border-radius:99px;background:var(--gold)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--r-lg);border:1px solid var(--border-light);background:var(--surface-2);cursor:pointer;transition:all var(--t);margin-top:8px;position:relative}.sidebar-user:hover{background:var(--gold-bg);border-color:var(--gold-border)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.85rem;font-weight:600}.sidebar-user-email{font-size:.7rem;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-h);background:var(--surface);border-top:1px solid var(--border);z-index:100;box-shadow:0 -4px 24px #1b181514;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-inner{display:flex;align-items:center;height:100%;padding:0 8px}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;text-decoration:none;color:var(--text-3);transition:all var(--t);border-radius:var(--r-md)}.mobile-nav-item:hover{color:var(--text-2);background:var(--surface-2)}.mobile-nav-item.active{color:var(--gold)}.mobile-nav-icon{font-size:1.15rem;line-height:1}.mobile-nav-label{font-size:.62rem;font-weight:500;white-space:nowrap}.avatar{width:36px;height:36px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--gold-bg),#F0E2C0);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;flex-shrink:0;border:1.5px solid var(--gold-border)}.avatar-lg{width:48px;height:48px;font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;height:44px;border-radius:var(--r-full);font-size:.875rem;font-weight:500;transition:all var(--t);white-space:nowrap;cursor:pointer;border:none;outline:none;font-family:inherit}.btn:disabled{opacity:.5;pointer-events:none}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-primary{background:var(--text);color:var(--text-inv)}.btn-primary:hover{background:#2e2a26;transform:translateY(-1px);box-shadow:var(--sh-md)}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,#C9A84C 100%);color:#fff}.btn-gold:hover{background:linear-gradient(135deg,var(--gold-h) 0%,#B8912E 100%);transform:translateY(-1px);box-shadow:var(--sh-gold)}.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--text-2);background:var(--surface-2);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-2);padding:0 14px;height:36px}.btn-ghost:hover{background:var(--border-light);color:var(--text)}.btn-sm{height:34px;padding:0 16px;font-size:.8rem}.btn-lg{height:54px;padding:0 32px;font-size:.95rem}.btn-full{width:100%;justify-content:center}.btn-icon{width:38px;height:38px;padding:0;border-radius:var(--r-full)}.input-label{font-size:.8rem;font-weight:600;color:var(--text-2);margin-bottom:7px;display:block}.input{width:100%;height:48px;padding:0 16px;border:1.5px solid var(--border);border-radius:var(--r-md);font-size:.9rem;color:var(--text);background:var(--surface);transition:all var(--t);outline:none}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b8912e1f}.input::placeholder{color:var(--text-3)}.input-group{margin-bottom:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.card-hover{transition:all var(--t);cursor:pointer}.card-hover:hover{box-shadow:var(--sh-md);transform:translateY(-3px);border-color:var(--border-light)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:24px;position:relative;overflow:hidden;transition:all var(--t)}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent);opacity:0;transition:opacity var(--t)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}.badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:var(--r-full);font-size:.68rem;font-weight:600;letter-spacing:.04em}.badge-gold{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-border)}.badge-neutral{background:var(--border-light);color:var(--text-2)}.badge-green{background:#dcfce7;color:#166534}.spinner{width:36px;height:36px;border:2.5px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-sm{width:18px;height:18px;border-width:2px}.progress-bar-track{height:4px;background:var(--border);border-radius:99px;overflow:hidden;margin-top:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-soft));border-radius:99px;transition:width .3s ease}.page-title{font-size:1.8rem;font-weight:400;letter-spacing:-.02em;margin-bottom:4px}.page-sub{font-size:.875rem;color:var(--text-2)}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading{font-size:1rem;font-weight:600;letter-spacing:-.01em}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-1{display:grid;grid-template-columns:1fr;gap:16px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px}.landing-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 60px;background:#f5f1ebeb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.landing-hero{min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:-30%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(ellipse,rgba(184,145,46,.07) 0%,transparent 65%);pointer-events:none}.landing-deco-quote{position:absolute;font-size:28rem;font-weight:800;color:#b8912e09;line-height:1;top:-40px;right:-60px;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Georgia,serif}.landing-section{max-width:1100px;margin:0 auto;padding:80px 60px}.landing-section-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 60px}.landing-section-alt-inner{max-width:1000px;margin:0 auto}.landing-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.landing-cta{padding:60px}.landing-footer{padding:28px 60px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.landing-mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px}.feature-icon-wrap{width:52px;height:52px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--gold-bg),#F0E2C0);border:1px solid var(--gold-border);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:1.35rem;box-shadow:0 2px 8px #b8912e1f}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-visual{background:linear-gradient(160deg,#1b1815,#2e2a24);display:flex;flex-direction:column;justify-content:space-between;padding:52px;position:relative;overflow:hidden}.auth-visual:before{content:"";position:absolute;top:-40%;left:-20%;width:110%;height:110%;background:radial-gradient(ellipse at 30% 50%,rgba(184,145,46,.22) 0%,transparent 60%);pointer-events:none}.auth-visual:after{content:'"';position:absolute;bottom:40px;left:40px;font-size:18rem;font-weight:800;color:#b8912e0f;line-height:1;font-family:Georgia,serif;pointer-events:none}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:60px}.auth-box{width:100%;max-width:420px}.auth-title{font-size:1.8rem;font-weight:400;margin-bottom:6px;letter-spacing:-.02em}.auth-sub{font-size:.875rem;color:var(--text-2);margin-bottom:36px;line-height:1.6}.auth-divider{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:.78rem;color:var(--text-3)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-switch{margin-top:22px;text-align:center;font-size:.85rem;color:var(--text-2)}.auth-switch a{color:var(--gold);font-weight:600}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-2);cursor:pointer;margin-bottom:22px;transition:color var(--t);text-decoration:none}.back-link:hover{color:var(--text)}.book-card-cover{width:100%;aspect-ratio:3/4;border-radius:var(--r-sm);margin-bottom:14px;position:relative;overflow:hidden;background:var(--border-light)}.book-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card-hover:hover .book-card-cover img{transform:scale(1.04)}.book-card-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.2rem}.book-card-title{font-size:.88rem;font-weight:600;margin-bottom:3px;line-height:1.45}.book-card-author{font-size:.74rem;color:var(--text-3);margin-bottom:8px}.book-card-meta{display:flex;align-items:center;gap:5px;font-size:.74rem;color:var(--gold);font-weight:500}.quote-text{font-size:1rem;line-height:1.9;font-weight:300;margin-bottom:16px;position:relative;padding-right:20px}.quote-text:before{content:'"';position:absolute;right:0;top:-8px;font-size:2.4rem;color:var(--gold);line-height:1;font-family:Georgia,serif}.upload-zone{border:2px dashed var(--border);border-radius:var(--r-xl);padding:64px 32px;text-align:center;cursor:pointer;transition:all var(--t);background:var(--surface)}.upload-zone:hover,.upload-zone.drag-active{border-color:var(--gold);background:var(--gold-bg);box-shadow:0 0 0 6px #b8912e0f}.pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden}.pane-header{padding:14px 18px;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.pane-title{font-size:.85rem;font-weight:600}.pane-body{flex:1;overflow-y:auto;padding:18px}.ocr-hint{padding:10px 16px;font-size:.8rem;background:var(--gold-bg);color:var(--gold);border-bottom:1px solid var(--gold-border);display:flex;align-items:center;gap:8px;flex-shrink:0}.ocr-text-body{flex:1;overflow-y:auto;padding:22px;font-size:.95rem;line-height:1.95;cursor:text;-webkit-user-select:text;user-select:text}.ocr-text-body p{margin-bottom:12px}.ocr-text-body ::selection{background:#fbe9a2}.ocr-footer{padding:14px 18px;border-top:1px solid var(--border);background:var(--surface-2);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{padding:12px 20px;font-size:.875rem;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--t)}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-color:var(--gold);font-weight:600}.empty-state{text-align:center;padding:72px 20px}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.45}.empty-title{font-size:1.05rem;font-weight:600;margin-bottom:8px}.empty-sub{font-size:.875rem;color:var(--text-3);line-height:1.6}.divider{height:1px;background:var(--border);border:none;margin:0}.tag{display:inline-flex;align-items:center;height:28px;padding:0 14px;border-radius:var(--r-full);font-size:.75rem;border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:all var(--t)}.tag:hover{border-color:var(--gold-border);color:var(--gold);background:var(--gold-bg)}.text-gold{background:linear-gradient(135deg,#b8912e,#d4a843);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark]{--bg: #0D0C0B;--bg-soft: #111009;--surface: #161412;--surface-2: #1D1A17;--border: #2A2521;--border-light: #231F1C;--text: #EDE8E2;--text-2: #857C76;--text-3: #524D49;--text-inv: #0D0C0B;--gold: #C9A84C;--gold-h: #B8912E;--gold-soft: #D4B86A;--gold-bg: rgba(184,145,46,.1);--gold-border: rgba(184,145,46,.22);--sh-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--sh-md: 0 4px 20px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.35);--sh-lg: 0 12px 48px rgba(0,0,0,.6), 0 4px 16px rgba(0,0,0,.4);--sh-xl: 0 28px 72px rgba(0,0,0,.7), 0 10px 28px rgba(0,0,0,.5);--sh-gold: 0 6px 28px rgba(184,145,46,.2)}[data-theme=dark] .sidebar{background:linear-gradient(180deg,#1a1714,#141210)}[data-theme=dark] .card{box-shadow:var(--sh-sm)}[data-theme=dark] .card-hover:hover{box-shadow:var(--sh-md);border-color:var(--border)}[data-theme=dark] .mobile-nav{background:#161412}[data-theme=dark] .landing-nav{background:#0d0c0beb}[data-theme=dark] .auth-visual{background:linear-gradient(160deg,#0a0908,#161412)}[data-theme=dark] .upload-zone:hover,[data-theme=dark] .upload-zone.drag-active{box-shadow:0 0 0 6px #b8912e0f}.theme-toggle{width:40px;height:22px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;position:relative;transition:all var(--t);flex-shrink:0}.theme-toggle:before{content:"";position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:var(--text-3);transition:all var(--t)}[data-theme=dark] .theme-toggle{background:#b8912e33;border-color:#b8912e4d}[data-theme=dark] .theme-toggle:before{right:auto;left:2px;background:var(--gold)}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--surface-2);font-size:.72rem;font-weight:700;letter-spacing:.06em;cursor:pointer;color:var(--text-2);transition:all var(--t);white-space:nowrap}.lang-toggle:hover{border-color:var(--gold-border);color:var(--gold);background:var(--gold-bg)}.floating-controls{position:fixed;bottom:28px;left:24px;display:flex;flex-direction:column;gap:8px;z-index:200}.floating-btn{width:42px;height:42px;border-radius:var(--r-full);background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--sh-md);display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all var(--t);color:var(--text-2)}.floating-btn:hover{border-color:var(--gold-border);color:var(--gold);transform:scale(1.08)}.support-section{padding:48px 60px;text-align:center;border-top:1px solid var(--border);background:var(--surface)}.support-heart{width:56px;height:56px;border-radius:var(--r-full);background:linear-gradient(135deg,#ffecd2,#fcb69f);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.5rem;box-shadow:0 4px 16px #fcb69f59}.paypal-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:var(--r-full);background:#0070ba;color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;transition:all var(--t);box-shadow:0 4px 16px #0070ba4d;font-family:inherit}.paypal-btn:hover{background:#005ea6;transform:translateY(-2px);box-shadow:0 8px 24px #0070ba66}.gold-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:var(--r-full);background:var(--gold-bg);border:1px solid var(--gold-border);color:var(--gold);font-size:.78rem;font-weight:600;letter-spacing:.05em}.gold-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0;animation:pulse 2s ease infinite}.section-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}.number-display{font-size:2.4rem;font-weight:200;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--text),var(--text-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--surface-2) 50%,var(--border-light) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-sm)}.glow-gold{box-shadow:0 0 24px #b8912e33,var(--sh-md)}.book-spine{width:4px;border-radius:99px;background:linear-gradient(180deg,var(--gold),var(--gold-soft));flex-shrink:0}.stat-icon{width:44px;height:44px;border-radius:var(--r-md);background:var(--gold-bg);border:1px solid var(--gold-border);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:14px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}@media (max-width: 1024px){.landing-steps-grid{grid-template-columns:repeat(2,1fr);gap:20px}.landing-mockup-grid{grid-template-columns:repeat(2,1fr)}.landing-mockup-grid>:last-child{display:none}}@media (max-width: 900px){.support-section{padding:40px 24px}.floating-controls{bottom:calc(var(--mobile-nav-h) + 16px);left:16px}:root{--sidebar-w: 0px}.app-layout{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:24px 20px calc(24px + var(--mobile-nav-h));height:auto;min-height:100vh}.mobile-nav{display:block}.landing-nav{padding:14px 24px}.landing-section{padding:60px 24px}.landing-section-alt{padding:52px 24px}.landing-cta{padding:24px}.landing-footer{padding:22px 24px}.landing-steps-grid{grid-template-columns:repeat(2,1fr);gap:20px}.grid-4,.grid-3,.stats-row{grid-template-columns:repeat(2,1fr)}.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-side{padding:40px 24px}}@media (max-width: 600px){html{font-size:14px}.page-title{font-size:1.5rem}.landing-hero{padding:50px 20px;min-height:70vh}.landing-deco-quote{font-size:14rem;top:-20px;right:-20px}.landing-steps-grid{grid-template-columns:1fr 1fr;gap:16px}.landing-mockup-grid{display:none}.grid-4{grid-template-columns:1fr 1fr;gap:12px}.grid-3,.grid-2{grid-template-columns:1fr;gap:14px}.stats-row{grid-template-columns:1fr 1fr;gap:12px}.topbar{flex-direction:column;align-items:flex-start}.auth-form-side{padding:32px 20px}.auth-box{max-width:100%}}@media (max-width: 420px){.landing-steps-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.landing-nav .btn-outline{display:none}}html[dir=ltr] body{direction:ltr;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[dir=ltr] .sidebar{border-left:none;border-right:1px solid var(--border)}html[dir=ltr] .nav-item.active:before{right:auto;left:0}html[dir=ltr] .quote-text:before{right:auto;left:0;padding-left:20px;padding-right:0}html[dir=ltr] .quote-text{padding-right:0;padding-left:20px}html[dir=ltr] .auth-visual:after{left:auto;right:40px}html[dir=ltr] .auth-box,html[dir=ltr] .input{text-align:left}.sidebar{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}.sidebar-logo .logo{font-size:1.5rem;letter-spacing:-.03em}.nav-item.active{box-shadow:inset 0 0 0 1px var(--gold-border),0 2px 8px #b8912e14}.nav-item:hover{transform:translate(-2px)}html[dir=ltr] .nav-item:hover{transform:translate(2px)}.stat-card:hover:after{opacity:1}.quote-text{font-size:1.05rem;letter-spacing:.002em}.quote-text:before{font-size:3rem;opacity:.8;top:-6px}.page-title{position:relative;display:inline-block}.page-title:after{content:"";position:absolute;bottom:-6px;right:0;width:36px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:99px}html[dir=ltr] .page-title:after{right:auto;left:0}.book-card-cover{box-shadow:0 4px 16px #1b18151a,0 1px 4px #1b18150f}.card-hover:hover .book-card-cover{box-shadow:0 8px 28px #1b181526,0 2px 8px #1b181514}.card{transition:all var(--t)}.card-hover:hover{background:linear-gradient(135deg,var(--surface) 80%,rgba(247,237,211,.3) 100%)}@keyframes ringPulse{0%,to{box-shadow:0 0 #b8912e00}50%{box-shadow:0 0 0 10px #b8912e12}}.upload-zone:hover,.upload-zone.drag-active{animation:ringPulse 2.2s ease infinite}.back-link{transition:all var(--t)}.back-link:hover{transform:translate(-3px)}html[dir=ltr] .back-link:hover{transform:translate(3px)}.tabs{gap:4px;border-bottom:none;background:var(--surface-2);border-radius:var(--r-full);padding:4px;margin-bottom:28px;display:inline-flex;border:1px solid var(--border-light)}.tab{border-bottom:none;border-radius:var(--r-full);padding:8px 20px;font-size:.82rem;margin-bottom:0}.tab.active{background:var(--surface);color:var(--text);font-weight:600;border-color:transparent;box-shadow:var(--sh-sm)}.tab:hover:not(.active){background:#b8912e0f;color:var(--text)}.feature-icon-wrap{transition:transform var(--t),box-shadow var(--t)}.empty-state{position:relative}.empty-state:before{content:"❝";position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:8rem;color:#b8912e0a;font-family:Georgia,serif;font-weight:800;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.sidebar-user:hover{transform:translateY(-1px);box-shadow:0 4px 16px #b8912e1a}.avatar{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--gold-border),0 2px 8px #b8912e1f}.progress-bar-fill{background:linear-gradient(90deg,var(--gold),var(--gold-soft),var(--gold));background-size:200% 100%;animation:shimmer 1.8s ease infinite}.main-content{background-image:radial-gradient(rgba(184,145,46,.022) 1px,transparent 1px);background-size:40px 40px}[data-theme=dark] .main-content{background-image:radial-gradient(rgba(184,145,46,.018) 1px,transparent 1px)}.btn-gold{box-shadow:0 2px 10px #b8912e33}.btn-gold:hover{box-shadow:var(--sh-gold)}.landing-cta-card{border:1px solid var(--gold-border);border-radius:var(--r-xl);background:linear-gradient(135deg,var(--gold-bg) 0%,var(--surface) 60%);position:relative;overflow:hidden}.landing-cta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.dash-stats-row{display:flex;gap:48px;align-items:baseline;margin-bottom:36px;padding:4px 2px 16px;border-bottom:1px solid var(--border-light)}.dash-stat{display:flex;flex-direction:column;gap:3px}.dash-stat-num{font-size:3.4rem;font-weight:200;letter-spacing:-.06em;line-height:1}.dash-stat-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase}.dash-widgets-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.quiz-widget{border-radius:var(--r-xl);padding:28px;position:relative;overflow:hidden;background:linear-gradient(150deg,#1b1815,#2a2520);border:1px solid rgba(184,145,46,.2);min-height:230px;display:flex;flex-direction:column}.quiz-widget-bg{position:absolute;top:-40%;left:-20%;width:110%;height:110%;background:radial-gradient(ellipse at 30% 40%,rgba(184,145,46,.2) 0%,transparent 60%);pointer-events:none}[data-theme=dark] .quiz-widget{background:linear-gradient(150deg,#0d0c0b,#1a1612)}.social-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:24px;box-shadow:var(--sh-sm);position:relative;overflow:hidden}.social-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.45}.dash-stats-card{border-radius:var(--r-lg);padding:16px 18px;position:relative;overflow:hidden;background:linear-gradient(150deg,#1b1815,#2a2520);border:1px solid rgba(184,145,46,.2);min-height:110px;display:flex;flex-direction:column;justify-content:space-between}.dash-stats-card:before{content:"";position:absolute;top:-60%;left:-10%;width:120%;height:120%;background:radial-gradient(ellipse at 50% 30%,rgba(184,145,46,.14) 0%,transparent 60%);pointer-events:none}[data-theme=dark] .dash-stats-card{background:linear-gradient(150deg,#0d0c0b,#1a1612)}.dash-stats-card-label{font-size:.6rem;font-weight:700;letter-spacing:.14em;color:#b8912eb3;text-transform:uppercase;margin-bottom:10px}.dash-activity-card{border-radius:var(--r-lg);padding:16px 18px;position:relative;overflow:hidden;background:linear-gradient(150deg,#0f0e0d,#1e1b17);border:1px solid rgba(255,255,255,.07);min-height:110px;display:flex;flex-direction:column}.dash-activity-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:radial-gradient(ellipse at 50% 100%,rgba(184,145,46,.08) 0%,transparent 70%);pointer-events:none}.landing-social-mockup{display:flex;flex-direction:column;gap:10px;max-width:580px;margin:0 auto}.landing-social-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--sh-sm);transition:all var(--t);text-align:right}html[dir=ltr] .landing-social-card{text-align:left}.landing-social-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px);border-color:var(--gold-border)}@media (max-width: 900px){.dash-widgets-row{grid-template-columns:1fr}.dash-stats-row{gap:28px;margin-bottom:20px}.dash-stat-num{font-size:2.8rem}.dash-stats-card,.dash-activity-card{min-height:auto}}@media (max-width: 600px){.dash-stat-num{font-size:2.2rem}.dash-stats-row{gap:20px}}.auth-visual{background:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(160deg,#1b1815,#2e2a24);background-size:32px 32px,auto}.auth-visual-bottom-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4}.auth-quote-wrap{position:relative;z-index:1;min-height:120px}.auth-quote-text{font-size:1.25rem;font-weight:300;color:#ffffffd9;line-height:1.8;margin-bottom:16px;font-style:italic}.auth-quote-source{font-size:.78rem;color:#ffffff59;font-style:normal;letter-spacing:.04em}@keyframes quoteFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-quote-animate{animation:quoteFadeIn .6s cubic-bezier(.4,0,.2,1) both}.auth-quote-dots{display:flex;gap:6px;margin-top:20px}.auth-quote-dot{width:5px;height:5px;border-radius:50%;background:#fff3;transition:all .3s;cursor:pointer}.auth-quote-dot.active{background:var(--gold);width:18px;border-radius:99px}.auth-visual-logo{font-size:1.6rem;font-weight:300;letter-spacing:-.02em;color:#ffffffeb;position:relative;z-index:1;text-decoration:none;display:inline-block}.auth-visual-logo span{color:var(--gold);font-weight:500}.auth-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);padding:44px 40px;box-shadow:var(--sh-xl),0 0 0 1px #ffffff0a;position:relative;overflow:hidden}.auth-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}[data-theme=dark] .auth-box{background:var(--surface);border-color:var(--border)}.auth-title{font-size:1.75rem;font-weight:400;margin-bottom:6px;letter-spacing:-.025em}.card-accent{position:relative;overflow:hidden}.card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-soft),transparent);opacity:.7}.empty-icon{display:inline-block;animation:pulse 3s ease infinite}[data-theme=dark] .auth-visual{background:radial-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(160deg,#0a0908,#161412);background-size:32px 32px,auto}.badge-red{background:#b428281f;color:var(--red)}.auth-form-side{background:var(--bg-soft)}[data-theme=dark] .auth-form-side{background:var(--bg)}.global-search{position:relative}.global-search-bar{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:7px 12px;transition:all var(--t)}.global-search-bar:focus-within{border-color:var(--gold);background:var(--surface);box-shadow:0 0 0 3px #b8912e1a}.global-search-icon{font-size:.85rem;color:var(--text-3);flex-shrink:0;line-height:1}.global-search-input{flex:1;background:none;border:none;outline:none;font-size:.8rem;color:var(--text);min-width:0}.global-search-input::placeholder{color:var(--text-3)}.global-search-clear{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--border);color:var(--text-2);font-size:.75rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--t)}.global-search-clear:hover{background:var(--gold-bg);color:var(--gold)}.global-search-dropdown{position:absolute;top:calc(100% + 6px);inset-inline-start:0;inset-inline-end:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-lg);z-index:9999;max-height:380px;overflow-y:auto;animation:fadeUp .18s ease both}.global-search-empty{display:flex;align-items:center;justify-content:center;padding:20px;font-size:.8rem;color:var(--text-3)}.global-search-section{padding:8px 0}.global-search-section+.global-search-section{border-top:1px solid var(--border-light)}.global-search-section-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding:4px 14px 6px}.global-search-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:9px 14px;text-align:start;transition:background var(--t);cursor:pointer}.global-search-item:hover{background:var(--surface-2)}.global-search-item-icon{flex-shrink:0;font-size:.95rem;line-height:1.4;margin-top:1px}.global-search-item-body{flex:1;min-width:0}.global-search-item-title{font-size:.82rem;line-height:1.55;color:var(--text);font-weight:400}.global-search-item-sub{font-size:.7rem;color:var(--gold);margin-top:2px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .global-search-bar{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .global-search-bar:focus-within{background:#ffffff14}[data-theme=dark] .global-search-dropdown{background:#1a1814;border-color:#ffffff1a}[data-theme=dark] .global-search-item:hover{background:#ffffff0d}[data-theme=dark] .global-search-clear{background:#ffffff1f;color:#fff9}.sidebar{overflow:visible}