@font-face{font-family:Vazir;src:url(https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v33.0.1/dist/Vazir.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazir;src:url(https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v33.0.1/dist/Vazir-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Shabnam;src:url(https://cdn.jsdelivr.net/gh/rastikerdar/shabnam-font@v5.0.1/dist/Shabnam.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Samim;src:url(https://cdn.jsdelivr.net/gh/rastikerdar/samim-font@v3.2.1/dist/Samim.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--base-font-size: 14px;--font-family: "Vazir", "Tahoma", Arial, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-modal: 1000;--z-tooltip: 10000}:root,[data-theme=default]{--primary-color: #0b5cff;--primary-dark: #0846c4;--primary-light: rgba(11, 92, 255, .22);--primary-rgb: 11, 92, 255;--gradient-primary: linear-gradient(135deg, #0b5cff 0%, #60a5fa 100%);--gradient-accent: linear-gradient(135deg, #60a5fa 0%, #34d399 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #f87171 100%);--page-bg: #ffffff;--card-bg: #ffffff;--bg-secondary: #f8fbff;--input-bg: #ffffff;--text-primary: #0b0b0b;--text-secondary: #334155;--text-muted: #6b7280;--text-on-primary: #ffffff;--text-on-success: #ffffff;--text-on-warning: #1a1a1a;--text-on-danger: #ffffff;--border-color: #e5e7eb;--border-light: #cbd5e1;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .12);--shadow-md: 0 8px 24px rgba(0, 0, 0, .16);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .2);--shadow-primary: 0 8px 24px rgba(96, 165, 250, .3);--success-color: #4ade80;--success-dark: #22c55e;--warning-color: #fbbf24;--warning-dark: #f59e0b;--error-color: #fb7185;--error-dark: #f43f5e;--info-color: #38bdf8;--passed-bg: rgba(52, 211, 153, .2);--passed-border: rgba(52, 211, 153, .5);--in-progress-bg: rgba(251, 191, 36, .2);--in-progress-border: rgba(251, 191, 36, .5)}[data-theme=light]{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: rgba(37, 99, 235, .1);--primary-rgb: 37, 99, 235;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-accent: linear-gradient(135deg, #0891b2 0%, #2563eb 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-warning: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--gradient-danger: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--page-bg: #f8fafc;--card-bg: #ffffff;--bg-secondary: #f1f5f9;--input-bg: #ffffff;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-on-primary: #ffffff;--text-on-success: #ffffff;--text-on-warning: #1a1a1a;--text-on-danger: #ffffff;--border-color: #e2e8f0;--border-light: #cbd5e1;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .1);--shadow-primary: 0 8px 24px rgba(37, 99, 235, .2);--success-color: #059669;--success-dark: #047857;--warning-color: #b45309;--warning-dark: #92400e;--error-color: #dc2626;--error-dark: #b91c1c;--info-color: #0369a1}[data-theme=ocean]{--primary-color: #0ea5e9;--primary-dark: #0284c7;--primary-light: rgba(14, 165, 233, .25);--primary-rgb: 14, 165, 233;--gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);--gradient-accent: linear-gradient(135deg, #22d3ee 0%, #0ea5e9 100%);--page-bg: #0c4a6e;--card-bg: #075985;--bg-secondary: #0369a1;--input-bg: #075985;--text-primary: #ffffff;--text-secondary: #e0f2fe;--text-muted: #bae6fd;--text-on-primary: #ffffff;--text-on-success: #ffffff;--text-on-warning: #1a1a1a;--text-on-danger: #ffffff;--border-color: #2985a8;--border-light: #38bdf8;--glass-bg: rgba(30, 107, 138, .85);--glass-border: rgba(186, 230, 253, .25);--shadow-primary: 0 8px 24px rgba(56, 189, 248, .35);--success-color: #4ade80;--warning-color: #fbbf24;--error-color: #fb7185;--info-color: #67e8f9}[data-theme=forest]{--primary-color: #22c55e;--primary-dark: #16a34a;--primary-light: rgba(34, 197, 94, .25);--primary-rgb: 34, 197, 94;--gradient-primary: linear-gradient(135deg, #22c55e 0%, #10b981 100%);--gradient-accent: linear-gradient(135deg, #34d399 0%, #22c55e 100%);--page-bg: #14532d;--card-bg: #166534;--bg-secondary: #15803d;--input-bg: #166534;--text-primary: #ffffff;--text-secondary: #dcfce7;--text-muted: #bbf7d0;--text-on-primary: #052e16;--text-on-success: #052e16;--text-on-warning: #1a1a1a;--text-on-danger: #ffffff;--border-color: #259455;--border-light: #4ade80;--glass-bg: rgba(29, 122, 67, .85);--glass-border: rgba(187, 247, 208, .25);--shadow-primary: 0 8px 24px rgba(74, 222, 128, .35);--success-color: #86efac;--warning-color: #fbbf24;--error-color: #fb7185;--info-color: #67e8f9}[data-theme=sunset]{--primary-color: #f97316;--primary-dark: #ea580c;--primary-light: rgba(249, 115, 22, .25);--primary-rgb: 249, 115, 22;--gradient-primary: linear-gradient(135deg, #f97316 0%, #f43f5e 100%);--gradient-accent: linear-gradient(135deg, #fb923c 0%, #f97316 100%);--page-bg: #7c2d12;--card-bg: #9a3412;--bg-secondary: #c2410c;--input-bg: #9a3412;--text-primary: #fff7ed;--text-secondary: #fed7aa;--text-muted: #fdba74;--text-on-primary: #1a1a1a;--text-on-success: #ffffff;--text-on-warning: #1a1a1a;--text-on-danger: #ffffff;--border-color: #b54d28;--border-light: #fb923c;--glass-bg: rgba(154, 60, 28, .85);--glass-border: rgba(254, 215, 170, .2);--shadow-primary: 0 8px 24px rgba(251, 146, 60, .35)}[data-theme=royal]{--primary-color: #a855f7;--primary-dark: #9333ea;--primary-light: rgba(168, 85, 247, .25);--primary-rgb: 168, 85, 247;--gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--gradient-accent: linear-gradient(135deg, #c084fc 0%, #a855f7 100%);--page-bg: #4c1d95;--card-bg: #5b21b6;--bg-secondary: #6d28d9;--input-bg: #5b21b6;--text-primary: #faf5ff;--text-secondary: #e9d5ff;--text-muted: #d8b4fe;--text-on-primary: #ffffff;--text-on-success: #ffffff;--text-on-warning: #1a1a1a;--text-on-danger: #ffffff;--border-color: #7e22ce;--border-light: #a855f7;--glass-bg: rgba(107, 33, 168, .85);--glass-border: rgba(233, 213, 255, .2);--shadow-primary: 0 8px 24px rgba(192, 132, 252, .35)}[data-theme=cherry]{--primary-color: #f43f5e;--primary-dark: #e11d48;--primary-light: rgba(244, 63, 94, .25);--primary-rgb: 244, 63, 94;--gradient-primary: linear-gradient(135deg, #f43f5e 0%, #ec4899 100%);--gradient-accent: linear-gradient(135deg, #fb7185 0%, #f43f5e 100%);--page-bg: #881337;--card-bg: #9f1239;--bg-secondary: #be185d;--input-bg: #9f1239;--text-primary: #fff1f2;--text-secondary: #fecdd3;--text-muted: #fda4af;--text-on-primary: #ffffff;--text-on-success: #ffffff;--text-on-warning: #1a1a1a;--text-on-danger: #ffffff;--border-color: #db2777;--border-light: #f472b6;--glass-bg: rgba(190, 24, 93, .85);--glass-border: rgba(254, 205, 211, .2);--shadow-primary: 0 8px 24px rgba(251, 113, 133, .35)}[data-theme=midnight]{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: rgba(99, 102, 241, .25);--primary-rgb: 99, 102, 241;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-accent: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);--page-bg: #1e1b4b;--card-bg: #312e81;--bg-secondary: #4338ca;--input-bg: #312e81;--text-primary: #eef2ff;--text-secondary: #c7d2fe;--text-muted: #a5b4fc;--text-on-primary: #ffffff;--text-on-success: #ffffff;--text-on-warning: #1a1a1a;--text-on-danger: #ffffff;--border-color: #3730a3;--border-light: #4f46e5;--glass-bg: rgba(49, 46, 129, .9);--glass-border: rgba(199, 210, 254, .2);--shadow-primary: 0 8px 24px rgba(129, 140, 248, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--base-font-size);scroll-behavior:smooth}body{font-family:var(--font-family);font-size:1rem;line-height:1.6;color:var(--text-primary);background:var(--page-bg);direction:rtl;text-align:right;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{color:var(--text-secondary);margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.link-animated{position:relative}.link-animated:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.link-animated:hover:after{width:100%}::selection{background:var(--primary-color);color:var(--text-on-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:5px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-light)}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-normal)}.card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:var(--text-on-primary);box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px var(--primary-color)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-light);border-color:var(--primary-color)}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover{background:var(--bg-secondary)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}input,select,textarea{font-family:inherit;font-size:1rem;padding:12px 16px;background:var(--input-bg);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:fade-in .2s ease}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:90vw;max-height:90vh;overflow:auto;animation:slide-up .3s cubic-bezier(.16,1,.3,1)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--border-light) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:.85rem;font-weight:600;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary)}.badge-primary{background:var(--primary-light);color:var(--primary-color)}.badge-success{background:#10b98126;color:var(--success-color)}.badge-warning{background:#f59e0b26;color:var(--warning-color)}.badge-danger{background:#ef444426;color:var(--error-color)}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-primary{background:var(--primary-color)}.bg-card{background:var(--card-bg)}.bg-secondary{background:var(--bg-secondary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.m-0{margin:0}.p-0{padding:0}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}@media(max-width:768px){:root{--base-font-size: 13px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}body,.card,.modal-content,input,select,textarea,.btn{transition:background-color .4s ease,border-color .4s ease,color .3s ease,box-shadow .3s ease}.html-content,.rich-text,.article-content,.message-content,.description-text,[class*=content] p,[class*=text-content],.ck-content,.editor-content{color:var(--text-primary);font-size:1rem;line-height:1.8;word-spacing:.05em;letter-spacing:.01em}.html-content h1,.html-content h2,.html-content h3,.html-content h4,.html-content h5,.html-content h6,.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4,.rich-text h5,.rich-text h6,.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--text-primary);font-weight:700;margin-top:1.5em;margin-bottom:.75em}.html-content p,.rich-text p,.article-content p{color:var(--text-primary);margin-bottom:1em;text-align:justify}.html-content strong,.html-content b,.rich-text strong,.rich-text b,.article-content strong,.article-content b{color:var(--text-primary);font-weight:700}.html-content em,.html-content i,.rich-text em,.rich-text i,.article-content em,.article-content i{color:var(--text-primary);font-style:italic}.html-content a,.rich-text a,.article-content a{color:var(--primary-color);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.html-content a:hover,.rich-text a:hover,.article-content a:hover{color:var(--primary-dark)}.html-content ul,.html-content ol,.rich-text ul,.rich-text ol,.article-content ul,.article-content ol{color:var(--text-primary);padding-right:1.5em;margin-bottom:1em}.html-content li,.rich-text li,.article-content li{color:var(--text-primary);margin-bottom:.5em;line-height:1.7}.html-content blockquote,.rich-text blockquote,.article-content blockquote{border-right:4px solid var(--primary-color);background:var(--bg-secondary);padding:1rem 1.5rem;margin:1.5em 0;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-primary);font-style:italic}.html-content code,.rich-text code,.article-content code{background:var(--bg-secondary);color:var(--primary-color);padding:.2em .5em;border-radius:var(--radius-sm);font-family:Fira Code,Courier New,monospace;font-size:.9em}.html-content pre,.rich-text pre,.article-content pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;overflow-x:auto;margin:1em 0}.html-content pre code,.rich-text pre code,.article-content pre code{background:transparent;padding:0;color:var(--text-primary)}.html-content table,.rich-text table,.article-content table{width:100%;border-collapse:collapse;margin:1.5em 0;background:var(--card-bg);border-radius:var(--radius-md);overflow:hidden}.html-content th,.rich-text th,.article-content th{background:var(--bg-secondary);color:var(--text-primary);font-weight:700;padding:12px 16px;text-align:right;border-bottom:2px solid var(--border-color)}.html-content td,.rich-text td,.article-content td{color:var(--text-primary);padding:12px 16px;border-bottom:1px solid var(--border-color)}.html-content tr:hover,.rich-text tr:hover,.article-content tr:hover{background:var(--bg-secondary)}.html-content img,.rich-text img,.article-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1em 0}.html-content hr,.rich-text hr,.article-content hr{border:none;height:2px;background:var(--border-color);margin:2em 0}[data-theme=light] .html-content,[data-theme=light] .rich-text,[data-theme=light] .article-content,[data-theme=light] .message-content,[data-theme=light] .description-text{color:#0f172a}[data-theme=light] .html-content p,[data-theme=light] .rich-text p,[data-theme=light] .article-content p{color:#1e293b}[data-theme=light] .html-content h1,[data-theme=light] .html-content h2,[data-theme=light] .html-content h3,[data-theme=light] .html-content h4,[data-theme=light] .rich-text h1,[data-theme=light] .rich-text h2,[data-theme=light] .rich-text h3,[data-theme=light] .rich-text h4{color:#0f172a}[data-theme=light] .text-secondary,[data-theme=light] label,[data-theme=light] .message-preview{color:#334155}[data-theme=ocean] .html-content,[data-theme=ocean] .rich-text,[data-theme=ocean] .article-content{color:#f0f9ff}[data-theme=ocean] .html-content p,[data-theme=ocean] .rich-text p{color:#e0f2fe}[data-theme=ocean] .text-secondary{color:#bae6fd}[data-theme=forest] .html-content,[data-theme=forest] .rich-text,[data-theme=forest] .article-content{color:#f0fdf4}[data-theme=forest] .html-content p,[data-theme=forest] .rich-text p{color:#dcfce7}[data-theme=forest] .text-secondary{color:#bbf7d0}[data-theme=sunset] .html-content,[data-theme=sunset] .rich-text,[data-theme=sunset] .article-content{color:#fff7ed}[data-theme=sunset] .html-content p,[data-theme=sunset] .rich-text p{color:#ffedd5}[data-theme=sunset] .text-secondary{color:#fed7aa}[data-theme=royal] .html-content,[data-theme=royal] .rich-text,[data-theme=royal] .article-content{color:#faf5ff}[data-theme=royal] .html-content p,[data-theme=royal] .rich-text p{color:#f3e8ff}[data-theme=royal] .text-secondary{color:#e9d5ff}[data-theme=cherry] .html-content,[data-theme=cherry] .rich-text,[data-theme=cherry] .article-content{color:#fff1f2}[data-theme=cherry] .html-content p,[data-theme=cherry] .rich-text p{color:#ffe4e6}[data-theme=cherry] .text-secondary{color:#fecdd3}[data-theme=midnight] .html-content,[data-theme=midnight] .rich-text,[data-theme=midnight] .article-content{color:#eef2ff}[data-theme=midnight] .html-content p,[data-theme=midnight] .rich-text p{color:#e0e7ff}[data-theme=midnight] .text-secondary{color:#c7d2fe}input,select,textarea{color:var(--text-primary)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important;opacity:.8}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:#0f172a!important;background:#fff!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#64748b!important}select option{background:var(--card-bg);color:var(--text-primary)}[data-theme=light] select option{background:#fff;color:#0f172a}table{color:var(--text-primary)}th{color:var(--text-primary);font-weight:700}td{color:var(--text-primary)}[data-theme=light] table,[data-theme=light] th,[data-theme=light] td{color:#0f172a}.card,.modal-content,.drawer,.popup,.tooltip,.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h4{color:var(--text-primary)}.card p,.modal-content p{color:var(--text-secondary)}.message-text,.chat-message,.chat-bubble{color:var(--text-primary);line-height:1.6}.message-time,.chat-time{color:var(--text-muted)}.btn{font-weight:600}.btn-primary{color:#fff!important}.btn-secondary,.btn-ghost,.btn-ghost:hover{color:var(--text-primary)}nav a,.nav-link,.menu-item{color:var(--text-primary)}nav a:hover,.nav-link:hover,.menu-item:hover{color:var(--primary-color)}.nav-link.active,.menu-item.active{color:var(--primary-color)}.badge{font-weight:600}.badge-success{color:#059669}.badge-warning{color:#b45309}.badge-danger{color:#dc2626}[data-theme=default] .badge-success,[data-theme=ocean] .badge-success,[data-theme=forest] .badge-success,[data-theme=sunset] .badge-success,[data-theme=royal] .badge-success,[data-theme=cherry] .badge-success,[data-theme=midnight] .badge-success{color:var(--success-color)}[data-theme=default] .badge-warning,[data-theme=ocean] .badge-warning,[data-theme=forest] .badge-warning,[data-theme=sunset] .badge-warning,[data-theme=royal] .badge-warning,[data-theme=cherry] .badge-warning,[data-theme=midnight] .badge-warning{color:var(--warning-color)}[data-theme=default] .badge-danger,[data-theme=ocean] .badge-danger,[data-theme=forest] .badge-danger,[data-theme=sunset] .badge-danger,[data-theme=royal] .badge-danger,[data-theme=cherry] .badge-danger,[data-theme=midnight] .badge-danger{color:var(--error-color)}.tooltip,.popover{color:var(--text-primary);background:var(--card-bg)}.empty-state,.no-data,.placeholder-text{color:var(--text-muted);background-color:var(--bg-secondary)}.empty-state h3,.empty-state h4{color:var(--text-secondary)}.error-message,.error-text{color:var(--error-color)}.success-message,.success-text{color:var(--success-color)}.warning-message,.warning-text{color:var(--warning-color)}.info-message,.info-text{color:var(--info-color)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media(max-width:768px){.html-content,.rich-text,.article-content{font-size:1rem;line-height:1.9}.html-content p,.rich-text p,.article-content p{margin-bottom:1.2em}}@media(prefers-contrast:high){:root{--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-muted: #cccccc}[data-theme=light]{--text-primary: #000000;--text-secondary: #1a1a1a;--text-muted: #333333}}.icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-emoji{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-style:normal}.icon-fa{font-family:"Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 6 Brands","Font Awesome 5 Free","Font Awesome 5 Pro","Font Awesome 5 Brands",FontAwesome,sans-serif;font-weight:900;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-fa.far{font-weight:400}.icon-fa.fab{font-family:"Font Awesome 6 Brands","Font Awesome 5 Brands",FontAwesome,sans-serif;font-weight:400}.icon-fa.fa-spinner{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-xs{font-size:12px!important}.icon-sm{font-size:14px!important}.icon-md{font-size:16px!important}.icon-lg{font-size:20px!important}.icon-xl{font-size:24px!important}.icon-2x{font-size:32px!important}.icon-3x{font-size:48px!important}.icon-primary{color:var(--primary-color, #667eea)!important}.icon-secondary{color:var(--text-secondary, #94a3b8)!important}.icon-success{color:var(--success-color, #10b981)!important}.icon-warning{color:var(--warning-color, #f59e0b)!important}.icon-error{color:var(--error-color, #ef4444)!important}.icon-muted{color:var(--text-muted, #64748b)!important}:root{--comp-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--comp-gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--comp-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--comp-gradient-danger: linear-gradient(135deg, #ef4444 0%, #f87171 100%);--comp-gradient-info: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);--comp-gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);--comp-glass-bg: rgba(255, 255, 255, .08);--comp-glass-border: rgba(255, 255, 255, .12);--comp-glass-blur: 20px;--comp-radius-sm: 8px;--comp-radius-md: 12px;--comp-radius-lg: 16px;--comp-radius-xl: 24px;--comp-radius-full: 9999px;--comp-shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--comp-shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--comp-shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--comp-shadow-xl: 0 16px 48px rgba(0, 0, 0, .2);--comp-transition-fast: .15s;--comp-transition-normal: .3s;--comp-transition-slow: .5s}@keyframes comp-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes comp-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes comp-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes comp-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes comp-slide-right{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes comp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes comp-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes comp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes comp-spin{to{transform:rotate(360deg)}}@keyframes comp-ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes comp-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes comp-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.modern-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--comp-radius-xl);padding:24px;transition:all var(--comp-transition-normal) ease;position:relative;overflow:hidden}.modern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--comp-gradient-primary);background-size:200% 200%;animation:comp-gradient-flow 5s ease infinite;opacity:0;transition:opacity var(--comp-transition-normal) ease}.modern-card:hover{transform:translateY(-4px);box-shadow:var(--comp-shadow-lg);border-color:var(--primary-color)}.modern-card:hover:before{opacity:1}.modern-card.glass{background:var(--comp-glass-bg);backdrop-filter:blur(var(--comp-glass-blur));-webkit-backdrop-filter:blur(var(--comp-glass-blur));border:1px solid var(--comp-glass-border)}.modern-card.elevated{box-shadow:var(--comp-shadow-md)}.modern-card.outlined{background:transparent;border-width:2px}.modern-card.gradient{background:var(--comp-gradient-primary);border:none;color:#fff}.modern-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.modern-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px}.modern-card-title-icon{width:40px;height:40px;border-radius:var(--comp-radius-md);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.modern-card-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.modern-card-actions{display:flex;gap:8px}.modern-card-body{flex:1}.modern-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--comp-radius-xl);padding:24px;transition:all var(--comp-transition-normal) ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--comp-gradient-primary)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--comp-shadow-lg)}.stat-card.blue:before{background:var(--comp-gradient-info)}.stat-card.green:before{background:var(--comp-gradient-success)}.stat-card.yellow:before{background:var(--comp-gradient-warning)}.stat-card.red:before{background:var(--comp-gradient-danger)}.stat-card.purple:before{background:var(--comp-gradient-purple)}.stat-card-icon{width:56px;height:56px;border-radius:var(--comp-radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px}.stat-card.blue .stat-card-icon{background:linear-gradient(135deg,#0ea5e926,#38bdf826)}.stat-card.green .stat-card-icon{background:linear-gradient(135deg,#10b98126,#34d39926)}.stat-card.yellow .stat-card-icon{background:linear-gradient(135deg,#f59e0b26,#fbbf2426)}.stat-card.red .stat-card-icon{background:linear-gradient(135deg,#ef444426,#f8717126)}.stat-card.purple .stat-card-icon{background:linear-gradient(135deg,#8b5cf626,#a855f726)}.stat-card-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.stat-card-value{font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1.2}.stat-card-trend{display:inline-flex;align-items:center;gap:4px;margin-top:12px;padding:4px 10px;border-radius:var(--comp-radius-full);font-size:.8rem;font-weight:600}.stat-card-trend.positive{background:#10b9811a;color:#10b981}.stat-card-trend.negative{background:#ef44441a;color:#ef4444}.modern-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:all var(--comp-transition-normal) ease}.modern-modal-overlay.show{opacity:1;visibility:visible}.modern-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--comp-radius-xl);width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--comp-shadow-xl);transform:scale(.95) translateY(20px);transition:all var(--comp-transition-normal) ease}.modern-modal-overlay.show .modern-modal{transform:scale(1) translateY(0)}.modern-modal.small{max-width:400px}.modern-modal.large{max-width:800px}.modern-modal.fullscreen{max-width:100%;max-height:100%;border-radius:0}.modern-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modern-modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px}.modern-modal-title-icon{width:44px;height:44px;border-radius:var(--comp-radius-md);background:var(--comp-gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff}.modern-modal-close{width:40px;height:40px;border:none;border-radius:var(--comp-radius-md);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--comp-transition-fast) ease}.modern-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary);transform:rotate(90deg)}.modern-modal-body{flex:1;padding:24px;overflow-y:auto}.modern-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.modern-tabs{display:flex;gap:8px;padding:8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--comp-radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.modern-tabs::-webkit-scrollbar{height:0;display:none}.modern-tab{flex:1;min-width:fit-content;padding:14px 24px;border:none;border-radius:var(--comp-radius-md);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--comp-transition-normal) ease;position:relative;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.modern-tab:hover:not(.active){background:var(--bg-secondary);color:var(--text-primary)}.modern-tab.active{background:var(--comp-gradient-primary);background-size:200% 200%;animation:comp-gradient-flow 5s ease infinite;color:#fff;box-shadow:0 4px 16px #667eea4d}.modern-tab-badge{min-width:20px;height:20px;padding:0 6px;background:#ef4444e6;color:#fff;font-size:.7rem;font-weight:700;border-radius:var(--comp-radius-full);display:flex;align-items:center;justify-content:center}.modern-tab.active .modern-tab-badge{background:#fff;color:var(--primary-color)}.modern-tabs.pills{padding:4px;background:var(--bg-secondary)}.modern-tabs.underline{padding:0;background:transparent;border:none;border-bottom:2px solid var(--border-color);border-radius:0;gap:0}.modern-tabs.underline .modern-tab{border-radius:0;padding:14px 20px;position:relative}.modern-tabs.underline .modern-tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--comp-gradient-primary);transform:scaleX(0);transition:transform var(--comp-transition-normal) ease}.modern-tabs.underline .modern-tab.active{background:transparent;color:var(--primary-color);box-shadow:none}.modern-tabs.underline .modern-tab.active:after{transform:scaleX(1)}.modern-tab-content{display:none;animation:comp-fade-in .4s ease-out}.modern-tab-content.active{display:block}.modern-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--comp-radius-md);cursor:pointer;transition:all var(--comp-transition-normal) ease;position:relative;overflow:hidden;white-space:nowrap}.modern-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.modern-btn:hover:before{width:300%;height:300%}.modern-btn:active{transform:scale(.98)}.modern-btn:disabled{opacity:.5;cursor:not-allowed}.modern-btn:disabled:before{display:none}.modern-btn.primary{background:var(--comp-gradient-primary);background-size:200% 200%;animation:comp-gradient-flow 5s ease infinite;color:#fff;box-shadow:0 4px 16px #667eea4d}.modern-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.modern-btn.secondary{background:var(--bg-secondary);color:var(--btn-secondary-text, var(--text-primary));border:1px solid var(--border-color)}.modern-btn.secondary:hover{background:var(--border-light);border-color:var(--primary-color)}.modern-btn.success{background:var(--comp-gradient-success);color:#fff;box-shadow:0 4px 16px #10b9814d}.modern-btn.success:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.modern-btn.warning{background:var(--comp-gradient-warning);color:#1a1a1a;box-shadow:0 4px 16px #f59e0b4d}.modern-btn.warning:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b66}.modern-btn.danger{background:var(--comp-gradient-danger);color:#fff;box-shadow:0 4px 16px #ef44444d}.modern-btn.danger:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.modern-btn.ghost{background:transparent;color:var(--text-primary)}.modern-btn.ghost:hover{background:var(--bg-secondary)}.modern-btn.outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.modern-btn.outline:hover{background:var(--primary-light)}.modern-btn.small{padding:10px 18px;font-size:.85rem;border-radius:var(--comp-radius-sm)}.modern-btn.large{padding:18px 32px;font-size:1.05rem;border-radius:var(--comp-radius-lg)}.modern-btn.icon-only{width:48px;height:48px;padding:0;border-radius:var(--comp-radius-md)}.modern-btn.icon-only.small{width:36px;height:36px}.modern-btn.icon-only.large{width:56px;height:56px}.modern-btn.loading{pointer-events:none;opacity:.8}.modern-btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:comp-spin .8s linear infinite}.modern-form-group{margin-bottom:24px}.modern-form-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:10px}.modern-form-label.required:after{content:"*";color:#ef4444;margin-right:4px}.modern-form-hint{font-size:.8rem;color:var(--text-muted);margin-top:8px}.modern-input{width:100%;padding:14px 18px;font-size:1rem;font-family:inherit;background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--comp-radius-md);color:var(--text-primary);transition:all var(--comp-transition-normal) ease;box-sizing:border-box}.modern-input::placeholder{color:var(--text-muted)}.modern-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26}.modern-input:hover:not(:focus){border-color:var(--primary-light)}.modern-input.error{border-color:#ef4444}.modern-input.error:focus{box-shadow:0 0 0 4px #ef444426}.modern-input.success{border-color:#10b981}.modern-input.success:focus{box-shadow:0 0 0 4px #10b98126}.modern-input-wrapper{position:relative}.modern-input-wrapper .modern-input{padding-right:48px}.modern-input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.modern-textarea{width:100%;padding:14px 18px;font-size:1rem;font-family:inherit;background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--comp-radius-md);color:var(--text-primary);transition:all var(--comp-transition-normal) ease;box-sizing:border-box;resize:vertical;min-height:120px}.modern-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26}.modern-select{width:100%;padding:14px 44px 14px 18px;font-size:1rem;font-family:inherit;background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--comp-radius-md);color:var(--text-primary);cursor:pointer;appearance:none;transition:all var(--comp-transition-normal) ease;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 16px center}.modern-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26}.modern-checkbox-wrapper{display:flex;align-items:center;gap:12px;cursor:pointer}.modern-checkbox{width:22px;height:22px;border:2px solid var(--border-color);border-radius:var(--comp-radius-sm);background:var(--card-bg);cursor:pointer;appearance:none;-webkit-appearance:none;position:relative;transition:all var(--comp-transition-fast) ease}.modern-checkbox:checked{background:var(--comp-gradient-primary);border-color:transparent}.modern-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.8rem;font-weight:700}.modern-checkbox:focus{outline:none;box-shadow:0 0 0 4px #667eea26}.modern-checkbox-label{font-size:.95rem;color:var(--text-primary)}.modern-radio-wrapper{display:flex;align-items:center;gap:12px;cursor:pointer}.modern-radio{width:22px;height:22px;border:2px solid var(--border-color);border-radius:50%;background:var(--card-bg);cursor:pointer;appearance:none;-webkit-appearance:none;position:relative;transition:all var(--comp-transition-fast) ease}.modern-radio:checked{border-color:var(--primary-color)}.modern-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--comp-gradient-primary);border-radius:50%}.modern-radio:focus{outline:none;box-shadow:0 0 0 4px #667eea26}.modern-toggle{width:52px;height:28px;background:var(--bg-secondary);border-radius:var(--comp-radius-full);position:relative;cursor:pointer;transition:all var(--comp-transition-fast) ease}.modern-toggle:after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:all var(--comp-transition-fast) ease}.modern-toggle.active{background:var(--comp-gradient-primary)}.modern-toggle.active:after{transform:translate(-24px)}.modern-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;border-radius:var(--comp-radius-full);transition:all var(--comp-transition-fast) ease}.modern-badge.primary{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea}.modern-badge.success{background:linear-gradient(135deg,#10b98126,#34d39926);color:#10b981}.modern-badge.warning{background:linear-gradient(135deg,#f59e0b26,#fbbf2426);color:#f59e0b}.modern-badge.danger{background:linear-gradient(135deg,#ef444426,#f8717126);color:#ef4444}.modern-badge.info{background:linear-gradient(135deg,#0ea5e926,#38bdf826);color:#0ea5e9}.modern-badge.neutral{background:var(--bg-secondary);color:var(--text-secondary)}.modern-badge.small{padding:4px 10px;font-size:.7rem}.modern-badge.large{padding:8px 18px;font-size:.9rem}.modern-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--text-primary)}.modern-avatar{width:48px;height:48px;border-radius:var(--comp-radius-md);object-fit:cover;border:2px solid var(--border-color);transition:all var(--comp-transition-fast) ease}.modern-avatar:hover{border-color:var(--primary-color);transform:scale(1.05)}.modern-avatar.small{width:32px;height:32px;border-radius:var(--comp-radius-sm)}.modern-avatar.medium{width:48px;height:48px}.modern-avatar.large{width:64px;height:64px;border-radius:var(--comp-radius-lg)}.modern-avatar.xlarge{width:96px;height:96px;border-radius:var(--comp-radius-xl)}.modern-avatar-group{display:flex;flex-direction:row-reverse}.modern-avatar-group .modern-avatar{margin-left:-12px;border:3px solid var(--card-bg)}.modern-avatar-group .modern-avatar:last-child{margin-left:0}.modern-avatar-placeholder{width:48px;height:48px;border-radius:var(--comp-radius-md);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--text-secondary);border:2px solid var(--border-color)}.modern-progress{width:100%;height:12px;background:var(--bg-secondary);border-radius:var(--comp-radius-full);overflow:hidden;position:relative}.modern-progress-bar{height:100%;background:var(--comp-gradient-primary);border-radius:var(--comp-radius-full);transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modern-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:comp-shimmer 2s infinite}.modern-progress-bar.success{background:var(--comp-gradient-success)}.modern-progress-bar.warning{background:var(--comp-gradient-warning)}.modern-progress-bar.danger{background:var(--comp-gradient-danger)}.modern-progress.small{height:6px}.modern-progress.large{height:16px}.modern-progress-wrapper{position:relative}.modern-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem}.modern-progress-text{color:var(--text-secondary)}.modern-progress-value{font-weight:700;color:var(--text-primary)}.modern-skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--border-light) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:comp-shimmer 1.5s infinite;border-radius:var(--comp-radius-md)}.modern-skeleton-text{height:16px;margin-bottom:12px}.modern-skeleton-text.short{width:60%}.modern-skeleton-text.medium{width:80%}.modern-skeleton-avatar{width:48px;height:48px;border-radius:var(--comp-radius-md)}.modern-skeleton-card{height:200px;border-radius:var(--comp-radius-xl)}.modern-skeleton-button{height:48px;width:120px;border-radius:var(--comp-radius-md)}.modern-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.modern-empty-icon{width:100px;height:100px;background:var(--bg-secondary);border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:24px;animation:comp-bounce 3s ease-in-out infinite}.modern-empty-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.modern-empty-description{font-size:.95rem;color:var(--text-secondary);max-width:400px;line-height:1.6}.modern-empty-action{margin-top:24px}.modern-alert{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border-radius:var(--comp-radius-lg);animation:comp-slide-down .4s ease}.modern-alert-icon{width:24px;height:24px;flex-shrink:0;margin-top:2px}.modern-alert-content{flex:1}.modern-alert-title{font-size:.95rem;font-weight:600;margin-bottom:4px}.modern-alert-message{font-size:.9rem;line-height:1.5}.modern-alert-close{width:28px;height:28px;border:none;border-radius:var(--comp-radius-sm);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity var(--comp-transition-fast) ease}.modern-alert-close:hover{opacity:1}.modern-alert.info{background:linear-gradient(135deg,#0ea5e91a,#38bdf81a);border:1px solid rgba(14,165,233,.2);color:#0ea5e9}.modern-alert.success{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid rgba(16,185,129,.2);color:#10b981}.modern-alert.warning{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:1px solid rgba(245,158,11,.2);color:#f59e0b}.modern-alert.danger{background:linear-gradient(135deg,#ef44441a,#f871711a);border:1px solid rgba(239,68,68,.2);color:#ef4444}.modern-tooltip{position:relative;display:inline-block}.modern-tooltip-content{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:10px 16px;background:var(--text-primary);color:var(--card-bg);font-size:.85rem;font-weight:500;border-radius:var(--comp-radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--comp-transition-fast) ease;z-index:1000}.modern-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--text-primary)}.modern-tooltip:hover .modern-tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.modern-divider{height:1px;background:var(--border-color);margin:24px 0}.modern-divider.vertical{width:1px;height:100%;margin:0 24px}.modern-divider-text{display:flex;align-items:center;gap:16px;margin:24px 0}.modern-divider-text:before,.modern-divider-text:after{content:"";flex:1;height:1px;background:var(--border-color)}.modern-divider-text span{font-size:.85rem;color:var(--text-muted)}@media(max-width:768px){.modern-card{padding:20px;border-radius:var(--comp-radius-lg)}.modern-modal{max-width:100%;margin:16px;border-radius:var(--comp-radius-lg)}.modern-modal-header,.modern-modal-body,.modern-modal-footer{padding:16px 20px}.modern-tabs{padding:6px;gap:6px}.modern-tab{padding:12px 16px;font-size:.9rem}.modern-btn{padding:12px 20px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--exam-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--exam-gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--exam-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--exam-gradient-danger: linear-gradient(135deg, #ef4444 0%, #f87171 100%);--exam-gradient-info: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);--exam-gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);--exam-glass-bg: rgba(255, 255, 255, .08);--exam-glass-border: rgba(255, 255, 255, .12);--exam-glass-blur: 20px;--exam-card-radius: 24px;--exam-card-padding: 24px;--exam-transition-fast: .2s;--exam-transition-normal: .3s;--exam-transition-slow: .5s}@keyframes exam-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes exam-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes exam-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes exam-pulse{0%,to{transform:scale(1);box-shadow:0 0 #667eea66}50%{transform:scale(1.02);box-shadow:0 0 0 10px #667eea00}}@keyframes exam-timer-warning{0%,to{background:var(--exam-gradient-warning)}50%{background:var(--exam-gradient-danger)}}@keyframes exam-correct{0%{background:var(--card-bg)}50%{background:#10b98133}to{background:#10b9811a}}@keyframes exam-incorrect{0%{background:var(--card-bg)}50%{background:#ef444433}to{background:#ef44441a}}@keyframes exam-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes exam-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes exam-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes exam-confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.exam-page{min-height:100vh;background:var(--page-bg);padding-top:var(--topbar-height, 64px);position:relative;overflow-x:hidden}.exam-page:before{content:"";position:fixed;top:0;left:0;right:0;height:400px;background:var(--exam-gradient-primary);background-size:200% 200%;animation:exam-gradient-flow 15s ease infinite;opacity:.05;pointer-events:none;z-index:0}.exam-container{max-width:1200px;margin:0 auto;padding:24px;position:relative;z-index:1}@media(min-width:768px){.exam-container{padding:32px}}.exam-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--exam-card-radius);padding:var(--exam-card-padding);margin-bottom:24px;box-shadow:0 4px 24px #00000014;animation:exam-fade-in .5s ease-out;position:relative;overflow:hidden}.exam-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--exam-gradient-primary);background-size:200% 200%;animation:exam-gradient-flow 5s ease infinite}.exam-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.exam-info{flex:1;min-width:200px}.exam-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;gap:12px}.exam-title-icon{width:48px;height:48px;border-radius:14px;background:var(--exam-gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 16px #667eea4d}.exam-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.exam-meta-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border-radius:12px;font-size:.9rem;color:var(--text-secondary)}.exam-meta-item svg{width:18px;height:18px;color:var(--text-muted)}.exam-timer{display:flex;flex-direction:column;align-items:center;padding:20px 28px;background:var(--exam-gradient-primary);background-size:200% 200%;animation:exam-gradient-flow 5s ease infinite;border-radius:20px;color:#fff;box-shadow:0 8px 24px #667eea4d;transition:all var(--exam-transition-normal) ease}.exam-timer.warning{animation:exam-timer-warning 1s ease infinite}.exam-timer-label{font-size:.8rem;font-weight:600;opacity:.9;margin-bottom:4px}.exam-timer-value{font-size:2rem;font-weight:800;font-family:Vazir,monospace;letter-spacing:2px}.exam-timer-progress{width:100%;height:6px;background:#fff3;border-radius:3px;margin-top:12px;overflow:hidden}.exam-timer-progress-bar{height:100%;background:#fff;border-radius:3px;transition:width 1s linear}.exam-progress{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px 24px;margin-bottom:24px;box-shadow:0 4px 16px #0000000f;animation:exam-fade-in .5s ease-out .1s both}.exam-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exam-progress-title{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.exam-progress-value{font-size:.9rem;font-weight:700;color:var(--primary-color)}.exam-progress-bar-container{width:100%;height:10px;background:var(--bg-secondary);border-radius:5px;overflow:hidden}.exam-progress-bar{height:100%;background:var(--exam-gradient-success);border-radius:5px;transition:width .5s ease;position:relative;overflow:hidden}.exam-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:exam-shimmer 2s infinite}.question-navigation{display:flex;flex-wrap:wrap;gap:10px;padding:20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;box-shadow:0 4px 16px #0000000f;animation:exam-fade-in .5s ease-out .2s both}.question-nav-item{width:44px;height:44px;border:2px solid var(--border-color);border-radius:12px;background:var(--card-bg);color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--exam-transition-fast) ease}.question-nav-item:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.question-nav-item.current{background:var(--exam-gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 12px #667eea4d}.question-nav-item.answered{background:var(--exam-gradient-success);border-color:transparent;color:#fff}.question-nav-item.flagged{background:var(--exam-gradient-warning);border-color:transparent;color:#1a1a1a}.question-nav-item.flagged:after{content:"🚩";position:absolute;top:-6px;right:-6px;font-size:.7rem}.question-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--exam-card-radius);padding:var(--exam-card-padding);margin-bottom:24px;box-shadow:0 4px 24px #00000014;animation:exam-scale-in .4s ease-out;transition:all var(--exam-transition-normal) ease;position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--exam-gradient-primary)}.question-card.correct{animation:exam-correct .5s ease;border-color:#10b981}.question-card.correct:before{background:var(--exam-gradient-success)}.question-card.incorrect{animation:exam-incorrect .5s ease;border-color:#ef4444}.question-card.incorrect:before{background:var(--exam-gradient-danger)}.question-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.question-number{display:flex;align-items:center;gap:12px}.question-number-badge{width:48px;height:48px;border-radius:14px;background:var(--exam-gradient-primary);color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d}.question-info{display:flex;flex-direction:column;gap:4px}.question-type{font-size:.85rem;color:var(--text-muted)}.question-points{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-secondary);border-radius:20px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.question-points svg{width:16px;height:16px;color:#f59e0b}.question-actions{display:flex;gap:8px}.question-action-btn{width:40px;height:40px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--exam-transition-fast) ease}.question-action-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.question-action-btn.flagged{background:var(--exam-gradient-warning);border-color:transparent;color:#1a1a1a}.question-body{margin-bottom:24px}.question-text{font-size:1.1rem;line-height:1.8;color:var(--text-primary);margin-bottom:20px}.question-image{max-width:100%;border-radius:16px;margin-top:16px;box-shadow:0 4px 16px #0000001a}.question-options{display:flex;flex-direction:column;gap:12px}.question-option{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;background:var(--bg-secondary);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all var(--exam-transition-normal) ease;position:relative;overflow:hidden}.question-option:before{content:"";position:absolute;inset:0;background:var(--exam-gradient-primary);opacity:0;transition:opacity var(--exam-transition-normal) ease}.question-option:hover{border-color:var(--primary-light);transform:translate(-4px)}.question-option.selected{border-color:var(--primary-color);background:var(--primary-light)}.question-option.selected:before{opacity:.05}.question-option.correct{border-color:#10b981;background:#10b9811a}.question-option.incorrect{border-color:#ef4444;background:#ef44441a}.option-marker{width:36px;height:36px;border-radius:10px;background:var(--card-bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:var(--text-secondary);flex-shrink:0;transition:all var(--exam-transition-fast) ease;position:relative;z-index:1}.question-option.selected .option-marker{background:var(--exam-gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 12px #667eea4d}.question-option.correct .option-marker{background:var(--exam-gradient-success);border-color:transparent;color:#fff}.question-option.incorrect .option-marker{background:var(--exam-gradient-danger);border-color:transparent;color:#fff}.option-text{flex:1;font-size:1rem;line-height:1.6;color:var(--text-primary);position:relative;z-index:1}.option-feedback{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;position:relative;z-index:1}.option-feedback.correct{color:#10b981}.option-feedback.incorrect{color:#ef4444}.question-textarea{width:100%;min-height:200px;padding:18px 20px;font-size:1rem;font-family:inherit;line-height:1.8;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;color:var(--text-primary);resize:vertical;transition:all var(--exam-transition-normal) ease;box-sizing:border-box}.question-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26}.question-textarea::placeholder{color:var(--text-muted)}.textarea-counter{display:flex;justify-content:flex-end;margin-top:8px;font-size:.85rem;color:var(--text-muted)}.question-nav-buttons{display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.nav-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:600;font-family:inherit;border:2px solid var(--border-color);border-radius:14px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all var(--exam-transition-normal) ease}.nav-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-btn.primary{background:var(--exam-gradient-primary);background-size:200% 200%;animation:exam-gradient-flow 5s ease infinite;border-color:transparent;color:#fff;box-shadow:0 4px 16px #667eea4d}.nav-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.nav-btn svg{width:20px;height:20px}.exam-sidebar{position:fixed;top:calc(var(--topbar-height, 64px) + 24px);left:24px;width:280px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--exam-card-radius);padding:20px;box-shadow:0 4px 24px #00000014;z-index:100;animation:exam-fade-in .5s ease-out .3s both}.sidebar-section{margin-bottom:20px}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.sidebar-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color)}.sidebar-stat:last-child{border-bottom:none}.sidebar-stat-label{font-size:.9rem;color:var(--text-secondary)}.sidebar-stat-value{font-size:.95rem;font-weight:700;color:var(--text-primary)}.sidebar-legend{display:flex;flex-direction:column;gap:10px}.legend-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.legend-dot{width:12px;height:12px;border-radius:4px}.legend-dot.answered{background:var(--exam-gradient-success)}.legend-dot.unanswered{background:var(--bg-secondary);border:1px solid var(--border-color)}.legend-dot.flagged{background:var(--exam-gradient-warning)}.legend-dot.current{background:var(--exam-gradient-primary)}.exam-results{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--exam-card-radius);padding:40px;text-align:center;box-shadow:0 8px 32px #0000001a;animation:exam-scale-in .5s ease-out;position:relative;overflow:hidden}.exam-results:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--exam-gradient-success)}.results-icon{width:100px;height:100px;border-radius:30px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;font-size:3rem;animation:exam-bounce 2s ease-in-out infinite}.results-icon.success{background:linear-gradient(135deg,#10b98126,#34d39926)}.results-icon.warning{background:linear-gradient(135deg,#f59e0b26,#fbbf2426)}.results-icon.danger{background:linear-gradient(135deg,#ef444426,#f8717126)}.results-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin-bottom:12px}.results-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:32px}.results-score{display:inline-flex;align-items:baseline;gap:8px;padding:20px 40px;background:var(--bg-secondary);border-radius:20px;margin-bottom:32px}.results-score-value{font-size:4rem;font-weight:800;background:var(--exam-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.results-score-total{font-size:1.5rem;font-weight:600;color:var(--text-muted)}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px}.results-stat{padding:20px;background:var(--bg-secondary);border-radius:16px;text-align:center}.results-stat-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.results-stat-label{font-size:.85rem;color:var(--text-muted)}.results-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.question-designer{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--exam-card-radius);padding:var(--exam-card-padding);margin-bottom:24px;box-shadow:0 4px 24px #00000014;animation:exam-fade-in .5s ease-out}.designer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.designer-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px}.designer-title-icon{width:44px;height:44px;border-radius:12px;background:var(--exam-gradient-purple);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff}.designer-actions{display:flex;gap:10px}.designer-form{display:flex;flex-direction:column;gap:24px}.designer-field{display:flex;flex-direction:column;gap:10px}.designer-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.designer-label.required:after{content:"*";color:#ef4444;margin-right:4px}.designer-input{width:100%;padding:14px 18px;font-size:1rem;font-family:inherit;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:14px;color:var(--text-primary);transition:all var(--exam-transition-normal) ease;box-sizing:border-box}.designer-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26}.designer-select{width:100%;padding:14px 44px 14px 18px;font-size:1rem;font-family:inherit;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:14px;color:var(--text-primary);cursor:pointer;appearance:none;transition:all var(--exam-transition-normal) ease;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 16px center}.designer-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26}.options-editor{display:flex;flex-direction:column;gap:12px}.option-editor-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:14px;transition:all var(--exam-transition-fast) ease}.option-editor-item:hover{border-color:var(--primary-light)}.option-editor-item.correct{border-color:#10b981;background:#10b9810d}.option-editor-marker{width:36px;height:36px;border-radius:10px;background:var(--card-bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary);flex-shrink:0;cursor:pointer;transition:all var(--exam-transition-fast) ease}.option-editor-item.correct .option-editor-marker{background:var(--exam-gradient-success);border-color:transparent;color:#fff}.option-editor-input{flex:1;padding:10px 14px;font-size:.95rem;font-family:inherit;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);transition:all var(--exam-transition-fast) ease;box-sizing:border-box}.option-editor-input:focus{outline:none;border-color:var(--primary-color)}.option-editor-delete{width:36px;height:36px;border:none;border-radius:10px;background:#ef44441a;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--exam-transition-fast) ease}.option-editor-delete:hover{background:#ef444433}.add-option-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:14px;color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--exam-transition-fast) ease}.add-option-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.questions-list{display:flex;flex-direction:column;gap:16px}.question-list-item{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all var(--exam-transition-normal) ease;animation:exam-fade-in .4s ease-out both}.question-list-item:hover{border-color:var(--primary-color);transform:translate(-4px);box-shadow:0 4px 16px #00000014}.question-list-number{width:44px;height:44px;border-radius:12px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--text-secondary);flex-shrink:0}.question-list-content{flex:1;min-width:0}.question-list-text{font-size:.95rem;color:var(--text-primary);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.question-list-meta{display:flex;gap:12px;font-size:.8rem;color:var(--text-muted)}.question-list-actions{display:flex;gap:8px}@media(max-width:1200px){.exam-sidebar{display:none}}@media(max-width:768px){.exam-container{padding:16px}.exam-header{padding:20px;border-radius:20px}.exam-header-content{flex-direction:column;gap:16px}.exam-timer{width:100%;flex-direction:row;justify-content:space-between;padding:16px 20px;border-radius:16px}.exam-timer-progress{display:none}.question-card{padding:20px;border-radius:20px}.question-header{flex-direction:column;gap:12px}.question-option{padding:14px 16px;border-radius:14px}.question-nav-buttons{flex-direction:column;gap:12px}.nav-btn{width:100%;justify-content:center}.exam-results{padding:24px;border-radius:20px}.results-score-value{font-size:3rem}.results-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.exam-container{padding:12px}.exam-header{padding:16px}.exam-title{font-size:1.2rem}.exam-title-icon{width:40px;height:40px;border-radius:12px;font-size:1.2rem}.question-navigation{padding:14px;gap:8px}.question-nav-item{width:38px;height:38px;border-radius:10px;font-size:.85rem}.question-card{padding:16px}.question-number-badge{width:40px;height:40px;border-radius:12px;font-size:1rem}.option-marker{width:32px;height:32px;border-radius:8px;font-size:.85rem}.option-text{font-size:.9rem}.results-score-value{font-size:2.5rem}.results-stats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.exam-progress-bar:after{animation:none}}[data-theme=ocean] .exam-header:before,[data-theme=ocean] .question-card:before,[data-theme=ocean] .question-number-badge,[data-theme=ocean] .question-nav-item.current,[data-theme=ocean] .nav-btn.primary,[data-theme=ocean] .exam-timer{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}[data-theme=forest] .exam-header:before,[data-theme=forest] .question-card:before,[data-theme=forest] .question-number-badge,[data-theme=forest] .question-nav-item.current,[data-theme=forest] .nav-btn.primary,[data-theme=forest] .exam-timer{background:linear-gradient(135deg,#22c55e,#10b981)}[data-theme=sunset] .exam-header:before,[data-theme=sunset] .question-card:before,[data-theme=sunset] .question-number-badge,[data-theme=sunset] .question-nav-item.current,[data-theme=sunset] .nav-btn.primary,[data-theme=sunset] .exam-timer{background:linear-gradient(135deg,#f97316,#ec4899)}[data-theme=royal] .exam-header:before,[data-theme=royal] .question-card:before,[data-theme=royal] .question-number-badge,[data-theme=royal] .question-nav-item.current,[data-theme=royal] .nav-btn.primary,[data-theme=royal] .exam-timer{background:linear-gradient(135deg,#a855f7,#8b5cf6)}[data-theme=cherry] .exam-header:before,[data-theme=cherry] .question-card:before,[data-theme=cherry] .question-number-badge,[data-theme=cherry] .question-nav-item.current,[data-theme=cherry] .nav-btn.primary,[data-theme=cherry] .exam-timer{background:linear-gradient(135deg,#f43f5e,#fb7185)}[data-theme=midnight] .exam-header:before,[data-theme=midnight] .question-card:before,[data-theme=midnight] .question-number-badge,[data-theme=midnight] .question-nav-item.current,[data-theme=midnight] .nav-btn.primary,[data-theme=midnight] .exam-timer{background:linear-gradient(135deg,#6366f1,#8b5cf6)}@media print{.exam-page{padding-top:0;background:#fff}.exam-page:before{display:none}.exam-timer,.exam-sidebar,.question-navigation,.question-nav-buttons,.question-actions{display:none!important}.question-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.question-option:focus-visible,.question-nav-item:focus-visible,.nav-btn:focus-visible,.question-action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-contrast:high){.question-card,.exam-header,.question-option{border-width:2px}}:root{--showcase-gradient-aurora: linear-gradient( 135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100% );--showcase-gradient-sunset: linear-gradient( 135deg, #fa709a 0%, #fee140 100% );--showcase-gradient-ocean: linear-gradient( 135deg, #667eea 0%, #00d4ff 100% );--showcase-gradient-forest: linear-gradient( 135deg, #11998e 0%, #38ef7d 100% );--showcase-gradient-fire: linear-gradient( 135deg, #f12711 0%, #f5af19 100% );--showcase-gradient-cosmic: linear-gradient( 135deg, #0f0c29 0%, #302b63 50%, #24243e 100% );--showcase-gradient-neon: linear-gradient( 135deg, #00f5a0 0%, #00d9f5 100% );--showcase-mesh-1: radial-gradient(at 40% 20%, rgba(102, 126, 234, .4) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(240, 147, 251, .4) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(79, 172, 254, .4) 0px, transparent 50%), radial-gradient(at 80% 50%, rgba(245, 87, 108, .3) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(102, 126, 234, .4) 0px, transparent 50%), radial-gradient(at 80% 100%, rgba(240, 147, 251, .3) 0px, transparent 50%), radial-gradient(at 0% 0%, rgba(0, 212, 255, .3) 0px, transparent 50%);--showcase-glass-primary: rgba(255, 255, 255, .1);--showcase-glass-secondary: rgba(255, 255, 255, .05);--showcase-glass-border: rgba(255, 255, 255, .18);--showcase-glass-blur: 20px;--showcase-glass-blur-heavy: 40px;--showcase-neu-light: rgba(255, 255, 255, .8);--showcase-neu-dark: rgba(0, 0, 0, .1);--showcase-3d-depth: 20px;--showcase-perspective: 1000px;--showcase-spring: cubic-bezier(.68, -.55, .265, 1.55);--showcase-bounce: cubic-bezier(.34, 1.56, .64, 1);--showcase-smooth: cubic-bezier(.4, 0, .2, 1)}@keyframes showcase-aurora-flow{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(30deg)}}@keyframes showcase-float-complex{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-20px) rotate(5deg) scale(1.02)}50%{transform:translateY(-10px) rotate(0) scale(1)}75%{transform:translateY(-25px) rotate(-5deg) scale(1.01)}}@keyframes showcase-glow-pulse{0%,to{box-shadow:0 0 20px #667eea4d,0 0 40px #667eea33,0 0 60px #667eea1a}50%{box-shadow:0 0 30px #667eea80,0 0 60px #667eea4d,0 0 90px #667eea33}}@keyframes showcase-shimmer-wave{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes showcase-morph-blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}@keyframes showcase-orbit{0%{transform:rotate(0) translate(100px) rotate(0)}to{transform:rotate(360deg) translate(100px) rotate(-360deg)}}@keyframes showcase-particle-rise{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}@keyframes showcase-card-3d-hover{0%{transform:perspective(1000px) rotateX(0) rotateY(0)}to{transform:perspective(1000px) rotateX(5deg) rotateY(-5deg)}}@keyframes showcase-text-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes showcase-border-flow{0%{border-image-source:linear-gradient(0deg,#667eea,#764ba2,#f093fb,#667eea)}to{border-image-source:linear-gradient(360deg,#667eea,#764ba2,#f093fb,#667eea)}}@keyframes showcase-scale-bounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes showcase-slide-up-spring{0%{transform:translateY(100px);opacity:0}60%{transform:translateY(-10px)}to{transform:translateY(0);opacity:1}}@keyframes showcase-ripple-expand{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes showcase-typing{0%,to{width:0}50%{width:100%}}@keyframes showcase-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes showcase-wave-line{0%{d:path("M0,50 Q25,30 50,50 T100,50")}50%{d:path("M0,50 Q25,70 50,50 T100,50")}to{d:path("M0,50 Q25,30 50,50 T100,50")}}@keyframes showcase-confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-1000px) rotate(720deg);opacity:0}}.showcase-page:before{content:"";position:fixed;inset:0;background:var(--showcase-mesh-1);opacity:.7;pointer-events:none;z-index:0;animation:showcase-aurora-flow 20s ease infinite;background-size:200% 200%}.showcase-orb{position:fixed;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;z-index:0;animation:showcase-float-complex 15s ease-in-out infinite}.showcase-orb-1{width:400px;height:400px;background:var(--showcase-gradient-aurora);top:-200px;right:-100px;animation-delay:0s}.showcase-orb-2{width:300px;height:300px;background:var(--showcase-gradient-ocean);bottom:-150px;left:-100px;animation-delay:-5s}.showcase-orb-3{width:250px;height:250px;background:var(--showcase-gradient-sunset);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s;animation:showcase-morph-blob 20s ease-in-out infinite}.showcase-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.showcase-particle{position:absolute;width:8px;height:8px;background:#fff9;border-radius:50%;animation:showcase-particle-rise 20s linear infinite}.showcase-particle:nth-child(1){left:5%;animation-delay:0s;animation-duration:15s}.showcase-particle:nth-child(2){left:15%;animation-delay:2s;animation-duration:18s}.showcase-particle:nth-child(3){left:25%;animation-delay:4s;animation-duration:12s}.showcase-particle:nth-child(4){left:35%;animation-delay:1s;animation-duration:20s}.showcase-particle:nth-child(5){left:45%;animation-delay:3s;animation-duration:16s}.showcase-particle:nth-child(6){left:55%;animation-delay:5s;animation-duration:14s}.showcase-particle:nth-child(7){left:65%;animation-delay:2s;animation-duration:22s}.showcase-particle:nth-child(8){left:75%;animation-delay:4s;animation-duration:13s}.showcase-particle:nth-child(9){left:85%;animation-delay:1s;animation-duration:17s}.showcase-particle:nth-child(10){left:95%;animation-delay:3s;animation-duration:19s}.showcase-grid-pattern{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.showcase-hero-advanced{position:relative;padding:140px 24px 100px;text-align:center;z-index:1;overflow:hidden}.showcase-hero-advanced:before{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);transform:translate(-50%,-50%);animation:showcase-glow-pulse 4s ease-in-out infinite;pointer-events:none}.hero-floating-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--showcase-glass-primary);backdrop-filter:blur(var(--showcase-glass-blur));-webkit-backdrop-filter:blur(var(--showcase-glass-blur));border:1px solid var(--showcase-glass-border);border-radius:50px;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:32px;animation:showcase-slide-up-spring .8s var(--showcase-spring);position:relative;overflow:hidden}.hero-floating-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:showcase-shimmer-wave 3s infinite}.hero-badge-icon{font-size:1.4rem;animation:showcase-float-complex 3s ease-in-out infinite}.hero-badge-text{position:relative;z-index:1}.hero-badge-new{padding:4px 10px;background:var(--showcase-gradient-fire);border-radius:20px;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.hero-title-advanced{font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1.1;margin:0 0 24px;animation:showcase-slide-up-spring .8s var(--showcase-spring) .1s both}.hero-title-line{display:block}.hero-title-gradient{background:var(--showcase-gradient-aurora);background-size:300% 300%;animation:showcase-text-gradient 5s ease infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.hero-title-gradient:after{content:attr(data-text);position:absolute;top:0;left:0;background:var(--showcase-gradient-aurora);background-size:300% 300%;animation:showcase-text-gradient 5s ease infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:blur(20px);opacity:.5;z-index:-1}.hero-subtitle-advanced{font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--text-secondary);max-width:700px;margin:0 auto 48px;line-height:1.7;animation:showcase-slide-up-spring .8s var(--showcase-spring) .2s both}.hero-stats-advanced{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;animation:showcase-slide-up-spring .8s var(--showcase-spring) .3s both}.hero-stat-card{padding:28px 36px;background:var(--showcase-glass-primary);backdrop-filter:blur(var(--showcase-glass-blur));-webkit-backdrop-filter:blur(var(--showcase-glass-blur));border:1px solid var(--showcase-glass-border);border-radius:24px;text-align:center;min-width:140px;transition:all .4s var(--showcase-smooth);position:relative;overflow:hidden}.hero-stat-card:before{content:"";position:absolute;inset:0;background:var(--showcase-gradient-aurora);opacity:0;transition:opacity .4s ease}.hero-stat-card:hover{transform:translateY(-8px) scale(1.02);border-color:transparent;box-shadow:0 20px 50px #667eea4d}.hero-stat-card:hover:before{opacity:.1}.hero-stat-icon{font-size:2rem;margin-bottom:12px;display:block;position:relative;z-index:1}.hero-stat-value{font-size:2.8rem;font-weight:800;background:var(--showcase-gradient-aurora);background-size:200% 200%;animation:showcase-text-gradient 3s ease infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;line-height:1.2;position:relative;z-index:1}.hero-stat-label{font-size:.9rem;color:var(--text-secondary);margin-top:4px;position:relative;z-index:1}.hero-cta-group{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:48px;animation:showcase-slide-up-spring .8s var(--showcase-spring) .4s both}.hero-cta-primary{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:var(--showcase-gradient-aurora);background-size:200% 200%;animation:showcase-aurora-flow 5s ease infinite;border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s var(--showcase-smooth);position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea66}.hero-cta-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.hero-cta-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px #667eea80}.hero-cta-primary:hover:before{width:300%;height:300%}.hero-cta-secondary{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:var(--showcase-glass-primary);backdrop-filter:blur(var(--showcase-glass-blur));-webkit-backdrop-filter:blur(var(--showcase-glass-blur));border:2px solid var(--showcase-glass-border);border-radius:16px;color:var(--text-primary);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s var(--showcase-smooth)}.hero-cta-secondary:hover{background:#ffffff26;border-color:var(--primary-color);transform:translateY(-4px)}.showcase-card-advanced{background:var(--card-bg);border:1px solid var(--border-color);border-radius:28px;overflow:hidden;cursor:pointer;transition:all .5s var(--showcase-smooth);position:relative;transform-style:preserve-3d;perspective:var(--showcase-perspective);animation:showcase-scale-bounce .6s var(--showcase-bounce) both}.showcase-card-advanced:before{content:"";position:absolute;inset:-2px;background:var(--showcase-gradient-aurora);background-size:400% 400%;border-radius:30px;z-index:-1;opacity:0;animation:showcase-aurora-flow 8s ease infinite;transition:opacity .4s ease}.showcase-card-advanced:after{content:"";position:absolute;inset:0;background:var(--showcase-gradient-aurora);opacity:0;transition:opacity .4s ease;pointer-events:none}.showcase-card-advanced:hover{transform:translateY(-12px) rotateX(2deg) rotateY(-2deg);box-shadow:0 30px 60px #0003,0 0 40px #667eea33}.showcase-card-advanced:hover:before{opacity:1}.showcase-card-advanced:hover:after{opacity:.05}.card-cover-advanced{position:relative;height:200px;overflow:hidden}.card-cover-image{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--showcase-smooth)}.showcase-card-advanced:hover .card-cover-image{transform:scale(1.15)}.card-cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(0,0,0,.8) 100%)}.card-badges{position:absolute;top:16px;left:16px;display:flex;gap:8px;z-index:2}.card-badge-item{padding:8px 16px;background:var(--showcase-glass-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--showcase-glass-border);border-radius:50px;font-size:.8rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px}.card-badge-item.verified{background:linear-gradient(135deg,#10b981e6,#34d399e6)}.card-badge-item.featured{background:linear-gradient(135deg,#f59e0be6,#fbbf24e6)}.card-badge-item.new{background:linear-gradient(135deg,#ef4444e6,#f87171e6);animation:showcase-glow-pulse 2s ease-in-out infinite}.card-avatar-wrapper{position:absolute;bottom:-50px;right:24px;z-index:3}.card-avatar-advanced{width:100px;height:100px;border-radius:24px;object-fit:cover;border:4px solid var(--card-bg);box-shadow:0 12px 32px #0000004d;transition:all .4s var(--showcase-smooth)}.showcase-card-advanced:hover .card-avatar-advanced{transform:scale(1.1) rotate(-5deg);border-color:var(--primary-color);box-shadow:0 16px 40px #667eea66}.card-body-advanced{padding:60px 28px 28px;position:relative;z-index:1}.card-title-advanced{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0 0 12px;transition:color .3s ease}.showcase-card-advanced:hover .card-title-advanced{background:var(--showcase-gradient-aurora);background-size:200% 200%;animation:showcase-text-gradient 3s ease infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card-subtitle-advanced{font-size:.95rem;color:var(--text-secondary);margin:0 0 20px;display:flex;align-items:center;gap:8px}.card-description-advanced{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-stats-advanced{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:24px}.card-stat-item{text-align:center;padding:12px;background:var(--bg-secondary);border-radius:16px;transition:all .3s ease}.card-stat-item:hover{background:var(--primary-light);transform:translateY(-4px)}.card-stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);display:block;line-height:1.2}.card-stat-label{font-size:.75rem;color:var(--text-muted);margin-top:4px}.card-tags-advanced{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.card-tag-item{padding:8px 16px;background:var(--bg-secondary);border-radius:50px;font-size:.8rem;font-weight:600;color:var(--text-secondary);transition:all .3s ease}.card-tag-item:hover{background:var(--primary-light);color:var(--primary-color);transform:translateY(-2px)}.card-footer-advanced{display:flex;gap:12px}.card-btn-primary{flex:1;padding:16px 24px;background:var(--showcase-gradient-aurora);background-size:200% 200%;animation:showcase-aurora-flow 5s ease infinite;border:none;border-radius:14px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .4s var(--showcase-smooth);box-shadow:0 8px 24px #667eea4d}.card-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66}.card-btn-secondary{width:52px;height:52px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.card-btn-secondary:hover{background:var(--card-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.showcase-filters-advanced{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:10}.filters-container-advanced{display:flex;gap:16px;flex-wrap:wrap;padding:24px;background:var(--showcase-glass-primary);backdrop-filter:blur(var(--showcase-glass-blur-heavy));-webkit-backdrop-filter:blur(var(--showcase-glass-blur-heavy));border:1px solid var(--showcase-glass-border);border-radius:24px;animation:showcase-slide-up-spring .8s var(--showcase-spring) .5s both}.search-container-advanced{flex:1;min-width:300px;position:relative}.search-input-advanced{width:100%;padding:18px 56px 18px 24px;font-size:1rem;font-family:inherit;background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;color:var(--text-primary);transition:all .4s var(--showcase-smooth);box-sizing:border-box}.search-input-advanced:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26,0 8px 32px #667eea1a}.search-input-advanced::placeholder{color:var(--text-muted)}.search-icon-advanced{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color .3s ease}.search-input-advanced:focus+.search-icon-advanced{color:var(--primary-color)}.filter-chips{display:flex;gap:10px;flex-wrap:wrap}.filter-chip{padding:14px 24px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50px;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s var(--showcase-smooth);display:flex;align-items:center;gap:8px}.filter-chip:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.filter-chip.active{background:var(--showcase-gradient-aurora);background-size:200% 200%;animation:showcase-aurora-flow 5s ease infinite;border-color:transparent;color:#fff;box-shadow:0 8px 24px #667eea4d}.filter-chip-icon{font-size:1.1rem}.filter-chip-count{padding:2px 8px;background:#fff3;border-radius:20px;font-size:.75rem;font-weight:700}.filter-chip.active .filter-chip-count{background:#ffffff4d}@media(max-width:1200px){.showcase-hero-advanced{padding:120px 20px 80px}.hero-stats-advanced{gap:20px}}@media(max-width:900px){.showcase-hero-advanced{padding:100px 16px 60px}.hero-stat-card{padding:20px 28px}.hero-stat-value{font-size:2.2rem}.filters-container-advanced{flex-direction:column;padding:20px}.search-container-advanced{min-width:100%}.filter-chips{width:100%;justify-content:center}}@media(max-width:768px){.showcase-hero-advanced{padding:80px 16px 50px}.hero-floating-badge{padding:10px 20px;font-size:.85rem}.hero-stats-advanced{flex-direction:column;align-items:center;gap:12px}.hero-stat-card{width:100%;max-width:280px}.hero-cta-group{flex-direction:column;align-items:center}.hero-cta-primary,.hero-cta-secondary{width:100%;max-width:300px;justify-content:center}.showcase-card-advanced{border-radius:24px}.card-cover-advanced{height:180px}.card-avatar-advanced{width:80px;height:80px;border-radius:20px}.card-avatar-wrapper{bottom:-40px;right:20px}.card-body-advanced{padding:50px 20px 20px}.card-stats-advanced{grid-template-columns:repeat(3,1fr);gap:8px}.card-stat-item{padding:10px}.card-stat-value{font-size:1.2rem}.card-footer-advanced{flex-direction:column}.card-btn-secondary{width:100%;height:48px}}@media(max-width:480px){.showcase-hero-advanced{padding:60px 12px 40px}.hero-stat-value{font-size:2rem}.card-cover-advanced{height:160px}.card-avatar-advanced{width:70px;height:70px}.card-title-advanced{font-size:1.2rem}.filter-chip{padding:12px 18px;font-size:.85rem}}@media(prefers-reduced-motion:reduce){.showcase-orb,.showcase-particle,.showcase-page:before,.hero-floating-badge:before,.showcase-card-advanced:before,.hero-cta-primary:before{animation:none}.showcase-card-advanced:hover{transform:translateY(-8px)}}[data-theme=ocean]{--showcase-gradient-aurora: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 50%, #14b8a6 100%)}[data-theme=forest]{--showcase-gradient-aurora: linear-gradient(135deg, #22c55e 0%, #10b981 50%, #14b8a6 100%)}[data-theme=sunset]{--showcase-gradient-aurora: linear-gradient(135deg, #f97316 0%, #ef4444 50%, #ec4899 100%)}[data-theme=royal]{--showcase-gradient-aurora: linear-gradient(135deg, #a855f7 0%, #8b5cf6 50%, #6366f1 100%)}[data-theme=cherry]{--showcase-gradient-aurora: linear-gradient(135deg, #f43f5e 0%, #ec4899 50%, #d946ef 100%)}[data-theme=midnight]{--showcase-gradient-aurora: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%)}[data-theme=light]{--showcase-glass-primary: rgba(255, 255, 255, .8);--showcase-glass-secondary: rgba(255, 255, 255, .6);--showcase-glass-border: rgba(0, 0, 0, .08)}[data-theme=light] .showcase-page:before{opacity:.4}[data-theme=light] .showcase-orb{opacity:.3}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: rgba(57, 114, 237, .295);--primary-rgb: 37,99,235;--page-bg: #ffffff;--bg-color: var(--page-bg);--bg-secondary: #f1f5f9;--card-bg: #f7efef;--card-bg-2: #d2e6fb;--input-bg: #e5dadaa9;--gradient-primary: linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-accent: linear-gradient(135deg, #60a5fa, #34d399);--btn-primary-text: #ffffff;--btn-secondary-text: #ffffff;--btn-text-on-light: #000000;--btn-text-on-dark: #ffffff;--text-primary: #0b0b0b;--text-secondary: #334155;--text-muted: #64748b;--border-color: #e5e7eb;--border-light: #cbd5e1;--glass-bg: rgba(175, 192, 248, .538);--glass-border: rgba(0,0,0,.08)}[data-theme=light]{--primary-color: #0b5cff;--primary-dark: #0846c4;--primary-light: rgba(11,92,255,.22);--primary-rgb: 11,92,255;--page-bg: #ffffff;--bg-color: var(--page-bg);--bg-secondary: #f8fbff;--card-bg: #ffffff;--card-bg-2: #f9fbff;--input-bg: #ffffff;--text-primary: #000000;--text-secondary: #334155;--text-muted: #6b7280;--border-color: #e5e7eb;--border-light: #cbd5e1;--glass-bg: rgba(255,255,255,.95);--glass-border: rgba(0,0,0,.06);--gradient-primary: linear-gradient(135deg, #0b5cff, #60a5fa);--gradient-accent: linear-gradient(135deg, #60a5fa, #34d399);--btn-primary-text: #ffffff;--btn-secondary-text: #000000;--btn-text-on-light: #000000;--btn-text-on-dark: #ffffff}[data-theme=ocean]{--primary-color: #0ea5e9;--primary-dark: #0284c7;--primary-light: rgba(14,165,233,.14);--primary-rgb: 14,165,233;--page-bg: #072f44;--bg-color: var(--page-bg);--bg-secondary: #053b56;--card-bg: #07425f;--card-bg-2: #0b6b8f;--input-bg: rgba(255,255,255,.03);--text-primary: #e6f8ff;--text-secondary: #cfeffd;--text-muted: rgba(255,255,255,.7);--border-color: rgba(255,255,255,.06);--border-light: rgba(255,255,255,.04);--glass-bg: rgba(5,38,54,.6);--glass-border: rgba(255,255,255,.03);--gradient-primary: linear-gradient(135deg, #06b6d4, #0ea5e9);--gradient-accent: linear-gradient(135deg, #0ea5e9, #60a5fa);--btn-primary-text: #ffffff;--btn-secondary-text: #ffffff;--btn-text-on-light: #000000;--btn-text-on-dark: #ffffff}[data-theme=forest]{--primary-color: #16a34a;--primary-dark: #15803d;--primary-light: rgba(22,163,74,.12);--primary-rgb: 22,163,74;--page-bg: #d8f2e4;--bg-color: var(--page-bg);--bg-secondary: #44be85;--card-bg: #5e967a7a;--card-bg-2: #3e8a62;--input-bg: rgba(255,255,255,.03);--text-primary: #e6fff3;--text-secondary: #c7f9d4;--text-muted: rgba(255,255,255,.7);--border-color: rgba(255,255,255,.05);--border-light: rgba(255,255,255,.03);--glass-bg: rgba(6,26,18,.6);--glass-border: rgba(0,0,0,.18);--gradient-primary: linear-gradient(135deg, #16a34a, #34d399);--gradient-accent: linear-gradient(135deg, #34d399, #86efac);--btn-primary-text: #ffffff;--btn-secondary-text: #ffffff;--btn-text-on-light: #000000;--btn-text-on-dark: #ffffff}[data-theme=sunset]{--primary-color: #f97316;--primary-dark: #c2410c;--primary-light: rgba(249,115,22,.12);--primary-rgb: 249,115,22;--page-bg: #fff7f0;--bg-color: var(--page-bg);--bg-secondary: #fff3ea;--card-bg: #fff2e6;--card-bg-2: #ffe9d6;--input-bg: #fffaf6;--text-primary: #3b2a1a;--text-secondary: #6b4a2e;--text-muted: #7b6b61;--border-color: #f0d9c4;--border-light: #f6e7da;--glass-bg: rgba(255,248,242,.9);--glass-border: rgba(0,0,0,.04);--gradient-primary: linear-gradient(135deg, #f97316, #fb923c);--gradient-accent: linear-gradient(135deg, #fb923c, #fda4af);--btn-primary-text: #ffffff;--btn-secondary-text: #3b2a1a;--btn-text-on-light: #3b2a1a;--btn-text-on-dark: #ffffff}[data-theme=royal]{--primary-color: #0032fc;--primary-dark: #001f9f;--primary-light: rgba(0,50,252,.12);--primary-rgb: 0,50,252;--page-bg: #0f0713;--bg-color: var(--page-bg);--bg-secondary: #1a0f25;--card-bg: #1b0f26;--card-bg-2: #281434;--input-bg: rgba(255,255,255,.02);--text-primary: #f8f0ff;--text-secondary: #dcd3ff;--text-muted: rgba(255,255,255,.7);--border-color: rgba(255,255,255,.04);--border-light: rgba(255,255,255,.02);--glass-bg: rgba(18,8,30,.6);--glass-border: rgba(255,255,255,.02);--gradient-primary: linear-gradient(135deg, #6d28d9, #0032fc);--gradient-accent: linear-gradient(135deg, #8b5cf6, #4f46e5);--btn-primary-text: #ffffff;--btn-secondary-text: #ffffff;--btn-text-on-light: #000000;--btn-text-on-dark: #ffffff}[data-theme=cherry]{--primary-color: #ef4444;--primary-dark: #dc2626;--primary-light: rgba(239,68,68,.12);--primary-rgb: 239,68,68;--page-bg: #13060a;--bg-color: var(--page-bg);--bg-secondary: #2a0710;--card-bg: #2b0b12;--card-bg-2: #3a0f17;--input-bg: rgba(255,255,255,.02);--text-primary: #fff1f2;--text-secondary: #ffdede;--text-muted: rgba(255,255,255,.6);--border-color: rgba(255,255,255,.04);--border-light: rgba(255,255,255,.02);--glass-bg: rgba(19,6,10,.6);--glass-border: rgba(255,255,255,.02);--gradient-primary: linear-gradient(135deg, #ef4444, #fb7185);--gradient-accent: linear-gradient(135deg, #fb7185, #fda4af);--btn-primary-text: #ffffff;--btn-secondary-text: #ffffff;--btn-text-on-light: #000000;--btn-text-on-dark: #ffffff}[data-theme=midnight]{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: rgba(99,102,241,.12);--primary-rgb: 99,102,241;--page-bg: #020617;--bg-color: var(--page-bg);--bg-secondary: #07102a;--card-bg: #07102a;--card-bg-2: #0b1636;--input-bg: rgba(255,255,255,.02);--text-primary: #e6f0ff;--text-secondary: #cfe0ff;--text-muted: rgba(230,240,255,.7);--border-color: rgba(255,255,255,.04);--border-light: rgba(255,255,255,.02);--glass-bg: rgba(2,6,23,.7);--glass-border: rgba(255,255,255,.02);--gradient-primary: linear-gradient(135deg, #6366f1, #4f46e5);--gradient-accent: linear-gradient(135deg, #4f46e5, #60a5fa);--btn-primary-text: #ffffff;--btn-secondary-text: #ffffff;--btn-text-on-light: #000000;--btn-text-on-dark: #ffffff}:root{--msg-sent-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--msg-sent-color: white;--msg-received-bg: var(--card-bg);--msg-received-color: var(--text-primary);--chat-bg: var(--page-bg);--chat-sidebar-bg: var(--card-bg);--chat-input-bg: var(--bg-secondary);--status-online: #22c55e;--status-offline: #6b7280;--status-typing: #3b82f6;--bubble-radius: 20px;--bubble-tail-size: 10px;--msg-transition: .3s}@keyframes msg-slide-in-right{0%{opacity:0;transform:translate(50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes msg-slide-in-left{0%{opacity:0;transform:translate(-50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes msg-pop-in{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes msg-typing-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}@keyframes msg-pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes msg-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes msg-float-emoji{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100px) scale(1.5);opacity:0}}@keyframes msg-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes msg-check-appear{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes msg-unread-pulse{0%,to{transform:scale(1);box-shadow:0 0 #3b82f666}50%{transform:scale(1.05);box-shadow:0 0 0 10px #3b82f600}}.chat-container{display:flex;height:calc(100vh - var(--topbar-height, 64px));margin-top:var(--topbar-height, 64px);background:var(--chat-bg);overflow:hidden}.chat-sidebar{width:380px;min-width:320px;max-width:420px;background:var(--chat-sidebar-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--msg-transition) ease}.sidebar-header{padding:20px;background:var(--msg-sent-bg);background-size:200% 200%;animation:msg-gradient-flow 10s ease infinite;display:flex;align-items:center;justify-content:space-between;gap:16px}.sidebar-title{font-size:1.3rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.sidebar-title-icon{font-size:1.5rem}.sidebar-actions{display:flex;gap:8px}.sidebar-action-btn{width:40px;height:40px;border:none;border-radius:12px;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--msg-transition) ease}.sidebar-action-btn:hover{background:#ffffff40;transform:scale(1.05)}.chat-search{padding:16px 20px;border-bottom:1px solid var(--border-color)}.chat-search-input{width:100%;padding:14px 48px 14px 20px;font-size:.95rem;font-family:inherit;background:var(--bg-secondary);border:2px solid transparent;border-radius:14px;color:var(--text-primary);transition:all var(--msg-transition) ease;box-sizing:border-box}.chat-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26}.chat-search-input::placeholder{color:var(--text-muted)}.conversation-list{flex:1;overflow-y:auto;padding:8px}.conversation-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;cursor:pointer;transition:all var(--msg-transition) ease;margin-bottom:4px;position:relative}.conversation-item:hover{background:var(--bg-secondary)}.conversation-item.active{background:var(--primary-light)}.conversation-item.unread{animation:msg-unread-pulse 2s ease-in-out infinite}.conversation-avatar{position:relative;flex-shrink:0}.conversation-avatar img{width:56px;height:56px;border-radius:18px;object-fit:cover;border:2px solid var(--border-color);transition:all var(--msg-transition) ease}.conversation-item:hover .conversation-avatar img,.conversation-item.active .conversation-avatar img{border-color:var(--primary-color)}.online-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--card-bg)}.online-status.online{background:var(--status-online);box-shadow:0 0 8px var(--status-online)}.online-status.offline{background:var(--status-offline)}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name{font-size:1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.conversation-preview{display:flex;align-items:center;gap:6px}.conversation-last-message{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.conversation-item.unread .conversation-last-message{color:var(--text-primary);font-weight:600}.unread-badge{min-width:22px;height:22px;padding:0 6px;background:var(--msg-sent-bg);color:#fff;font-size:.75rem;font-weight:700;border-radius:11px;display:flex;align-items:center;justify-content:center;animation:msg-pop-in .3s ease}.typing-indicator-small{display:flex;gap:3px;align-items:center}.typing-indicator-small span{width:6px;height:6px;background:var(--status-typing);border-radius:50%;animation:msg-typing-dot 1.4s ease-in-out infinite}.typing-indicator-small span:nth-child(2){animation-delay:.2s}.typing-indicator-small span:nth-child(3){animation-delay:.4s}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--chat-bg);position:relative}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.chat-header-info{display:flex;align-items:center;gap:14px}.chat-header-avatar{width:48px;height:48px;border-radius:14px;object-fit:cover;border:2px solid var(--border-color)}.chat-header-details{display:flex;flex-direction:column}.chat-header-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.chat-header-status{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.chat-header-status.online{color:var(--status-online)}.chat-header-status .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.chat-header-actions{display:flex;gap:8px}.chat-header-btn{width:44px;height:44px;border:none;border-radius:12px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--msg-transition) ease}.chat-header-btn:hover{background:var(--primary-light);color:var(--primary-color)}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(to bottom,var(--chat-bg) 0%,var(--chat-bg) 100%)}.chat-messages:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.date-separator{display:flex;align-items:center;justify-content:center;margin:20px 0;position:relative;z-index:1}.date-separator-text{padding:8px 20px;background:var(--bg-secondary);border-radius:20px;font-size:.8rem;font-weight:600;color:var(--text-muted)}.message-wrapper{display:flex;flex-direction:column;max-width:70%;position:relative;z-index:1}.message-wrapper.sent{align-self:flex-start;align-items:flex-start}.message-wrapper.received{align-self:flex-end;align-items:flex-end}.message-bubble{padding:14px 18px;border-radius:var(--bubble-radius);position:relative;max-width:100%;word-wrap:break-word}.message-wrapper.sent .message-bubble{background:var(--msg-sent-bg);background-size:200% 200%;animation:msg-gradient-flow 10s ease infinite,msg-slide-in-left .4s ease;color:var(--msg-sent-color);border-bottom-left-radius:6px;box-shadow:0 4px 16px #667eea4d}.message-wrapper.received .message-bubble{background:var(--msg-received-bg);color:var(--msg-received-color);border:1px solid var(--border-color);border-bottom-right-radius:6px;animation:msg-slide-in-right .4s ease;box-shadow:0 2px 8px #0000000d}.message-wrapper.sent .message-bubble:before{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border:8px solid transparent;border-top-color:#667eea;border-left:0;border-bottom:0}.message-wrapper.received .message-bubble:before{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border:8px solid transparent;border-top-color:var(--card-bg);border-right:0;border-bottom:0}.message-text{font-size:.95rem;line-height:1.6;margin-bottom:6px}.message-media{border-radius:12px;overflow:hidden;margin-bottom:8px}.message-media img{max-width:100%;max-height:300px;object-fit:cover;display:block}.message-media video{max-width:100%;max-height:300px;display:block}.voice-message{display:flex;align-items:center;gap:12px;padding:8px 0}.voice-play-btn{width:44px;height:44px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--msg-transition) ease}.message-wrapper.received .voice-play-btn{background:var(--primary-light);color:var(--primary-color)}.voice-play-btn:hover{transform:scale(1.1)}.voice-waveform{flex:1;height:32px;display:flex;align-items:center;gap:2px}.voice-waveform-bar{width:3px;background:#fff6;border-radius:2px;transition:height .1s ease}.message-wrapper.received .voice-waveform-bar{background:var(--text-muted)}.voice-duration{font-size:.8rem;opacity:.8;min-width:40px}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:.75rem;opacity:.8}.message-time{font-weight:500}.message-status{display:flex;align-items:center}.message-status svg{width:16px;height:16px}.message-status.sent svg{color:#ffffffb3}.message-status.delivered svg{color:#ffffffe6}.message-status.read svg{color:#4ade80;animation:msg-check-appear .3s ease}.typing-indicator{display:flex;align-items:center;gap:4px;padding:16px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--bubble-radius);border-bottom-right-radius:6px;max-width:fit-content;align-self:flex-end;animation:msg-slide-in-right .3s ease}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:msg-typing-dot 1.4s ease-in-out infinite}.chat-input-container{padding:16px 24px;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;align-items:flex-end;gap:12px}.attachment-btn{width:48px;height:48px;border:none;border-radius:14px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--msg-transition) ease;flex-shrink:0}.attachment-btn:hover{background:var(--primary-light);color:var(--primary-color)}.chat-input-wrapper{flex:1;position:relative}.chat-input{width:100%;min-height:48px;max-height:150px;padding:14px 56px 14px 20px;font-size:.95rem;font-family:inherit;background:var(--bg-secondary);border:2px solid transparent;border-radius:24px;color:var(--text-primary);resize:none;transition:all var(--msg-transition) ease;box-sizing:border-box;line-height:1.5}.chat-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26}.chat-input::placeholder{color:var(--text-muted)}.emoji-btn{position:absolute;left:14px;bottom:10px;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--msg-transition) ease}.emoji-btn:hover{background:var(--primary-light);color:var(--primary-color)}.send-btn{width:48px;height:48px;border:none;border-radius:50%;background:var(--msg-sent-bg);background-size:200% 200%;animation:msg-gradient-flow 5s ease infinite;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--msg-transition) ease;flex-shrink:0;box-shadow:0 4px 16px #667eea4d}.send-btn:hover{transform:scale(1.1);box-shadow:0 6px 24px #667eea66}.send-btn:active{transform:scale(.95)}.send-btn svg{width:22px;height:22px;transform:rotate(-45deg)}.voice-record-btn{width:48px;height:48px;border:none;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--msg-transition) ease;flex-shrink:0}.voice-record-btn:hover{background:var(--primary-light);color:var(--primary-color)}.voice-record-btn.recording{background:#ef4444;color:#fff;animation:msg-pulse-ring 1s ease-in-out infinite}.emoji-picker{position:absolute;bottom:100%;left:0;margin-bottom:12px;width:320px;max-height:350px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 40px #00000026;overflow:hidden;display:none;z-index:100}.emoji-picker.show{display:block;animation:msg-pop-in .3s ease}.emoji-picker-header{padding:12px 16px;border-bottom:1px solid var(--border-color)}.emoji-search{width:100%;padding:10px 14px;font-size:.9rem;background:var(--bg-secondary);border:none;border-radius:10px;color:var(--text-primary)}.emoji-categories{display:flex;padding:8px 12px;gap:4px;border-bottom:1px solid var(--border-color)}.emoji-category-btn{flex:1;padding:8px;background:transparent;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.emoji-category-btn:hover{background:var(--bg-secondary)}.emoji-category-btn.active{background:var(--primary-light)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px;max-height:200px;overflow-y:auto}.emoji-item{width:100%;aspect-ratio:1;background:transparent;border:none;border-radius:8px;font-size:1.4rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.emoji-item:hover{background:var(--bg-secondary);transform:scale(1.2)}.system-message{display:flex;justify-content:center;margin:16px 0}.system-message-content{padding:10px 20px;background:var(--bg-secondary);border-radius:20px;font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.system-message-icon{font-size:1rem}.reply-preview{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:12px;margin-bottom:12px;position:relative}.reply-preview:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--msg-sent-bg);border-radius:2px}.reply-preview-content{flex:1;min-width:0}.reply-preview-name{font-size:.85rem;font-weight:600;color:var(--primary-color);margin-bottom:2px}.reply-preview-text{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-close{width:28px;height:28px;border:none;border-radius:50%;background:var(--card-bg);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.reply-preview-close:hover{background:#ef44441a;color:#ef4444}.message-context-menu{position:fixed;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px #00000026;padding:8px;min-width:180px;z-index:1000;animation:msg-pop-in .2s ease}.context-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:var(--text-primary)}.context-menu-item:hover{background:var(--bg-secondary)}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:#ef44441a}.context-menu-icon{width:20px;height:20px;color:var(--text-muted)}.context-menu-item.danger .context-menu-icon{color:#ef4444}.context-menu-divider{height:1px;background:var(--border-color);margin:8px 0}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.chat-empty-icon{width:120px;height:120px;background:var(--bg-secondary);border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:4rem;margin-bottom:24px;animation:msg-float-emoji 3s ease-in-out infinite alternate}.chat-empty-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.chat-empty-description{font-size:1rem;color:var(--text-secondary);max-width:400px;line-height:1.6}@media(max-width:1024px){.chat-sidebar{width:320px;min-width:280px}}@media(max-width:768px){.chat-container{flex-direction:column}.chat-sidebar{position:fixed;top:var(--topbar-height, 64px);right:0;bottom:0;width:100%;max-width:100%;z-index:100;transform:translate(100%);transition:transform .3s ease}.chat-sidebar.open{transform:translate(0)}.chat-main{height:calc(100vh - var(--topbar-height, 64px))}.message-wrapper{max-width:85%}.chat-messages{padding:16px}.chat-input-container{padding:12px 16px}.emoji-picker{width:100%;left:0;right:0;bottom:60px;border-radius:20px 20px 0 0}}@media(max-width:480px){.conversation-avatar img{width:48px;height:48px;border-radius:14px}.conversation-item{padding:12px}.message-bubble{padding:12px 14px}.chat-header{padding:12px 16px}.chat-header-avatar{width:40px;height:40px;border-radius:12px}.attachment-btn,.send-btn,.voice-record-btn{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.message-wrapper.sent .message-bubble,.message-wrapper.received .message-bubble,.typing-indicator,.conversation-item.unread,.emoji-picker.show,.message-context-menu{animation:none}}[data-theme=ocean]{--msg-sent-bg: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%)}[data-theme=forest]{--msg-sent-bg: linear-gradient(135deg, #22c55e 0%, #10b981 100%)}[data-theme=sunset]{--msg-sent-bg: linear-gradient(135deg, #f97316 0%, #ec4899 100%)}[data-theme=royal]{--msg-sent-bg: linear-gradient(135deg, #a855f7 0%, #8b5cf6 100%)}[data-theme=cherry]{--msg-sent-bg: linear-gradient(135deg, #f43f5e 0%, #fb7185 100%)}[data-theme=midnight]{--msg-sent-bg: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)}:root{--form-focus-color: #667eea;--form-success-color: #10b981;--form-error-color: #ef4444;--form-warning-color: #f59e0b;--form-radius: 16px;--form-padding: 16px 20px;--form-border-width: 2px;--notif-success-bg: linear-gradient(135deg, rgba(16, 185, 129, .15), rgba(52, 211, 153, .15));--notif-error-bg: linear-gradient(135deg, rgba(239, 68, 68, .15), rgba(248, 113, 113, .15));--notif-warning-bg: linear-gradient(135deg, rgba(245, 158, 11, .15), rgba(251, 191, 36, .15));--notif-info-bg: linear-gradient(135deg, rgba(59, 130, 246, .15), rgba(96, 165, 250, .15))}@keyframes form-focus-glow{0%,to{box-shadow:0 0 0 4px #667eea26}50%{box-shadow:0 0 0 8px #667eea1a}}@keyframes form-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes form-success-check{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes form-label-float{0%{transform:translateY(0);font-size:1rem;color:var(--text-muted)}to{transform:translateY(-28px);font-size:.8rem;color:var(--form-focus-color)}}@keyframes notif-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notif-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes notif-bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes notif-progress{0%{width:100%}to{width:0%}}@keyframes form-ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.modern-form{display:flex;flex-direction:column;gap:28px}.form-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:28px;transition:all .3s ease}.form-section:hover{box-shadow:0 8px 32px #00000014}.form-section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.form-section-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.form-group{display:flex;flex-direction:column;gap:10px;position:relative}.form-label{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.form-label.required:after{content:"*";color:var(--form-error-color);font-weight:700}.form-label-hint{font-size:.8rem;font-weight:400;color:var(--text-muted)}.form-input{width:100%;padding:var(--form-padding);font-size:1rem;font-family:inherit;background:var(--bg-secondary);border:var(--form-border-width) solid var(--border-color);border-radius:var(--form-radius);color:var(--text-primary);transition:all .3s ease;box-sizing:border-box}.form-input::placeholder{color:var(--text-muted)}.form-input:hover:not(:focus){border-color:var(--text-muted)}.form-input:focus{outline:none;border-color:var(--form-focus-color);background:var(--card-bg);box-shadow:0 0 0 4px #667eea26}.form-input.success{border-color:var(--form-success-color)}.form-input.success:focus{box-shadow:0 0 0 4px #10b98126}.form-input.error{border-color:var(--form-error-color);animation:form-shake .5s ease}.form-input.error:focus{box-shadow:0 0 0 4px #ef444426}.input-with-icon{position:relative}.input-with-icon .form-input{padding-right:52px}.input-icon-wrapper{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color .3s ease}.input-with-icon:focus-within .input-icon-wrapper{color:var(--form-focus-color)}.input-with-button{display:flex;gap:12px}.input-with-button .form-input{flex:1}.floating-label-group{position:relative;margin-top:16px}.floating-label-input{width:100%;padding:20px 20px 12px;font-size:1rem;font-family:inherit;background:var(--bg-secondary);border:var(--form-border-width) solid var(--border-color);border-radius:var(--form-radius);color:var(--text-primary);transition:all .3s ease;box-sizing:border-box}.floating-label{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-muted);pointer-events:none;transition:all .3s ease;background:transparent;padding:0 4px}.floating-label-input:focus,.floating-label-input:not(:placeholder-shown){padding-top:24px;padding-bottom:8px}.floating-label-input:focus+.floating-label,.floating-label-input:not(:placeholder-shown)+.floating-label{top:8px;transform:translateY(0);font-size:.75rem;color:var(--form-focus-color);font-weight:600}.floating-label-input:focus{outline:none;border-color:var(--form-focus-color);box-shadow:0 0 0 4px #667eea26}.form-textarea{width:100%;min-height:140px;padding:var(--form-padding);font-size:1rem;font-family:inherit;background:var(--bg-secondary);border:var(--form-border-width) solid var(--border-color);border-radius:var(--form-radius);color:var(--text-primary);resize:vertical;transition:all .3s ease;box-sizing:border-box;line-height:1.6}.form-textarea:focus{outline:none;border-color:var(--form-focus-color);background:var(--card-bg);box-shadow:0 0 0 4px #667eea26}.textarea-counter{display:flex;justify-content:flex-end;font-size:.8rem;color:var(--text-muted);margin-top:8px}.textarea-counter.warning{color:var(--form-warning-color)}.textarea-counter.error{color:var(--form-error-color)}.form-select{width:100%;padding:var(--form-padding);padding-left:48px;font-size:1rem;font-family:inherit;background:var(--bg-secondary);border:var(--form-border-width) solid var(--border-color);border-radius:var(--form-radius);color:var(--text-primary);cursor:pointer;appearance:none;transition:all .3s ease;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 16px center}.form-select:focus{outline:none;border-color:var(--form-focus-color);background-color:var(--card-bg);box-shadow:0 0 0 4px #667eea26}.custom-select{position:relative}.custom-select-trigger{width:100%;padding:var(--form-padding);font-size:1rem;font-family:inherit;background:var(--bg-secondary);border:var(--form-border-width) solid var(--border-color);border-radius:var(--form-radius);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .3s ease}.custom-select-trigger:hover{border-color:var(--text-muted)}.custom-select.open .custom-select-trigger{border-color:var(--form-focus-color);box-shadow:0 0 0 4px #667eea26}.custom-select-arrow{transition:transform .3s ease}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--form-radius);box-shadow:0 10px 40px #00000026;z-index:100;max-height:280px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.custom-select.open .custom-select-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-option{padding:14px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease}.custom-select-option:hover{background:var(--bg-secondary)}.custom-select-option.selected{background:var(--primary-light);color:var(--primary-color)}.custom-select-option-icon{width:24px;height:24px}.form-checkbox-group{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--form-radius);transition:all .3s ease}.form-checkbox-group:hover{background:var(--primary-light)}.form-checkbox{width:24px;height:24px;border:var(--form-border-width) solid var(--border-color);border-radius:8px;background:var(--card-bg);cursor:pointer;appearance:none;-webkit-appearance:none;position:relative;transition:all .3s ease;flex-shrink:0}.form-checkbox:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.9rem;font-weight:700;animation:form-success-check .3s ease}.form-checkbox:focus{outline:none;box-shadow:0 0 0 4px #667eea26}.form-checkbox-label{font-size:.95rem;color:var(--text-primary);line-height:1.5}.form-radio-group{display:flex;flex-direction:column;gap:12px}.form-radio-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:14px 18px;background:var(--bg-secondary);border:var(--form-border-width) solid transparent;border-radius:var(--form-radius);transition:all .3s ease}.form-radio-item:hover{background:var(--primary-light)}.form-radio-item.selected{border-color:var(--form-focus-color);background:var(--primary-light)}.form-radio{width:24px;height:24px;border:var(--form-border-width) solid var(--border-color);border-radius:50%;background:var(--card-bg);cursor:pointer;appearance:none;-webkit-appearance:none;position:relative;transition:all .3s ease;flex-shrink:0}.form-radio:checked{border-color:var(--form-focus-color)}.form-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;animation:form-success-check .3s ease}.form-radio:focus{outline:none;box-shadow:0 0 0 4px #667eea26}.form-radio-label{flex:1}.form-radio-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.form-radio-description{font-size:.85rem;color:var(--text-muted)}.form-toggle-group{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border-radius:var(--form-radius);cursor:pointer;transition:all .3s ease}.form-toggle-group:hover{background:var(--primary-light)}.form-toggle-info{display:flex;flex-direction:column;gap:4px}.form-toggle-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.form-toggle-description{font-size:.85rem;color:var(--text-muted)}.form-toggle{width:56px;height:32px;background:var(--border-color);border-radius:16px;position:relative;cursor:pointer;transition:all .3s ease;flex-shrink:0}.form-toggle:after{content:"";position:absolute;top:4px;right:4px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:all .3s ease}.form-toggle.active{background:linear-gradient(135deg,#667eea,#764ba2)}.form-toggle.active:after{transform:translate(-24px)}.form-file-upload{position:relative;border:2px dashed var(--border-color);border-radius:var(--form-radius);padding:40px 24px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary)}.form-file-upload:hover{border-color:var(--form-focus-color);background:var(--primary-light)}.form-file-upload.dragover{border-color:var(--form-focus-color);background:var(--primary-light);transform:scale(1.02)}.form-file-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-upload-icon{width:64px;height:64px;background:var(--card-bg);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 16px;transition:all .3s ease}.form-file-upload:hover .file-upload-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-4px)}.file-upload-text{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.file-upload-hint{font-size:.85rem;color:var(--text-muted)}.file-preview{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-secondary);border-radius:12px;margin-top:12px}.file-preview-icon{width:44px;height:44px;background:var(--card-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.file-preview-info{flex:1;min-width:0}.file-preview-name{font-size:.9rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{font-size:.8rem;color:var(--text-muted)}.file-preview-remove{width:32px;height:32px;border:none;border-radius:8px;background:#ef44441a;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.file-preview-remove:hover{background:#ef444433}.form-message{display:flex;align-items:center;gap:8px;font-size:.85rem;margin-top:8px;padding:10px 14px;border-radius:10px}.form-message.error{background:var(--notif-error-bg);color:var(--form-error-color)}.form-message.success{background:var(--notif-success-bg);color:var(--form-success-color)}.form-message.warning{background:var(--notif-warning-bg);color:var(--form-warning-color)}.form-message.info{background:var(--notif-info-bg);color:#3b82f6}.form-message-icon{flex-shrink:0}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--border-color);margin-top:8px}.form-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;font-family:inherit;border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.form-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.form-btn:hover:before{width:300%;height:300%}.form-btn:active{transform:scale(.98)}.form-btn:disabled{opacity:.5;cursor:not-allowed}.form-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d}.form-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.form-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.form-btn.secondary:hover{background:var(--border-light)}.toast-container{position:fixed;top:calc(var(--topbar-height, 64px) + 24px);left:24px;display:flex;flex-direction:column;gap:12px;z-index:9999;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px #00000026;min-width:320px;max-width:450px;animation:notif-slide-in .4s ease;pointer-events:auto;position:relative;overflow:hidden}.toast.closing{animation:notif-slide-out .3s ease forwards}.toast.success{border-right:4px solid var(--form-success-color)}.toast.error{border-right:4px solid var(--form-error-color)}.toast.warning{border-right:4px solid var(--form-warning-color)}.toast.info{border-right:4px solid #3b82f6}.toast-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.toast.success .toast-icon{background:var(--notif-success-bg)}.toast.error .toast-icon{background:var(--notif-error-bg)}.toast.warning .toast-icon{background:var(--notif-warning-bg)}.toast.info .toast-icon{background:var(--notif-info-bg)}.toast-content{flex:1;min-width:0}.toast-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.toast-message{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.toast-close{width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.toast-progress{position:absolute;bottom:0;right:0;left:0;height:3px;background:var(--border-color)}.toast-progress-bar{height:100%;animation:notif-progress 5s linear forwards}.toast.success .toast-progress-bar{background:var(--form-success-color)}.toast.error .toast-progress-bar{background:var(--form-error-color)}.toast.warning .toast-progress-bar{background:var(--form-warning-color)}.toast.info .toast-progress-bar{background:#3b82f6}.toast-actions{display:flex;gap:8px;margin-top:12px}.toast-action-btn{padding:8px 16px;font-size:.85rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.toast-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.toast-action-btn.secondary{background:var(--bg-secondary);color:var(--text-primary)}.confirm-dialog-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:all .3s ease}.confirm-dialog-overlay.show{opacity:1;visibility:visible}.confirm-dialog{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:32px;max-width:420px;width:100%;text-align:center;transform:scale(.9);transition:all .3s ease;animation:notif-bounce-in .4s ease}.confirm-dialog-icon{width:80px;height:80px;border-radius:24px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.confirm-dialog-icon.warning{background:var(--notif-warning-bg)}.confirm-dialog-icon.danger{background:var(--notif-error-bg)}.confirm-dialog-icon.info{background:var(--notif-info-bg)}.confirm-dialog-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.confirm-dialog-message{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}.confirm-dialog-actions{display:flex;gap:12px;justify-content:center}.confirm-dialog-btn{flex:1;padding:14px 24px;font-size:.95rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .3s ease}.confirm-dialog-btn.cancel{background:var(--bg-secondary);color:var(--text-primary)}.confirm-dialog-btn.cancel:hover{background:var(--border-light)}.confirm-dialog-btn.confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d}.confirm-dialog-btn.confirm:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.confirm-dialog-btn.danger{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;box-shadow:0 4px 16px #ef44444d}.confirm-dialog-btn.danger:hover{box-shadow:0 8px 24px #ef444466}@media(max-width:768px){.form-section{padding:20px;border-radius:20px}.form-row{grid-template-columns:1fr;gap:20px}.form-actions{flex-direction:column}.form-btn{width:100%}.toast-container{left:16px;right:16px;top:calc(var(--topbar-height, 64px) + 16px)}.toast{min-width:auto;max-width:100%}.confirm-dialog{padding:24px;border-radius:20px}.confirm-dialog-actions{flex-direction:column}}@media(max-width:480px){.form-section{padding:16px}.form-input,.form-textarea,.form-select{padding:14px 16px;font-size:16px}.toast-icon{width:36px;height:36px;font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.toast,.confirm-dialog,.form-checkbox:checked:after,.form-radio:checked:after{animation:none}.form-input.error{animation:none}}[data-theme=light] .toast{box-shadow:0 10px 40px #0000001a}[data-theme=light] .confirm-dialog{box-shadow:0 20px 60px #00000026}.password-input-wrapper{position:relative;width:100%;display:flex;align-items:center;border:none;background:transparent;padding:0;margin:0}.password-input{width:100%;padding:14px 45px 14px 18px;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;font-size:1.143em;background:var(--bg-color, #ffffff);color:var(--text-primary, #1f2937);transition:all .2s ease;box-sizing:border-box;font-family:inherit;direction:rtl}.password-input::placeholder{color:var(--text-secondary, #6b7280)}.password-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background:var(--bg-color, #ffffff)}.password-input:hover{border-color:var(--border-color, #e2e8f0)}.password-input:disabled{background:var(--bg-color, #f3f4f6);cursor:not-allowed;opacity:.6}.password-input.input-error{border-color:var(--error-color, #ef4444);background:#fef2f2}.password-input.input-error:focus{border-color:var(--error-color, #ef4444);box-shadow:0 0 0 4px #ef44441a}.password-toggle-btn{position:absolute;left:18px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:color .2s;z-index:1}.password-toggle-btn:hover:not(:disabled){color:var(--text-primary, #1f2937)}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-toggle-btn:focus{outline:none}.password-toggle-btn svg{display:block}@media(max-width:640px){.password-input{padding:12px 40px 12px 16px;font-size:1.071em}.password-toggle-btn{left:16px}}.auth-page-wrapper{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.auth-page-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 80%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 40% 40%,rgba(6,182,212,.1) 0%,transparent 40%);animation:aurora 20s ease-in-out infinite alternate;pointer-events:none}@keyframes aurora{0%{transform:translate(0) rotate(0)}to{transform:translate(-5%,-5%) rotate(5deg)}}.auth-background-overlay{position:absolute;inset:0;overflow:hidden;z-index:1}.auth-background-overlay:before,.auth-background-overlay:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 15s ease-in-out infinite}.auth-background-overlay:before{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);top:-200px;right:-100px;animation-delay:0s}.auth-background-overlay:after{background:linear-gradient(135deg,#06b6d44d,#3b82f64d);bottom:-200px;left:-100px;animation-delay:-7s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-box{position:relative;z-index:10;background:#ffffff08;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 64px #0006,0 0 0 1px #ffffff0d inset,0 -20px 40px #0003 inset;border-radius:32px;width:100%;max-width:420px;padding:48px 40px;direction:rtl;text-align:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-box:before{content:"🎓";position:absolute;top:-40px;left:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 16px 40px #3b82f666,0 0 0 4px #ffffff1a;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{box-shadow:0 16px 40px #3b82f666,0 0 0 4px #ffffff1a}50%{box-shadow:0 20px 50px #3b82f680,0 0 0 8px #ffffff26}}.auth-header{margin-bottom:36px;margin-top:24px}.auth-header h1{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;line-height:1.3;letter-spacing:-.5px}.auth-header p{font-size:1rem;color:#94a3b8e6;margin:0;font-weight:400}.input-wrapper{margin-bottom:20px;position:relative}.auth-input{width:100%;padding:16px 52px 16px 20px;border:2px solid rgba(255,255,255,.08);border-radius:16px;font-size:1rem;background:#ffffff08;color:#f1f5f9;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;font-family:inherit;direction:rtl}.auth-input::placeholder{color:#94a3b899;padding-right:30px}.auth-input:focus{outline:none;border-color:#3b82f699;background:#ffffff0d;box-shadow:0 0 0 4px #3b82f626,0 8px 24px #0003}.input-wrapper:before{content:"";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.5;pointer-events:none;z-index:2}.input-wrapper:first-child:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E")}.input-wrapper:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z'/%3E%3C/svg%3E")}.input-wrapper:focus-within:before{opacity:.8}.auth-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:12px;position:relative;overflow:hidden;box-shadow:0 8px 24px #3b82f659,0 0 0 1px #ffffff1a inset;letter-spacing:.5px}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-button:hover{transform:translateY(-3px);box-shadow:0 16px 40px #3b82f673,0 0 0 1px #ffffff26 inset}.auth-button:active{transform:translateY(-1px)}.error-message{background:#ef444426;color:#fca5a5;padding:14px 18px;border-radius:14px;margin-bottom:24px;font-size:.95rem;border:1px solid rgba(239,68,68,.3);text-align:right;display:flex;align-items:center;gap:10px;animation:shake .4s ease}.error-message:before{content:"⚠️";font-size:1.2rem}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.auth-footer{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.auth-link{color:#60a5fa;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease;position:relative}.auth-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.auth-link:hover{color:#93c5fd}.bottom-link{margin-top:16px;font-size:.95rem;color:#94a3b8cc;line-height:1.8}.input-wrapper .password-input-container{position:relative}.input-wrapper .password-input-container input{width:100%;padding:16px 52px 16px 48px;border:2px solid rgba(255,255,255,.08);border-radius:16px;font-size:1rem;background:#ffffff08;color:#f1f5f9;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;font-family:inherit;direction:rtl}.input-wrapper .password-input-container input::placeholder{color:#94a3b899}.input-wrapper .password-input-container input:focus{outline:none;border-color:#3b82f699;background:#ffffff0d;box-shadow:0 0 0 4px #3b82f626,0 8px 24px #0003}.input-wrapper .password-input-container input:hover:not(:focus){border-color:#ffffff26;background:#ffffff0a}.input-wrapper .password-input-container .toggle-password{position:absolute;left:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b899;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.input-wrapper .password-input-container .toggle-password:hover{color:#94a3b8e6}@media(max-width:640px){.auth-page-wrapper{padding:80px 16px 16px;align-items:flex-start}.login-box{max-width:100%;padding:40px 24px 32px;border-radius:24px}.login-box:before{width:70px;height:70px;top:-35px;font-size:2rem;border-radius:20px}.auth-header{margin-top:20px}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.9rem}.auth-input,.input-wrapper .password-input-container input{padding:14px 48px 14px 18px;font-size:.95rem}.input-wrapper .password-input-container input{padding-left:44px}.input-wrapper:before{right:16px;width:20px;height:20px}.auth-button{padding:14px 20px;font-size:1rem}}@media(max-width:480px){.auth-page-wrapper{padding-top:60px}.login-box{padding:36px 20px 28px}.auth-header h1{font-size:1.35rem}.input-wrapper{margin-bottom:16px}}.loading-spinner-small{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-left:8px}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.auth-button:disabled:hover{box-shadow:0 8px 24px #3b82f659}@media(prefers-reduced-motion:reduce){.auth-page-wrapper:before,.auth-background-overlay:before,.auth-background-overlay:after,.login-box:before{animation:none}.login-box{animation:none}.auth-button:before{display:none}}[data-theme=light] .login-box{background:#ffffffe6;border-color:#00000014;box-shadow:0 32px 64px #00000026,0 0 0 1px #0000000d}[data-theme=light] .auth-header h1{background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text}[data-theme=light] .auth-input,[data-theme=light] .input-wrapper .password-input-container input{background:#f1f5f9cc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .auth-input::placeholder,[data-theme=light] .input-wrapper .password-input-container input::placeholder{color:#94a3b8}[data-theme=light] .auth-input:focus,[data-theme=light] .input-wrapper .password-input-container input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}[data-theme=light] .bottom-link{color:#64748b}[data-theme=light] .error-message{background:#fee2e2;color:#991b1b;border-color:#fecaca}[data-theme=light] .input-wrapper .password-input-container .toggle-password{color:#64748b}[data-theme=light] .input-wrapper .password-input-container .toggle-password:hover{color:#334155}:root{--login-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--login-gradient-secondary: linear-gradient(135deg, #0ea5e9 0%, #6366f1 50%, #a855f7 100%);--login-gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--login-gradient-mesh: radial-gradient(at 0% 0%, rgba(102, 126, 234, .4) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(118, 75, 162, .4) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(240, 147, 251, .4) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(102, 126, 234, .4) 0px, transparent 50%);--login-glass-bg: rgba(255, 255, 255, .05);--login-glass-border: rgba(255, 255, 255, .1);--login-glass-blur: 24px;--login-card-radius: 32px;--login-card-padding: 48px;--login-transition-fast: .2s;--login-transition-normal: .4s;--login-transition-slow: .6s}@keyframes login-aurora{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(2%,-3%) rotate(2deg) scale(1.02)}50%{transform:translate(-2%,2%) rotate(-1deg) scale(.98)}75%{transform:translate(1%,1%) rotate(1deg) scale(1.01)}}@keyframes login-float{0%,to{transform:translate(0) scale(1);opacity:.6}33%{transform:translate(40px,-40px) scale(1.15);opacity:.8}66%{transform:translate(-30px,30px) scale(.9);opacity:.5}}@keyframes login-glow{0%,to{filter:blur(60px);opacity:.5}50%{filter:blur(80px);opacity:.7}}@keyframes login-slide-up{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes login-fade-in{0%{opacity:0}to{opacity:1}}@keyframes login-icon-pulse{0%,to{transform:translate(-50%) scale(1);box-shadow:0 20px 50px #667eea80,0 0 #667eea66}50%{transform:translate(-50%) scale(1.05);box-shadow:0 24px 60px #667eea99,0 0 0 15px #667eea00}}@keyframes login-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes login-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes login-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes login-ripple{0%{transform:scale(0);opacity:.8}to{transform:scale(4);opacity:0}}@keyframes login-particle{0%,to{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px) scale(.5);opacity:0}}@keyframes login-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}@keyframes login-text-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes login-border-dance{0%,to{border-color:#667eea4d}25%{border-color:#764ba24d}50%{border-color:#f093fb4d}75%{border-color:#667eea4d}}.auth-page-wrapper{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:40px 24px;overflow:hidden;background:var(--login-gradient-dark)}.auth-page-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--login-gradient-mesh);animation:login-aurora 30s ease-in-out infinite;pointer-events:none;z-index:0}.auth-background-overlay{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.auth-background-overlay:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:linear-gradient(135deg,#667eea66,#764ba266);top:-250px;right:-150px;animation:login-float 20s ease-in-out infinite,login-glow 8s ease-in-out infinite}.auth-background-overlay:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:linear-gradient(135deg,#f093fb66,#667eea66);bottom:-200px;left:-100px;animation:login-float 25s ease-in-out infinite reverse,login-glow 10s ease-in-out infinite;animation-delay:-5s}.login-morph-shape{position:absolute;width:300px;height:300px;background:linear-gradient(135deg,#667eea33,#f093fb33);top:50%;left:50%;transform:translate(-50%,-50%);animation:login-morph 20s ease-in-out infinite;filter:blur(40px)}.login-particles{position:absolute;inset:0;overflow:hidden}.login-particle{position:absolute;width:6px;height:6px;background:#ffffff4d;border-radius:50%;animation:login-particle 15s linear infinite}.login-particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:12s}.login-particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:18s}.login-particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:15s}.login-particle:nth-child(4){left:40%;animation-delay:1s;animation-duration:20s}.login-particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:14s}.login-particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:16s}.login-particle:nth-child(7){left:70%;animation-delay:2s;animation-duration:22s}.login-particle:nth-child(8){left:80%;animation-delay:4s;animation-duration:13s}.login-particle:nth-child(9){left:90%;animation-delay:1s;animation-duration:17s}.login-particle:nth-child(10){left:95%;animation-delay:3s;animation-duration:19s}.login-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.login-box{position:relative;z-index:10;background:var(--login-glass-bg);backdrop-filter:blur(var(--login-glass-blur));-webkit-backdrop-filter:blur(var(--login-glass-blur));border:1px solid var(--login-glass-border);box-shadow:0 32px 64px #0006,0 0 0 1px #ffffff0d inset,0 -20px 40px #0003 inset;border-radius:var(--login-card-radius);width:100%;max-width:440px;padding:var(--login-card-padding);padding-top:70px;direction:rtl;text-align:center;animation:login-slide-up .8s cubic-bezier(.16,1,.3,1)}.login-box:before{content:"";position:absolute;inset:-1px;background:var(--login-gradient-primary);background-size:400% 400%;border-radius:calc(var(--login-card-radius) + 1px);z-index:-1;opacity:0;transition:opacity var(--login-transition-normal) ease;animation:login-gradient-flow 8s ease infinite}.login-box:hover:before{opacity:.5}.login-logo-container{position:absolute;top:-50px;left:50%;transform:translate(-50%);z-index:20}.login-logo{width:100px;height:100px;background:var(--login-gradient-primary);background-size:200% 200%;animation:login-gradient-flow 5s ease infinite,login-icon-pulse 3s ease-in-out infinite;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 20px 50px #667eea80,0 0 0 4px #ffffff1a;position:relative;overflow:hidden}.login-logo:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:login-shimmer 3s infinite}.auth-header{margin-bottom:40px;margin-top:16px}.auth-header h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#f1f5f9,#e2e8f0,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;line-height:1.3;letter-spacing:-.5px;animation:login-fade-in .6s ease-out .2s both}.auth-header p{font-size:1.05rem;color:#94a3b8e6;margin:0;font-weight:400;line-height:1.6;animation:login-fade-in .6s ease-out .3s both}.auth-form{width:100%;animation:login-fade-in .6s ease-out .4s both}.input-wrapper{margin-bottom:24px;position:relative}.input-wrapper:last-of-type{margin-bottom:32px}.input-label{display:block;text-align:right;font-size:.9rem;font-weight:600;color:#e2e8f0e6;margin-bottom:10px}.auth-input{width:100%;padding:18px 56px 18px 24px;border:2px solid rgba(255,255,255,.08);border-radius:18px;font-size:1rem;background:#ffffff08;color:#f1f5f9;transition:all var(--login-transition-normal) cubic-bezier(.4,0,.2,1);box-sizing:border-box;font-family:inherit;direction:rtl}.auth-input::placeholder{color:#94a3b880}.auth-input:focus{outline:none;border-color:#667eea99;background:#ffffff0f;box-shadow:0 0 0 4px #667eea26,0 8px 24px #0003}.auth-input:hover:not(:focus){border-color:#ffffff26;background:#ffffff0a}.input-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;color:#94a3b899;pointer-events:none;transition:color var(--login-transition-fast) ease}.input-wrapper:focus-within .input-icon{color:#667eeacc}.input-wrapper.username:before,.input-wrapper.password:before{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.5;pointer-events:none;z-index:2;transition:opacity var(--login-transition-fast) ease}.input-wrapper.username:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E")}.input-wrapper.password:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z'/%3E%3C/svg%3E")}.input-wrapper.username:focus-within:before,.input-wrapper.password:focus-within:before{opacity:.8}.password-input-container{position:relative}.password-input-container input{width:100%;padding:18px 56px;border:2px solid rgba(255,255,255,.08);border-radius:18px;font-size:1rem;background:#ffffff08;color:#f1f5f9;transition:all var(--login-transition-normal) cubic-bezier(.4,0,.2,1);box-sizing:border-box;font-family:inherit;direction:rtl}.password-input-container input::placeholder{color:#94a3b880}.password-input-container input:focus{outline:none;border-color:#667eea99;background:#ffffff0f;box-shadow:0 0 0 4px #667eea26,0 8px 24px #0003}.password-input-container input:hover:not(:focus){border-color:#ffffff26;background:#ffffff0a}.toggle-password{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#ffffff0d;border:none;border-radius:12px;color:#94a3b899;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--login-transition-fast) ease}.toggle-password:hover{background:#ffffff1a;color:#94a3b8e6}.toggle-password:focus{outline:none;box-shadow:0 0 0 2px #667eea66}.auth-button{width:100%;padding:18px 28px;background:var(--login-gradient-primary);background-size:200% 200%;animation:login-gradient-flow 5s ease infinite;color:#fff;border:none;border-radius:18px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all var(--login-transition-normal) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 12px 32px #667eea66,0 0 0 1px #ffffff1a inset;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:10px}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.auth-button:hover{transform:translateY(-4px);box-shadow:0 20px 50px #667eea80,0 0 0 1px #ffffff26 inset}.auth-button:hover:before{left:100%}.auth-button:active{transform:translateY(-2px)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auth-button:disabled:hover{box-shadow:0 12px 32px #667eea66}.loading-spinner-small{display:inline-block;width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:login-spin .8s linear infinite}.button-text{display:flex;align-items:center;gap:8px}.error-message{background:linear-gradient(135deg,#ef444426,#dc262626);color:#fca5a5;padding:16px 20px;border-radius:16px;margin-bottom:28px;font-size:.95rem;border:1px solid rgba(239,68,68,.3);text-align:right;display:flex;align-items:center;gap:12px;animation:login-shake .5s ease,login-fade-in .3s ease}.error-icon{width:24px;height:24px;background:#ef444433;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.error-icon:before{content:"⚠️";font-size:1rem}.success-message{background:linear-gradient(135deg,#10b98126,#05966926);color:#6ee7b7;padding:16px 20px;border-radius:16px;margin-bottom:28px;font-size:.95rem;border:1px solid rgba(16,185,129,.3);text-align:right;display:flex;align-items:center;gap:12px;animation:login-fade-in .3s ease}.success-icon:before{content:"✓"}.auth-footer{margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);animation:login-fade-in .6s ease-out .5s both}.auth-link{color:#818cf8;text-decoration:none;font-weight:600;font-size:.95rem;transition:all var(--login-transition-fast) ease;position:relative;display:inline-block}.auth-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--login-gradient-primary);transition:width var(--login-transition-normal) ease}.auth-link:hover{color:#a5b4fc}.auth-link:hover:after{width:100%}.bottom-link{margin-top:20px;font-size:.95rem;color:#94a3b8cc;line-height:1.8}.auth-extra-links{display:flex;justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:8px}.forgot-password{font-size:.9rem;color:#94a3b8b3;text-decoration:none;transition:color var(--login-transition-fast) ease}.forgot-password:hover{color:#818cf8}.remember-me{display:flex;align-items:center;gap:10px;cursor:pointer}.remember-checkbox{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;cursor:pointer;transition:all var(--login-transition-fast) ease;appearance:none;-webkit-appearance:none;position:relative}.remember-checkbox:checked{background:var(--login-gradient-primary);border-color:transparent}.remember-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.remember-label{font-size:.9rem;color:#94a3b8b3}.social-login{margin-top:32px}.social-divider{display:flex;align-items:center;gap:16px;margin-bottom:24px}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.social-divider span{font-size:.9rem;color:#94a3b899}.social-buttons{display:flex;gap:12px}.social-btn{flex:1;padding:14px 20px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:14px;color:#e2e8f0e6;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--login-transition-normal) ease;display:flex;align-items:center;justify-content:center;gap:10px}.social-btn:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.social-btn-icon{width:20px;height:20px}@media(max-width:640px){.auth-page-wrapper{padding:100px 16px 20px;align-items:flex-start}.login-box{max-width:100%;padding:60px 24px 36px;border-radius:28px}.login-logo-container{top:-40px}.login-logo{width:80px;height:80px;font-size:2.5rem;border-radius:22px}.auth-header{margin-top:12px;margin-bottom:32px}.auth-header h1{font-size:1.6rem}.auth-header p{font-size:.95rem}.auth-input,.password-input-container input{padding:16px 50px 16px 20px;font-size:.95rem;border-radius:16px}.password-input-container input{padding-left:50px}.input-wrapper.username:before,.input-wrapper.password:before{right:18px;width:22px;height:22px}.toggle-password{left:12px;width:36px;height:36px;border-radius:10px}.auth-button{padding:16px 24px;font-size:1.05rem;border-radius:16px}.auth-extra-links{flex-direction:column;gap:12px}.social-buttons{flex-direction:column}}@media(max-width:480px){.auth-page-wrapper{padding-top:80px}.login-box{padding:56px 20px 32px;border-radius:24px}.login-logo-container{top:-36px}.login-logo{width:72px;height:72px;font-size:2.2rem;border-radius:20px}.auth-header h1{font-size:1.4rem}.input-wrapper{margin-bottom:20px}.auth-button{padding:14px 20px;font-size:1rem}}@media(prefers-reduced-motion:reduce){.auth-page-wrapper:before,.auth-background-overlay:before,.auth-background-overlay:after,.login-morph-shape,.login-particle,.login-logo,.login-box:before{animation:none}.login-box{animation:login-fade-in .3s ease}.auth-button:before{display:none}}[data-theme=light] .auth-page-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9)}[data-theme=light] .auth-page-wrapper:before{background:radial-gradient(at 0% 0%,rgba(102,126,234,.2) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(118,75,162,.2) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(240,147,251,.2) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(102,126,234,.2) 0px,transparent 50%)}[data-theme=light] .auth-background-overlay:before,[data-theme=light] .auth-background-overlay:after{opacity:.3}[data-theme=light] .login-grid-pattern{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px)}[data-theme=light] .login-box{background:#ffffffd9;border-color:#00000014;box-shadow:0 32px 64px #0000001a,0 0 0 1px #00000008 inset}[data-theme=light] .auth-header h1{background:linear-gradient(135deg,#0f172a,#334155,#475569);-webkit-background-clip:text;background-clip:text}[data-theme=light] .auth-header p{color:#64748b}[data-theme=light] .input-label{color:#334155}[data-theme=light] .auth-input,[data-theme=light] .password-input-container input{background:#f1f5f9cc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .auth-input::placeholder,[data-theme=light] .password-input-container input::placeholder{color:#94a3b8}[data-theme=light] .auth-input:focus,[data-theme=light] .password-input-container input:focus{border-color:#818cf8;background:#fff;box-shadow:0 0 0 4px #667eea1a}[data-theme=light] .toggle-password{background:#00000008;color:#64748b}[data-theme=light] .toggle-password:hover{background:#0000000f;color:#334155}[data-theme=light] .auth-footer{border-top-color:#e2e8f0}[data-theme=light] .bottom-link,[data-theme=light] .forgot-password,[data-theme=light] .remember-label{color:#64748b}[data-theme=light] .remember-checkbox{border-color:#cbd5e1}[data-theme=light] .error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}[data-theme=light] .social-btn{background:#00000005;border-color:#e2e8f0;color:#334155}[data-theme=light] .social-btn:hover{background:#0000000a;border-color:#cbd5e1}[data-theme=light] .social-divider span{color:#94a3b8}[data-theme=light] .social-divider:before,[data-theme=light] .social-divider:after{background:#e2e8f0}[data-theme=ocean] .login-logo,[data-theme=ocean] .auth-button,[data-theme=ocean] .remember-checkbox:checked{background:linear-gradient(135deg,#0ea5e9,#06b6d4,#14b8a6)}[data-theme=forest] .login-logo,[data-theme=forest] .auth-button,[data-theme=forest] .remember-checkbox:checked{background:linear-gradient(135deg,#22c55e,#10b981,#14b8a6)}[data-theme=sunset] .login-logo,[data-theme=sunset] .auth-button,[data-theme=sunset] .remember-checkbox:checked{background:linear-gradient(135deg,#f97316,#ef4444,#ec4899)}[data-theme=royal] .login-logo,[data-theme=royal] .auth-button,[data-theme=royal] .remember-checkbox:checked{background:linear-gradient(135deg,#a855f7,#8b5cf6,#6366f1)}[data-theme=cherry] .login-logo,[data-theme=cherry] .auth-button,[data-theme=cherry] .remember-checkbox:checked{background:linear-gradient(135deg,#f43f5e,#ec4899,#d946ef)}[data-theme=midnight] .login-logo,[data-theme=midnight] .auth-button,[data-theme=midnight] .remember-checkbox:checked{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7)}.auth-input:focus-visible,.password-input-container input:focus-visible,.auth-button:focus-visible,.auth-link:focus-visible,.toggle-password:focus-visible,.social-btn:focus-visible{outline:2px solid #818cf8;outline-offset:2px}@media(prefers-contrast:high){.login-box,.auth-input,.password-input-container input{border-width:2px}.auth-header h1{font-weight:900}}.auth-page-wrapper{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background-image:url(/img/login.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}.auth-background-overlay{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-color-dark, rgba(15, 23, 42, .75)) 0%,var(--primary-color, rgba(30, 41, 59, .85)) 50%,var(--primary-color-light, rgba(15, 23, 42, .75)) 100%);z-index:1}.signup-box{position:relative;z-index:2;background:var(--bg-color, rgba(255, 255, 255, .95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;border-radius:24px;width:100%;max-width:520px;padding:48px 32px 40px;direction:rtl;text-align:center;max-height:90vh;overflow-y:auto}.signup-box::-webkit-scrollbar{width:8px}.signup-box::-webkit-scrollbar-track{background:var(--bg-color, rgba(255, 255, 255, .95));border-radius:4px}.signup-box::-webkit-scrollbar-thumb{background:var(--bg-color, rgba(255, 255, 255, .95));border-radius:4px}.signup-box::-webkit-scrollbar-thumb:hover{background:var(--bg-color, rgba(255, 255, 255, .95))}.auth-header{margin-bottom:32px}.auth-header h1{font-size:2em;font-family:inherit;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 8px;line-height:1.3}.auth-header p{font-size:1.143em;color:var(--text-secondary, #64748b);margin:0;font-weight:400}.auth-form{width:100%}.input-wrapper{margin-bottom:18px}.auth-input{width:100%;padding:14px 18px;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;font-size:1.143em;background:var(--bg-color, #ffffff);color:var(--text-primary, #1f2937);transition:all .2s ease;box-sizing:border-box;font-family:inherit;direction:rtl}.auth-input::placeholder{color:var(--text-secondary, #6b7280)}.auth-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background:var(--bg-color, #ffffff)}.auth-input:hover{border-color:var(--border-color, #e2e8f0)}.auth-input.input-error{border-color:var(--error-color, #ef4444);background:#fef2f2}.auth-input.input-error:focus{border-color:var(--error-color, #ef4444);box-shadow:0 0 0 4px #ef44441a}.auth-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 18px center;padding-left:42px}.auth-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--primary-color, #3b82f6) 0%,var(--primary-color-dark, #2563eb) 100%);color:#fff;border:none;border-radius:12px;font-size:1.143em;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px;box-shadow:0 4px 12px #3b82f64d}.auth-button:hover{background:linear-gradient(135deg,var(--primary-color-dark, #2563eb) 0%,var(--primary-dark, #1d4ed8) 100%);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.auth-button:active{transform:translateY(0)}.error-message{background:var(--error-color, #fee2e2);color:#991b1b;padding:12px 16px;border-radius:10px;margin-bottom:24px;font-size:1em;border:1px solid var(--error-color, #fecaca);text-align:right}.success-message{background:var(--success-color, #d1fae5);color:#065f46;padding:12px 16px;border-radius:10px;margin-bottom:24px;font-size:1em;border:1px solid var(--success-color, #a7f3d0);text-align:right}.auth-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color, #e2e8f0)}.auth-link{color:#3b82f6;text-decoration:none;font-weight:500;font-size:1em;transition:color .2s ease}.auth-link:hover{color:#2563eb;text-decoration:underline}.bottom-link{margin-top:16px;font-size:1em;color:#64748b;line-height:1.6}.bottom-link .auth-link{font-size:1em}@media(max-width:640px){.auth-page-wrapper{padding:16px;background-attachment:scroll;background-size:cover;background-position:center center}.signup-box{max-width:100%;padding:32px 24px;border-radius:20px;max-height:95vh}.auth-header h1{font-size:1.714em}.auth-header p{font-size:1em}.auth-input{padding:12px 16px;font-size:1.071em}.auth-button{padding:12px 20px;font-size:1.071em}.input-wrapper{margin-bottom:16px}}@media(max-width:480px){.signup-box{padding:28px 20px}.auth-header h1{font-size:1.571em;font-family:inherit}.input-wrapper{margin-bottom:14px}}.send-message-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.send-message-modal{background:var(--card-bg, white);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;color:var(--text-color, #1f2937)}.send-message-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb)}.send-message-modal-header h2{margin:0;font-size:1.429em;font-weight:600;color:var(--text-color, #1f2937);flex:1}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--subtext-color, #6b7280);cursor:pointer;padding:0;width:28px;height:28px;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.close-btn:hover:not(:disabled){background:var(--input-bg, #f3f4f6);color:var(--text-color, #1f2937)}.send-message-modal-body{padding:24px}.receiver-info{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:12px;background:var(--input-bg, #f3f4f6);border-radius:8px}.receiver-label{color:var(--subtext-color, #6b7280);font-size:1em}.receiver-name{color:var(--text-color, #1f2937);font-weight:600;font-size:1.143em}.error-message{background:var(--error-color);color:var(--card-bg);padding:12px;border-radius:8px;margin-bottom:20px;font-size:1em}.form-group label{display:block;margin-bottom:8px;color:var(--text-color);font-weight:500;font-size:1em}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:1em;font-family:inherit;transition:all .2s;background:var(--card-bg);color:var(--text-color)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled,.form-group textarea:disabled{background:var(--card-bg);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:150px}.send-message-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.cancel-btn,.send-btn{padding:10px 20px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cancel-btn{background:var(--card-bg);color:var(--text-color, #374151)}.cancel-btn:hover:not(:disabled){background:var(--border-color)}.send-btn{background:var(--primary-color);color:#fff}.send-btn:hover:not(:disabled){background:var(--primary-color-dark)}.send-btn:disabled{background:var(--subtext-color);cursor:not-allowed}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.modal-bg{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1300;justify-content:center;align-items:center;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.modal-bg.show{display:flex!important}.modal-content-box{background:var(--card-bg);padding:24px;border-radius:12px;position:relative;max-width:90vw;width:500px;max-height:90vh;overflow-y:auto;margin:auto;box-shadow:0 8px 24px #0000002e}.modal-close{position:absolute;right:10px;top:10px;font-size:1.714em;cursor:pointer;color:#666;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:#f0f0f0}.modal-form-row{margin-bottom:16px}.modal-form-row label{display:block;margin-bottom:4px;font-weight:500}.progress-edit-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.progress-edit-row label{min-width:110px;margin-bottom:0}.progress-control{display:flex;align-items:center;gap:8px;flex:1}.progress-bar-bg{position:relative;flex:1;height:24px;background-color:#e5e7eb;border-radius:12px;overflow:hidden}.progress-bar{height:100%;transition:width .3s ease;border-radius:12px}.progress-bar.red{background-color:#ef4444}.progress-bar.yellow{background-color:#eab308}.progress-bar.green{background-color:#22c55e}.progress-percent-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.857em;font-weight:600;color:#333;z-index:1}.btn-plus,.btn-minus{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:1.286em;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-plus:hover,.btn-minus:hover{background:#f3f4f6;border-color:#9ca3af}.btn-plus:active,.btn-minus:active{background:#e5e7eb}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1300;display:flex;justify-content:center;align-items:center;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.modal-content{background:var(--card-bg, #fff);color:var(--text-color, #0f172a);border-radius:12px;box-shadow:0 8px 24px #0000002e;display:flex;flex-direction:column;max-width:90vw;width:100%;max-height:90vh;overflow:hidden}.modal-header{padding:20px 24px;border-bottom:1px solid var(--card-border, #e5e7eb);display:flex;justify-content:space-between;align-items:center;background:var(--card-bg, #fff)}.modal-header h2{margin:0;font-size:1.286em;font-weight:600;color:var(--text-color, #0f172a)}.modal-body{padding:24px;overflow-y:auto;background:var(--card-bg, #fff);color:var(--text-color, #0f172a)}.modal-footer{padding:16px 24px;border-top:1px solid var(--card-border, #e5e7eb);display:flex;justify-content:flex-end;gap:12px;background:var(--card-bg, #fff)}.lessons-container{width:100%;padding:16px}.lessons-search-section{margin-bottom:16px}.search-input-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap;width:100%}.search-label{font-size:1em;font-weight:400;color:var(--subtext-color, #64748b);white-space:nowrap}.search-type-select{padding:8px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-size:1em;font-family:inherit;background:var(--input-bg, white);color:var(--text-color, #1f2937);cursor:pointer;min-width:100px;transition:all .2s}.search-type-select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.search-input{width:100%;padding:10px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-size:1em;font-family:inherit;background:var(--input-bg, white);color:var(--text-color, #1f2937);transition:all .2s;box-sizing:border-box}@media(max-width:768px){.search-input-group{flex-direction:column;align-items:stretch;gap:8px}.search-input-wrapper{min-width:100%}.search-label{display:none}.search-type-select{width:100%}.lessons-search-section{margin-bottom:12px}}.lessons-columns-container{display:flex;flex-direction:row;gap:24px;width:100%;overflow-x:auto;direction:rtl;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}.lessons-column{min-width:300px;max-width:400px;flex:0 0 auto;background:var(--card-bg, #ffffff);border-radius:12px;padding:16px;border:1px solid var(--border-color, #e5e7eb);scroll-snap-align:start}.column-title{font-size:1.286em;font-weight:700;color:var(--text-primary, var(--text-color, #1f2937));margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border-color, #e5e7eb);text-align:right}.lessons-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:768px){.lessons-grid{grid-template-columns:1fr}}.lesson-card{background:var(--card-bg, #ffffff);border-radius:8px;padding:16px;border:1px solid var(--border-color, #e5e7eb);transition:all .2s ease;cursor:pointer}.lesson-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.lesson-card.collapsed{padding:8px 12px;min-height:auto}.lesson-card.collapsed:hover{transform:none;box-shadow:0 2px 4px #00000014}.lesson-card.passed{background:#22c55e0d;border:1px solid rgba(34,197,94,.3)}.lesson-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.lesson-name{font-size:1.143em;font-weight:600;color:var(--text-primary, var(--text-color, #1f2937))}.lesson-progress{font-size:1em;font-weight:500;color:var(--text-secondary, var(--subtext-color, #64748b))}.progress-bar-bg{width:100%;background:var(--input-bg, #f3f4f6);border-radius:12px;overflow:hidden;border:1px solid var(--success-color, rgba(34, 197, 94, .3));position:relative}.progress-percent{position:relative;text-align:center;font-weight:700;color:var(--text-primary, var(--text-color, #1f2937));font-size:.857em}.lesson-info{display:flex;flex-direction:column;gap:8px;margin-top:12px}.lesson-detail{display:flex;align-items:center;gap:8px;font-size:1em;color:var(--text-secondary, var(--subtext-color, #64748b))}.lesson-deadline{color:var(--warning-color, #f59e0b);font-weight:500}.lesson-deadline.overdue{color:var(--error-color, #ef4444)}.lesson-deadline.completed{color:var(--success-color, #22c55e)}.student-group,.teacher-group{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e5e7eb)}.student-group:last-child,.teacher-group:last-child{border-bottom:none}.student-header,.teacher-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:1.143em;font-weight:600;color:var(--text-primary, var(--text-color, #1f2937))}.student-name,.teacher-name{color:var(--text-primary, var(--text-color, #1f2937))}.lesson-count{color:var(--text-secondary, var(--subtext-color, #64748b));font-weight:400}.no-lessons{text-align:center;color:var(--text-secondary, var(--subtext-color, #64748b));font-size:1em;padding:24px;background:var(--input-bg, #f1f5f9);border-radius:8px}.lesson-name-group{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e5e7eb)}.lesson-name-group:last-child{border-bottom:none}.lesson-name-header{font-size:1.143em;font-weight:600;color:var(--text-primary, var(--text-color, #1f2937));margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e5e7eb)}.classes-tab-controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.permits-btn,.exam-results-btn,.show-completed-btn,.join-program-btn{padding:8px 16px;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:500;display:flex;align-items:center;gap:6px;border:none;white-space:nowrap;flex-shrink:0;min-width:auto;background:#22c55e;border:1px solid #22c55e}.join-program-btn:hover{background:#16a34a;border-color:#16a34a}.permits-btn{border:1px solid #3b82f6;background-color:#3b82f6}.exam-results-btn{border:1px solid #22c55e;background-color:#22c55e}.show-completed-btn{border:1px solid var(--primary-color, #3b82f6);background-color:var(--input-bg, #f8f9fa);color:var(--text-color, #1f2937)}.show-completed-btn.active{background-color:var(--primary-color, #3b82f6);color:#fff}.permits-btn:hover{background-color:#2563eb;border-color:#2563eb}.exam-results-btn:hover{background-color:#16a34a;border-color:#16a34a}.show-completed-btn:hover{background-color:var(--primary-color, #3b82f6);color:#fff;opacity:.9}.grouping-selector,.search-input{background:var(--card-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937));border:1px solid var(--border-color, #e5e7eb)}.grouping-selector:focus,.search-input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb1a}@media(max-width:768px){.tab-controls{flex-direction:column;gap:12px}.classes-tab-controls-row{flex-wrap:wrap;gap:8px;width:100%}.classes-tab-controls-row>span{flex:0 0 auto;font-size:.857em}.classes-tab-controls-row>select{flex:0 0 auto;font-size:.857em;padding:4px 8px}.classes-tab-controls-row>.total-count{flex:0 0 auto;font-size:.857em}.permits-btn,.exam-results-btn,.show-completed-btn,.join-program-btn{flex:0 0 auto;min-width:auto;max-width:none;width:auto;font-size:.857em;padding:6px 12px;gap:4px;white-space:nowrap}.permits-btn svg,.exam-results-btn svg,.show-completed-btn svg,.join-program-btn svg{width:14px;height:14px;flex-shrink:0}.lessons-search-section{width:100%}.search-input-group{flex-direction:column;align-items:stretch;gap:8px;width:100%}.search-input-wrapper{min-width:100%}.search-label{display:none}.search-type-select,.search-input{width:100%}.lessons-columns-container{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color, #cbd5e1) var(--input-bg, #f1f5f9)}.lessons-columns-container::-webkit-scrollbar{height:8px}.lessons-columns-container::-webkit-scrollbar-track{background:var(--input-bg, #f1f5f9);border-radius:4px}.lessons-columns-container::-webkit-scrollbar-thumb{background:var(--border-color, #cbd5e1);border-radius:4px}.lessons-columns-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, var(--subtext-color, #94a3b8))}.lessons-column{min-width:calc(100vw - 64px);max-width:calc(100vw - 64px);scroll-snap-align:start;scroll-snap-stop:always}.column-title{font-size:1.143em;position:sticky;top:0;background:var(--card-bg, #ffffff);z-index:1;padding-top:8px;margin-top:-8px}}.progress-reports-tab{padding:20px}.progress-reports-subtabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--card-border, #e2e8f0);padding-bottom:8px}.low-activity-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid var(--card-border, #e2e8f0);padding-bottom:8px}.low-activity-tab-btn{padding:10px 20px;border:none;background:transparent;color:var(--text-color, #1f2937);font-size:1em;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-10px;transition:all .2s;position:relative}.low-activity-tab-btn:hover{color:var(--primary-color, #3b82f6);background:#3b82f60d;border-radius:6px 6px 0 0}.low-activity-tab-btn.active{color:var(--primary-color, #3b82f6);border-bottom-color:var(--primary-color, #3b82f6);background:#3b82f61a;border-radius:6px 6px 0 0}.search-container{margin-bottom:16px}.search-input{width:100%;max-width:400px;padding:10px 16px;border:1px solid var(--card-border, #e2e8f0);border-radius:8px;font-size:1em;background:var(--card-bg, #ffffff);color:var(--text-color, #1f2937);transition:all .2s}.activity-value.no-exam{color:#dc2626;font-weight:600}.progress-reports-subtab-btn{padding:10px 20px;border:none;background:transparent;color:var(--text-color, #1f2937);font-size:1em;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-10px;transition:all .2s;position:relative}.progress-reports-subtab-btn:hover{color:var(--primary-color, #3b82f6);background:#3b82f60d;border-radius:6px 6px 0 0}.progress-reports-subtab-btn.active{color:var(--primary-color, #3b82f6);border-bottom-color:var(--primary-color, #3b82f6);background:#3b82f61a;border-radius:6px 6px 0 0}.progress-reports-content{margin-top:20px}.top-performers-section{padding:20px 0}.top-performers-filters{margin-bottom:20px;padding:16px;background:var(--card-bg, #ffffff);border-radius:8px;border:1px solid var(--border-color, #e2e8f0)}.month-year-selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.calculate-scores-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--primary-color, #3b82f6);background:var(--primary-color, #3b82f6);color:#fff;cursor:pointer;font-size:.857em;font-weight:500;transition:all .2s;margin-right:auto}.calculate-scores-btn:hover{background:var(--primary-color-dark, #2563eb);border-color:var(--primary-color-dark, #2563eb)}.calculate-scores-btn:disabled{opacity:.6;cursor:not-allowed}.month-year-selector label{font-size:1em;font-weight:500;color:var(--text-color, #1f2937)}.year-select,.month-select{padding:6px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.929em;background:var(--input-bg, #ffffff);color:var(--text-color, #1f2937);cursor:pointer;min-width:100px;max-width:120px}.year-select:focus,.month-select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.top-performers-tabs{display:flex;gap:8px;align-items:center;margin-bottom:24px;border-bottom:2px solid var(--card-border, #e2e8f0);padding-bottom:8px}.score-info-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color, #d1d5db);background:var(--input-bg, #f8f9fa);color:var(--text-color, #1f2937);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.score-info-btn:hover{background:var(--primary-color, #3b82f6);color:#fff;border-color:var(--primary-color, #3b82f6)}.top-performers-tab-btn{padding:10px 20px;border:none;background:transparent;color:var(--text-color, #1f2937);font-size:1em;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-10px;transition:all .2s}.top-performers-tab-btn:hover{color:var(--primary-color, #3b82f6)}.top-performers-tab-btn.active{color:var(--primary-color, #3b82f6);border-bottom-color:var(--primary-color, #3b82f6)}.top-performers-list{display:flex;flex-direction:column;gap:12px}.top-performer-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-bg, #ffffff);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);transition:all .2s}.top-performer-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.top-performer-gold{padding:20px;background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #ffd700;box-shadow:0 4px 16px #ffd7004d;transform:scale(1.05)}.top-performer-gold:hover{box-shadow:0 6px 20px #ffd70066;transform:scale(1.07) translateY(-2px)}.top-performer-gold .performer-rank{width:48px;height:48px;font-size:1.571em;background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #fff;box-shadow:0 2px 8px #0003}.top-performer-gold .performer-avatar{width:60px;height:60px;border:3px solid #fff;box-shadow:0 2px 8px #0003}.top-performer-gold .performer-name{font-size:1.286em;font-weight:700;color:#1f2937}.top-performer-silver{padding:18px;background:linear-gradient(135deg,silver,#e8e8e8);border:2px solid #c0c0c0;box-shadow:0 4px 14px #c0c0c04d;transform:scale(1.02)}.top-performer-silver:hover{box-shadow:0 6px 18px #c0c0c066;transform:scale(1.04) translateY(-2px)}.top-performer-silver .performer-rank{width:44px;height:44px;font-size:1.429em;background:linear-gradient(135deg,silver,#e8e8e8);border:2px solid #fff;box-shadow:0 2px 6px #0003}.top-performer-silver .performer-avatar{width:55px;height:55px;border:2px solid #fff;box-shadow:0 2px 6px #0003}.top-performer-silver .performer-name{font-size:1.214em;font-weight:600;color:#1f2937}.top-performer-bronze{padding:16px;background:linear-gradient(135deg,#cd7f32,#e6a857);border:2px solid #cd7f32;box-shadow:0 4px 12px #cd7f324d}.top-performer-bronze:hover{box-shadow:0 6px 16px #cd7f3266;transform:translateY(-2px)}.top-performer-bronze .performer-rank{background:linear-gradient(135deg,#cd7f32,#e6a857);border:2px solid #fff;box-shadow:0 2px 6px #0003}.top-performer-bronze .performer-avatar{border:2px solid #fff;box-shadow:0 2px 6px #0003}.top-performer-bronze .performer-name{font-weight:600;color:#1f2937}.performer-rank{width:40px;height:40px;border-radius:50%;background:var(--primary-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.286em;font-weight:700;flex-shrink:0}.performer-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--border-color, #e2e8f0)}.performer-avatar img{width:100%;height:100%;object-fit:cover}.performer-info{flex:1;min-width:0}.performer-name{font-size:1.143em;font-weight:600;color:var(--text-color, #1f2937);margin-bottom:4px}.performer-score{font-size:1em;color:var(--subtext-color, #6b7280)}.performer-message-btn{padding:8px;border:none;background:var(--primary-color, #3b82f6);color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.current-user-rank-section{margin-top:24px;padding-top:24px}.current-user-rank-divider{height:1px;background:linear-gradient(to right,transparent,var(--border-color, #e2e8f0),transparent);margin-bottom:16px}.current-user-rank-label{text-align:center;font-size:1em;font-weight:600;color:var(--subtext-color, #6b7280);margin-bottom:12px}.current-user-rank-card{opacity:.9;border-style:dashed}.performer-message-btn:hover{background:var(--primary-color-dark, #2563eb);transform:scale(1.05)}.no-data-message{text-align:center;padding:40px;color:var(--subtext-color, #6b7280);font-size:1.143em}@media(max-width:768px){.month-year-selector{flex-direction:column;align-items:stretch}.year-select,.month-select{width:100%}.top-performers-tabs{overflow-x:auto;flex-wrap:nowrap}.top-performers-tab-btn{white-space:nowrap;font-size:.857em;padding:8px 16px}.top-performer-card{padding:12px;gap:12px}.performer-rank{width:32px;height:32px;font-size:1em}.performer-avatar{width:40px;height:40px}.performer-name{font-size:1em}.performer-score{font-size:.857em}.performer-message-btn{padding:6px}.performer-message-btn svg{width:16px;height:16px}}.low-activity-section{display:flex;flex-direction:column;gap:32px}.low-activity-group{display:flex;flex-direction:column;gap:16px}.section-title{font-size:1.286em;font-weight:600;color:var(--text-color, #1f2937);margin:0}.section-description{font-size:1em;color:var(--subtext-color, #6b7280);margin:0}.low-activity-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}.low-activity-card{background:var(--card-bg, #ffffff);border:1px solid var(--card-border, #e2e8f0);border-radius:8px;padding:16px;transition:all .2s}.low-activity-card:hover{box-shadow:0 4px 6px #0000001a;border-color:var(--primary-color, #3b82f6)}.low-activity-card-header{margin-bottom:12px}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--card-border, #e2e8f0)}.user-details{flex:1}.user-name{font-size:1.071em;font-weight:600;color:var(--text-color, #1f2937);margin-bottom:4px}.user-meta{font-size:.929em;color:var(--subtext-color, #6b7280)}.low-activity-card-body{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--card-border, #e2e8f0)}.low-activity-card-footer{display:flex;justify-content:flex-end;padding-top:12px;margin-top:12px;border-top:1px solid var(--card-border, #e2e8f0)}.message-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--primary-color, #3b82f6);background:var(--primary-color, #3b82f6);color:#fff;border-radius:6px;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s}.message-btn:hover{background:var(--primary-color-dark, #2563eb);border-color:var(--primary-color-dark, #2563eb);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.message-btn:active{transform:translateY(0)}.message-btn svg{flex-shrink:0}.activity-info{display:flex;justify-content:space-between;align-items:center;font-size:.929em}.activity-label{color:var(--subtext-color, #6b7280)}.activity-value{color:var(--text-color, #1f2937);font-weight:500}.loading-message,.error-message,.empty-message{text-align:center;padding:40px 20px;color:var(--subtext-color, #6b7280);font-size:1em}.error-message{color:#dc2626}.overview-section{padding:20px 0}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--card-bg, #ffffff);border:1px solid var(--card-border, #e2e8f0);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card.blue{border-left:4px solid #3b82f6}.stat-card.green{border-left:4px solid #10b981}.stat-card.yellow{border-left:4px solid #f59e0b}.stat-card.purple{border-left:4px solid #8b5cf6}.stat-icon{width:56px;height:56px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.stat-card.blue .stat-icon{background:#3b82f61a;color:#3b82f6}.stat-card.green .stat-icon{background:#10b9811a;color:#10b981}.stat-card.yellow .stat-icon{background:#f59e0b1a;color:#f59e0b}.stat-card.purple .stat-icon{background:#8b5cf61a;color:#8b5cf6}.stat-content{flex:1}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary, #1f2937);line-height:1.2}.stat-label{font-size:14px;color:var(--text-secondary, #6b7280);margin-top:4px}.stat-trend{font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}.stat-trend.positive{background:#10b9811a;color:#10b981}.stat-trend.negative{background:#ef44441a;color:#ef4444}.discussion-partners-tab{padding:20px;max-width:1200px;margin:0 auto;color:var(--text-color)}.partners-header h2{margin-bottom:20px;color:var(--text-primary);font-size:1.5rem}.partners-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid var(--border-color);flex-wrap:wrap}.partners-tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.partners-tab-btn:hover{color:var(--primary-color)}.partners-tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-badge{background:var(--primary-color);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:700}.partners-content{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.partners-list{display:flex;flex-direction:column;gap:15px}.partner-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.partner-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.partner-info{display:flex;align-items:center;gap:15px;flex:1}.partner-info img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.partner-details h3{margin:0 0 5px;color:var(--text-primary);font-size:1.1rem}.partner-date{margin:0;color:var(--text-secondary);font-size:.9rem}.partner-actions{display:flex;gap:10px}.message-btn,.remove-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;font-size:1.2rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.message-btn{background:var(--primary-light);color:var(--primary-color)}.message-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.remove-btn{background:var(--danger-light);color:var(--danger-color)}.remove-btn:hover{background:var(--danger-color);color:#fff;transform:scale(1.1)}.requests-section{display:flex;flex-direction:column;gap:30px}.requests-subsection h3{margin-bottom:15px;color:var(--text-primary)}.requests-list{display:flex;flex-direction:column;gap:15px}.request-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.request-sender{display:flex;align-items:center;gap:15px;flex:1}.request-sender img{width:50px;height:50px;border-radius:50%;object-fit:cover}.request-info h4{margin:0 0 5px;color:var(--text-primary)}.request-info p{margin:5px 0;color:var(--text-secondary);font-size:.9rem}.request-date{font-size:.85rem;color:var(--text-muted)}.request-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.request-status.pending{background:var(--warning-light);color:var(--warning-color)}.request-status.accepted{background:var(--success-light);color:var(--success-color)}.request-status.rejected{background:var(--danger-light);color:var(--danger-color)}.request-actions{display:flex;gap:10px}.accept-btn,.reject-btn,.cancel-btn{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .3s ease}.accept-btn{background:var(--success-color);color:#fff}.accept-btn:hover{background:var(--success-dark)}.reject-btn{background:var(--danger-color);color:#fff}.reject-btn:hover{background:var(--danger-dark)}.cancel-btn{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.cancel-btn:hover{background:var(--border-color)}.suggested-partners{padding:20px 0}.partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.suggested-partner-card{background:var(--bg-secondary);border-radius:12px;padding:20px;text-align:center;border:1px solid var(--border-color);transition:all .3s ease}.suggested-partner-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a;border-color:var(--primary-color)}.suggested-partner-card img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:15px;border:3px solid var(--border-color)}.suggested-partner-card h4{margin:0 0 15px;color:var(--text-primary)}.send-request-btn{width:100%;padding:10px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.send-request-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.empty-state,.empty-state-small{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state-small{padding:30px 20px}.find-partners-btn{margin-top:20px;padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.find-partners-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.loading-message{text-align:center;padding:40px;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px}.modal-content{background:var(--card-bg);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.2rem}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:20px;flex-grow:1;overflow-y:auto}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-color);font-size:1rem;font-family:var(--font-family);resize:vertical;min-height:100px}.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--border-color)}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}@media(max-width:768px){.partners-grid{grid-template-columns:1fr}.partner-card{flex-direction:column;align-items:flex-start;gap:15px}.partner-actions{width:100%;justify-content:flex-end}}.searchable-select-wrapper{position:relative;width:100%}.searchable-select-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color, #1e293b);font-size:1em}.modal-form-row .searchable-select-wrapper{width:100%}.modal-form-row .searchable-select-label{margin-bottom:8px}.searchable-select{position:relative;width:100%;border:1px solid var(--border-color, #d1d5db);border-radius:8px;background:var(--input-bg, #ffffff);cursor:pointer;transition:all .2s}.searchable-select:hover:not(.disabled){border-color:var(--primary-color, #3b82f6)}.searchable-select.open{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.searchable-select.disabled{background:var(--input-bg-disabled, #f3f4f6);cursor:not-allowed;opacity:.6}.searchable-select-display{padding:10px 40px 10px 12px;display:flex;align-items:center;justify-content:space-between;min-height:42px;color:var(--text-color, #1e293b);font-size:1em}.searchable-select-display:empty:before{content:attr(data-placeholder);color:var(--subtext-color, #9ca3af)}.searchable-select-arrow{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:.857em;color:var(--subtext-color, #6b7280);transition:transform .2s;pointer-events:none}.searchable-select.open .searchable-select-arrow{transform:translateY(-50%) rotate(180deg)}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #d1d5db);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.searchable-select-search{padding:10px 12px;border:none;border-bottom:1px solid var(--border-color, #e5e7eb);border-radius:8px 8px 0 0;font-size:1em;background:var(--input-bg, #ffffff);color:var(--text-color, #1e293b);width:100%;box-sizing:border-box}.searchable-select-search:focus{outline:none;border-bottom-color:var(--primary-color, #3b82f6)}.searchable-select-search::placeholder{color:var(--subtext-color, #9ca3af)}.searchable-select-options{max-height:250px;overflow-y:auto;direction:rtl}.searchable-select-option{padding:10px 12px;cursor:pointer;transition:background .15s;font-size:1em;color:var(--text-color, #1e293b);border-bottom:1px solid var(--border-light, #f3f4f6)}.searchable-select-option:last-child{border-bottom:none}.searchable-select-option:hover{background:var(--input-bg, #f9fafb)}.searchable-select-option.selected{background:var(--primary-light, #eff6ff);color:var(--primary-color, #3b82f6);font-weight:500}.searchable-select-no-results{padding:16px 12px;text-align:center;color:var(--subtext-color, #6b7280);font-size:1em}.searchable-select-error{margin-top:4px;font-size:.857em;color:var(--error-color, #ef4444)}.searchable-select-options::-webkit-scrollbar{width:6px}.searchable-select-options::-webkit-scrollbar-track{background:var(--input-bg, #f1f5f9)}.searchable-select-options::-webkit-scrollbar-thumb{background:var(--border-color, #cbd5e1);border-radius:3px}.searchable-select-options::-webkit-scrollbar-thumb:hover{background:var(--subtext-color, #94a3b8)}.date-picker-container{position:relative;width:100%}.date-picker-input{direction:rtl;text-align:right;cursor:pointer}.date-picker-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007bff40}.calendar-popup{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;padding:12px;min-width:280px;direction:rtl}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.calendar-nav-btn{background:none;border:none;font-size:1.429em;cursor:pointer;padding:4px 8px;color:var(--subtext-color);border-radius:4px;transition:background-color .2s}.calendar-nav-btn:hover{background-color:var(--border-color)}.calendar-month-year{font-weight:700;font-size:1.143em;color:var(--text-color)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.calendar-weekday{text-align:center;font-weight:700;font-size:.857em;color:var(--subtext-color);padding:4px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;font-size:1em;transition:all .2s;-webkit-user-select:none;user-select:none}.calendar-day:hover:not(.empty){background-color:var(--border-color)}.calendar-day.selected{background-color:var(--primary);color:var(--card-bg);font-weight:700}.calendar-day.empty{cursor:default}.lesson-requests-badge{position:absolute;top:-12px!important;right:-12px!important;left:auto!important;transform:none;background:#ef4444;color:#fff;border-radius:12px;min-width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;font-weight:700;padding:4px 10px;border:2px solid white;box-shadow:0 2px 8px #0003;z-index:101;cursor:pointer;transition:all .2s ease;line-height:1.2;white-space:nowrap;pointer-events:auto}.lesson-requests-badge .badge-label{font-size:.9em;font-weight:500;opacity:.95}.lesson-requests-badge .badge-count{font-size:1em;font-weight:700}.lesson-requests-badge:hover{background:#dc2626;transform:scale(1.1)}.lesson-requests-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.lesson-requests-popup{background:var(--card-bg);border-radius:12px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px var(--card-border, #e5e7eb)}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.popup-header h3{margin:0;font-size:1.286em;font-weight:700;color:var(--text-primary)}.popup-close{background:transparent;border:none;font-size:2em;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.popup-close:hover{background:var(--input-bg);color:var(--text-primary)}.popup-content{padding:16px 20px;overflow-y:auto;flex:1}.loading-message,.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.requests-list{display:flex;flex-direction:column;gap:16px}.request-item{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px}.request-header{margin-bottom:12px}.request-user-info{display:flex;gap:10px;align-items:center}.user-avatar-small{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.user-name-small{font-weight:600;font-size:1em;color:var(--text-primary);margin-bottom:2px}.request-type-small{font-size:.857em;color:var(--text-secondary)}.request-details-small{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding-top:12px;border-top:1px solid var(--border-color)}.detail-item{display:flex;gap:8px;font-size:.929em}.detail-item.message{flex-direction:column;gap:4px}.detail-label{font-weight:600;color:var(--text-secondary);min-width:60px}.detail-item span:last-child{color:var(--text-primary);flex:1}.detail-item.gift-amount{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:8px 12px;border-radius:6px;margin-top:4px;border:1px solid #fbbf24}.detail-item.gift-amount .detail-label{color:#92400e;font-weight:700}.gift-value{color:#78350f;font-weight:700;font-size:1em}.request-actions-small{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border-color);justify-content:flex-end}.request-actions-small .btn{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:.929em;font-weight:600;color:var(--primary-color-dark);background:var(--primary-color);transition:all .2s ease}.request-actions-small .btn:disabled{opacity:.5;cursor:not-allowed}.btn-accept{background:var(--success-color);color:var(--card-bg)}.btn-accept:hover:not(:disabled){background:var(--success-color-dark);color:var(--card-bg)}.btn-reject{background:var(--error-color);color:var(--card-bg)}.btn-reject:hover:not(:disabled){background:var(--error-color-dark);color:var(--card-bg)}.btn-cancel{background:var(--error-color);color:var(--card-bg)}.btn-cancel:hover:not(:disabled){background:var(--error-color-dark);color:var(--card-bg)}@media(max-width:768px){.lesson-requests-popup{max-width:95vw;max-height:90vh}.request-actions-small{flex-direction:column}.request-actions-small .btn{width:100%}}.user-selector-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:9998;animation:fadeIn .2s ease}.user-selector-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:80vh;background:var(--card-bg, #ffffff);border:1px solid var(--card-border, #e5e7eb);border-radius:12px;box-shadow:0 10px 40px #0003;z-index:9999;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.user-selector-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--card-border, #e5e7eb)}.user-selector-modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-color, #1f2937)}.user-selector-modal-close{background:none;border:none;font-size:2em;line-height:1;color:var(--subtext-color, #6b7280);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.user-selector-modal-close:hover{background:var(--input-bg, #f3f4f6);color:var(--text-color, #1f2937)}.user-selector-modal-body{display:flex;flex-direction:column;padding:20px;overflow:hidden}.user-selector-search{position:relative;margin-bottom:16px}.user-selector-search-input{width:100%;padding:12px 40px 12px 16px;border:1px solid var(--card-border, #e5e7eb);border-radius:8px;font-size:1em;background:var(--input-bg, #f9fafb);color:var(--text-color, #1f2937);transition:all .2s ease}.user-selector-search-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);background:var(--card-bg, #ffffff);box-shadow:0 0 0 3px #3b82f61a}.user-selector-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.429em;line-height:1;color:var(--subtext-color, #6b7280);cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.user-selector-search-clear:hover{background:var(--input-bg, #f3f4f6);color:var(--text-color, #1f2937)}.user-selector-list{flex:1;overflow-y:auto;min-height:200px;max-height:400px;padding-right:4px}.user-selector-list::-webkit-scrollbar{width:6px}.user-selector-list::-webkit-scrollbar-track{background:var(--input-bg, #f9fafb);border-radius:3px}.user-selector-list::-webkit-scrollbar-thumb{background:var(--subtext-color, #9ca3af);border-radius:3px}.user-selector-list::-webkit-scrollbar-thumb:hover{background:var(--text-color, #6b7280)}.user-selector-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:var(--card-bg, #ffffff);border:1px solid var(--card-border, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:right}.user-selector-item:hover{background:var(--input-bg, #f3f4f6);border-color:var(--primary-color, #3b82f6);transform:translate(-2px)}.user-selector-item.selected{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff}.user-selector-item.selected .user-selector-item-name,.user-selector-item.selected .user-selector-item-phone{color:#fff}.user-selector-item-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--card-border, #e5e7eb);flex-shrink:0}.user-selector-item.selected .user-selector-item-avatar{border-color:#fff}.user-selector-item-info{flex:1;min-width:0}.user-selector-item-name{font-size:1.071em;font-weight:600;color:var(--text-color, #1f2937);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-selector-item-phone{font-size:.929em;color:var(--subtext-color, #6b7280)}.user-selector-item-check{font-size:1.429em;color:#fff;font-weight:700;flex-shrink:0}.user-selector-loading,.user-selector-empty{text-align:center;padding:40px 20px;color:var(--subtext-color, #6b7280);font-size:1em}@media(max-width:640px){.user-selector-modal{width:95%;max-height:85vh}.user-selector-list{max-height:300px}}.role-tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:4px;margin-top:2px}.role-tag.manager{background-color:#fef3c7;color:#92400e}.role-tag.exam-manager{background-color:#dbeafe;color:#1e40af}.role-tag.assistant{background-color:#dcfce7;color:#166534}.student-manager{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.progress-tab-header{display:flex;justify-content:flex-end;margin-bottom:20px;padding:0 10px;position:relative;z-index:11;width:100%}.progress-tab-header .btn{font-size:.9rem;padding:8px 16px}:root{--dashboard-bg: var(--page-bg, var(--bg-color, #f7f7fa));--border-light: var(--border-light, #f3f4f6);--success-color: #22c55e;--success-color-dark: #16a34a;--progress-success-start: #02b10b;--progress-success-end: #62e767}.status-indicator{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.857em;font-weight:700}.status-indicator.active{background-color:var(--success-color);color:#fff}.status-indicator.completed{background-color:var(--text-secondary, var(--subtext-color, #6b7280));color:#fff}.show-more-section,.show-less-section{text-align:center;margin-top:20px}.show-more-btn,.show-less-btn{background-color:var(--primary-color, #2563eb);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:1em;transition:all .2s ease}.show-more-btn:hover,.show-less-btn:hover{background-color:var(--primary-dark, #1d4ed8)}.completed-count{color:var(--text-secondary, var(--subtext-color, #6b7280));font-size:.857em}:root{--muted: var(--text-secondary, var(--subtext-color, #6b7280));--accent: var(--primary-color, #2563eb)}.loading-message{text-align:center;padding:20px;color:var(--text-secondary, var(--subtext-color, #6b7280));font-size:1em}body{font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);background:transparent;margin:0;padding:0}.dashboard-container{min-height:100vh;background:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px)}.dashboard-clean{max-width:1100px;margin:18px auto;padding:12px;width:100%;box-sizing:border-box;overflow-x:hidden}@media(min-width:768px){.dashboard-clean{padding:18px}}.selected-user-container{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:nowrap}.dashboard-quick-actions{display:flex;justify-content:flex-start;gap:8px;margin-bottom:16px}.selected-user{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card-bg);border-radius:10px;border:1px solid var(--border-color);flex:1}.user-selector-btn{background:var(--primary-color);color:#fff;border:none;border-radius:10px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.user-selector-btn:hover{background:var(--primary-color);opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.user-selector-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.user-selector-btn svg{width:20px;height:20px}.group-icon{width:64px;height:64px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.714em;color:#fff;border:2px solid var(--border-light, #eef2f6)}.selected-user-avatar,.user-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light, #eef2f6)}.user-info{flex:1}.user-name{font-weight:800;font-size:1.15rem;color:var(--text-primary);margin-bottom:4px}.user-role{font-size:.929em;color:var(--text-secondary);margin-bottom:2px}.user-contact{font-size:.857em;color:var(--text-secondary);font-family:var(--font-family, inherit),monospace}.tabs{display:flex;gap:0;margin-top:14px;margin-bottom:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:0;background:var(--page-bg, var(--bg-color, #f7f7fa));border:none;border-bottom:2px solid #d1d5db;border-radius:0;box-shadow:none;position:sticky;top:calc(var(--topbar-height, 64px) + var(--ad-banner-height-desktop, 120px));z-index:5;width:100%;box-sizing:border-box;align-items:flex-end;min-height:60px;padding-top:12px;isolation:isolate}.tabs:after{content:"";position:absolute;bottom:-2px;left:var(--active-tab-left, 0);width:var(--active-tab-width, 0);height:3px;background:var(--primary-color, #2563eb);z-index:3;display:var(--active-tab-display, none);transition:left .2s ease,width .2s ease;pointer-events:none}body:not(.has-ad-banner) .tabs{top:var(--topbar-height, 64px)}@media(max-width:768px){.tabs{top:calc(var(--topbar-height, 64px) + var(--ad-banner-height-mobile, 60px));padding-top:18px;margin-bottom:0}body:not(.has-ad-banner) .tabs{top:var(--topbar-height, 64px)}}.tab-btn{background:#f3f4f6;border:1px solid #d1d5db;border-bottom:none;padding:10px 20px;border-radius:8px 8px 0 0;cursor:pointer;font-family:inherit;font-size:1.143em;font-weight:500;color:var(--text-primary);transition:all .2s ease;position:relative;min-height:48px;white-space:nowrap;margin-right:2px;z-index:1;display:flex;align-items:center;justify-content:center}.tab-btn.active{background:var(--primary-color, #2563eb);color:var(--text-primary, #1f2937);border-color:var(--border-color, #e2e8f0);border-bottom:none;font-size:1.214em;font-weight:600;padding:12px 22px;min-height:52px;box-shadow:none;transform:none;z-index:2;margin-bottom:0;border-radius:8px 8px 0 0;position:relative;box-sizing:border-box}.tab-btn.active{--active-tab-left: 0;--active-tab-width: 100%}.tab-btn:hover:not(.active){background:#e5e7eb;color:var(--text-primary)}.tab-content{margin-top:0;display:none;background:var(--bg-color, #ffffff);padding-top:24px;margin-bottom:24px;position:relative;z-index:10}.tab-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;position:relative;z-index:11;width:100%}.search-controls-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.search-input-wrapper{position:relative;flex:1;min-width:200px}.search-input{padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);width:100%;font-family:inherit;font-size:1em;box-sizing:border-box;transition:all .2s}@media(min-width:768px){.search-input{max-width:400px}}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.clear-search-btn{position:absolute;right:12px;background:none;border:none;font-size:1.429em;line-height:1;color:var(--subtext-color, #6b7280);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;z-index:1}.total-count{color:var(--text-secondary, var(--subtext-color, #6b7280));font-size:1em}.range-selector{display:flex;align-items:center;gap:12px}.current-scope{color:var(--text-secondary, var(--subtext-color, #6b7280));font-size:.929em}.overview-metrics{margin-top:16px}.metrics-grid{display:flex;flex-wrap:wrap;gap:12px}.metric-card{background:var(--card-bg, #ffffff);border-radius:12px;padding:12px;border:1px solid var(--border-light, #e9eef5);box-shadow:0 1px 2px #00000008;min-width:240px;flex:1 1 calc(33.333% - 12px);box-sizing:border-box}.metric-title{font-weight:700;color:var(--text-secondary, var(--subtext-color, #6b7280));font-size:1em;margin-bottom:8px}.metric-card{background:var(--card-bg);border-radius:12px;padding:12px;border:1px solid var(--border-color);box-shadow:0 1px 2px #00000008;min-width:240px;flex:1 1 calc(33.333% - 12px);box-sizing:border-box}.metric-title{font-weight:700;color:var(--text-secondary);font-size:1em;margin-bottom:8px}.metric-value{font-size:1.714em;font-weight:800;color:var(--text-primary)}.persons-grid,.teachers-grid,.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.dashboard-students-list{margin-top:12px}.dashboard-students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;overflow:visible}.person-card{background:var(--card-bg);border-radius:12px;padding:12px;border:1px solid var(--border-color);box-shadow:0 1px 2px #00000008;min-width:0;box-sizing:border-box;display:flex;align-items:center;gap:12px}.teacher-card,.student-card,.lesson-card{background:var(--card-bg);border-radius:12px;padding:16px;border:1px solid var(--border-color);box-shadow:0 2px 4px #00000014;min-width:0;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease;overflow:visible}.teacher-card:hover,.student-card:hover,.lesson-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.person-info{flex:1;text-align:right}.person-name{font-weight:700;color:var(--text-primary, var(--text-color, #1f2937));margin-bottom:4px}.person-meta{font-size:.929em;color:var(--muted)}.person-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light, #eef2f6)}.person-actions{margin-top:8px}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.lesson-card{background:var(--card-bg);border-radius:12px;padding:12px;border:1px solid var(--border-color);box-shadow:0 1px 2px #00000008;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.lesson-header{display:flex;justify-content:space-between;align-items:center}.lesson-info{text-align:right;flex:1}.lesson-title{font-weight:800;color:var(--text-primary);margin-bottom:4px}.lesson-meta{font-size:.857em;color:var(--text-secondary, var(--subtext-color, #6b7280))}.lesson-avatars{display:flex;flex-direction:column;align-items:center;gap:6px;width:80px}.avatar-small{width:35px;height:35px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.teacher-header,.student-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.teacher-avatar,.student-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color);flex-shrink:0;box-shadow:0 2px 8px var(--bg-secondary),0 0 0 2px var(--card-bg, #ffffff);position:relative;z-index:1}@media(max-width:768px){.teacher-avatar,.student-avatar{width:90px;height:90px;margin-right:-10px}}.teacher-info,.student-info{flex:1;text-align:right}.teacher-name,.student-name{font-weight:700;font-size:1.286em;color:var(--text-primary);margin-bottom:4px}@media(max-width:768px){.teacher-name,.student-name{font-size:1.143em}}.teacher-meta,.student-meta{font-size:1em;color:var(--text-secondary, var(--subtext-color, #6b7280))}.teacher-stats,.student-stats{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border-light, #e9eef5);border-bottom:1px solid var(--border-light, #e9eef5);margin:12px 0}.stat-item{flex:1;text-align:center}.stat-label{display:block;font-size:.857em;color:var(--text-secondary, var(--subtext-color, #6b7280));margin-bottom:4px}.stat-value{display:block;font-size:1em;font-weight:700;color:var(--text-primary, var(--text-color, #1f2937))}.teacher-actions,.student-actions{display:flex;gap:8px;margin-top:8px}.student-progress{margin:12px 0;padding:12px 0;border-top:1px solid var(--border-light, #e9eef5);border-bottom:1px solid var(--border-light, #e9eef5)}.lesson-progress{margin-top:8px}.progress-bar-bg{width:100%;background:var(--input-bg, #f3f4f6);height:18px;border-radius:12px;overflow:hidden;border:1px solid var(--success-color, rgba(34, 197, 94, .3));position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,var(--progress-success-start, #02b10b),var(--progress-success-end, #62e767));display:block;transition:width .3s ease}.progress-percent{position:relative;top:-17px;text-align:center;font-weight:700;color:var(--text-primary, var(--text-color, #1f2937));font-size:.857em}.lesson-actions{display:flex;gap:5px;justify-content:flex-end;margin-top:0;flex-wrap:wrap}.btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.857em;transition:all .2s ease}.btn:hover{background:var(--border-light);border-color:var(--border-color)}.btn.btn-primary{padding:6px 12px;font-size:.857em;background:var(--primary-color);color:#fff;border:none}.btn.btn-primary:hover{background:var(--primary-dark)}.select-user{background:var(--primary-color);color:#fff;border:none}.select-user:hover{background:var(--primary-dark)}.fab{position:fixed;left:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.571em;box-shadow:0 6px 18px #0000002e;z-index:10;border:none;cursor:pointer;transition:transform .2s ease}.fab:hover{transform:scale(1.1)}.fab-menu{position:fixed;left:18px;bottom:82px;display:none;flex-direction:column;gap:8px;z-index:1201}.fab-menu .btn{background:var(--card-bg);box-shadow:0 2px 8px var(--card-border)}.fab-menu.show{display:flex}.small-muted{color:var(--text-secondary, var(--subtext-color, #6b7280));font-size:.929em}@media(max-width:1100px){.persons-grid,.teachers-grid,.lessons-grid,.dashboard-students-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.metric-card{flex:1 1 calc(50% - 12px);max-width:calc(50% - 12px);min-width:280px}}@media(max-width:700px){.persons-grid,.teachers-grid,.lessons-grid,.dashboard-students-grid{grid-template-columns:1fr}.metric-card{flex:1 1 100%;max-width:100%;min-width:100%}}@media(max-width:900px){.dashboard-clean{padding:12px}.search-input{width:100%;max-width:100%}.search-controls-wrapper{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:100%}.tab-controls{flex-direction:column;gap:8px;align-items:stretch}.selected-user-container{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px}.selected-user{flex:1;min-width:0}.user-selector-btn{width:48px;height:48px;border-radius:10px;flex-shrink:0}}:root{--dash-gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 50%, #ec4899 100%);--dash-gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--dash-gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--dash-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--dash-gradient-danger: linear-gradient(135deg, #ef4444 0%, #f87171 100%);--dash-gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);--dash-gradient-pink: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);--dash-gradient-cyan: linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);--dash-glass-bg: rgba(255, 255, 255, .05);--dash-glass-border: rgba(255, 255, 255, .1);--dash-glass-shadow: 0 8px 32px rgba(0, 0, 0, .12);--dash-card-radius: 20px;--dash-card-padding: 24px;--dash-card-hover-transform: translateY(-4px);--dash-card-hover-shadow: 0 20px 40px rgba(0, 0, 0, .15);--dash-transition-fast: .2s;--dash-transition-normal: .3s;--dash-transition-slow: .5s;--dash-section-gap: 32px;--dash-card-gap: 20px;--dash-item-gap: 16px}[data-theme=light]{--dash-glass-bg: rgba(255, 255, 255, .8);--dash-glass-border: rgba(0, 0, 0, .08);--dash-glass-shadow: 0 8px 32px rgba(0, 0, 0, .08)}@keyframes dash-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dash-slide-in-right{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes dash-slide-in-left{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes dash-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes dash-bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes dash-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes dash-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dash-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes dash-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dash-glow-pulse{0%,to{box-shadow:0 0 20px rgba(var(--primary-rgb),.3)}50%{box-shadow:0 0 40px rgba(var(--primary-rgb),.6)}}@keyframes dash-rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash-progress-fill{0%{width:0}}@keyframes dash-count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dash-ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes dash-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes dash-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes dash-heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes dash-swing{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}.dashboard-container{min-height:100vh;background:var(--page-bg);padding-top:var(--topbar-height, 64px);position:relative;overflow-x:hidden}.dashboard-container:before{content:"";position:fixed;top:0;left:0;right:0;height:400px;background:var(--dash-gradient-primary);background-size:200% 200%;animation:dash-gradient-flow 15s ease infinite;opacity:.05;pointer-events:none;z-index:0}body.has-ad-banner .dashboard-container{padding-top:var(--header-total-height-desktop, 184px)}@media(max-width:768px){.dashboard-container{padding-top:var(--topbar-height, 64px)}body.has-ad-banner .dashboard-container{padding-top:var(--header-total-height-mobile, 124px)}}.dashboard-clean{max-width:1400px;margin:0 auto;padding:24px;width:100%;box-sizing:border-box;position:relative;z-index:1}@media(min-width:768px){.dashboard-clean{padding:32px}}@media(min-width:1200px){.dashboard-clean{padding:40px}}.selected-user-container{display:flex;align-items:center;gap:16px;margin-bottom:var(--dash-section-gap);animation:dash-fade-in .6s ease-out;z-index:99}.selected-user{flex:1;display:flex;align-items:center;gap:20px;padding:24px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--dash-card-radius);box-shadow:var(--dash-glass-shadow);transition:all var(--dash-transition-normal) ease;cursor:pointer;position:relative;overflow:hidden}.selected-user:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dash-gradient-primary);opacity:0;transition:opacity var(--dash-transition-normal) ease}.selected-user:hover{transform:var(--dash-card-hover-transform);box-shadow:var(--dash-card-hover-shadow);border-color:var(--primary-color)}.selected-user:hover:before{opacity:.03}.group-icon{width:80px;height:80px;border-radius:24px;background:var(--dash-gradient-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 24px rgba(var(--primary-rgb),.3);flex-shrink:0;position:relative;z-index:1;animation:dash-glow-pulse 3s ease-in-out infinite}.user-avatar,.selected-user-avatar{width:80px;height:80px;border-radius:24px;object-fit:cover;border:3px solid var(--border-color);box-shadow:0 8px 24px #00000026;flex-shrink:0;position:relative;z-index:1;transition:all var(--dash-transition-normal) ease}.selected-user:hover .user-avatar{transform:scale(1.05);border-color:var(--primary-color)}.user-info{flex:1;min-width:0;position:relative;z-index:1}.user-name{font-weight:800;font-size:1.4rem;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.user-role{font-size:.95rem;color:var(--text-secondary);margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-contact{font-size:.9rem;color:var(--text-muted);font-family:Vazir,monospace;direction:ltr;text-align:right}.user-stats-row{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);flex-wrap:wrap}.user-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:var(--bg-secondary);border-radius:12px;min-width:80px;transition:all .3s ease}.user-stat-item:hover{background:var(--primary-color);transform:translateY(-2px)}.user-stat-item:hover .stat-value,.user-stat-item:hover .stat-label{color:#fff!important}.user-stat-item .stat-value{font-size:1.25rem;font-weight:700;color:var(--primary-color);line-height:1.2}.user-stat-item .stat-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.user-selector-btn{width:56px;height:56px;border-radius:16px;background:var(--dash-gradient-primary);background-size:200% 200%;animation:dash-gradient-flow 5s ease infinite;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(var(--primary-rgb),.3);transition:all var(--dash-transition-normal) ease;flex-shrink:0;position:relative;overflow:hidden}.user-selector-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.user-selector-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px rgba(var(--primary-rgb),.4)}.user-selector-btn:hover:before{width:200%;height:200%}.user-selector-btn:active{transform:translateY(-2px) scale(1.02)}.user-selector-btn svg{width:24px;height:24px;position:relative;z-index:1}.role-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;transition:all var(--dash-transition-fast) ease}.role-tag.manager{background:linear-gradient(135deg,#f59e0b26,#fbbf2426);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.role-tag.exam-manager{background:linear-gradient(135deg,#3b82f626,#60a5fa26);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.role-tag.assistant{background:linear-gradient(135deg,#10b98126,#34d39926);color:#10b981;border:1px solid rgba(16,185,129,.3)}.role-tag.teacher{background:linear-gradient(135deg,#8b5cf626,#a78bfa26);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.role-tag.student{background:linear-gradient(135deg,#06b6d426,#22d3ee26);color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.tabs{display:flex;gap:8px;margin-top:var(--dash-section-gap);margin-bottom:24px;padding-top:18px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--dash-glass-shadow);overflow-x:auto;-webkit-overflow-scrolling:touch;position:sticky;top:calc(var(--topbar-height, 64px) + 16px);z-index:10;animation:dash-fade-in .6s ease-out .1s both}body.has-ad-banner .tabs{top:calc(var(--header-total-height-desktop, 184px) + 16px)}@media(max-width:768px){.tabs{top:calc(var(--topbar-height, 64px) + 8px);padding:16px;gap:2px;border-radius:12px}body.has-ad-banner .tabs{top:calc(var(--header-total-height-mobile, 124px) + 8px)}}.tabs::-webkit-scrollbar{height:0;display:none}.tab-btn{flex:1;min-width:fit-content;padding:14px 24px;border:none;border-radius:12px;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--dash-transition-normal) ease;position:relative;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.tab-btn:hover:not(.active){background:var(--bg-secondary);color:var(--text-primary)}.tab-btn.active{background:var(--dash-gradient-primary);background-size:200% 200%;animation:dash-gradient-flow 5s ease infinite;color:#fff;box-shadow:0 8px 24px rgba(var(--primary-rgb),.3)}.tab-btn .badge,.tab-btn .membership-requests-badge,.tab-btn .teacher-licenses-badge{position:absolute;top:-8px;right:-8px;min-width:auto;height:auto;padding:2px 6px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;animation:dash-bounce-in .5s ease;line-height:1;white-space:nowrap}.tab-btn.active .badge,.tab-btn.active .lesson-requests-badge,.tab-btn.active .membership-requests-badge,.tab-btn.active .teacher-licenses-badge{background:#ef4444;color:#fff}.tab-content{background-color:var(--bg-color);display:none;animation:dash-fade-in .4s ease-out}.tab-content.active{display:block}.tab-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-controls-wrapper{display:flex;align-items:center;gap:16px;flex:1;min-width:0;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:200px;max-width:400px}.search-input{width:100%;padding:14px 48px 14px 16px;font-size:1rem;font-family:inherit;background:var(--card-bg);border:2px solid var(--border-color);border-radius:14px;color:var(--text-primary);transition:all var(--dash-transition-normal) ease;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15)}.search-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.clear-search-btn{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:var(--bg-secondary);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dash-transition-fast) ease;opacity:0;visibility:hidden}.search-input:not(:placeholder-shown)+.clear-search-btn,.clear-search-btn.visible{opacity:1;visibility:visible}.clear-search-btn:hover{background:var(--primary-color);color:#fff}.total-count{padding:10px 18px;background:var(--bg-secondary);border-radius:12px;font-size:.9rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.show-completed-toggle{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all var(--dash-transition-fast) ease;-webkit-user-select:none;user-select:none}.show-completed-toggle:hover{border-color:var(--primary-color)}.show-completed-toggle.active{background:var(--primary-light);border-color:var(--primary-color)}.toggle-checkbox{width:44px;height:24px;background:var(--bg-secondary);border-radius:12px;position:relative;transition:all var(--dash-transition-fast) ease}.toggle-checkbox:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0003;transition:all var(--dash-transition-fast) ease}.show-completed-toggle.active .toggle-checkbox{background:var(--primary-color)}.show-completed-toggle.active .toggle-checkbox:after{transform:translate(20px)}.toggle-label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.teachers-grid,.dashboard-students-grid,.lessons-grid,.persons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--dash-card-gap);animation:dash-fade-in .5s ease-out}@media(max-width:768px){.teachers-grid,.dashboard-students-grid,.lessons-grid,.persons-grid{grid-template-columns:1fr;gap:16px}}.teacher-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--dash-card-radius);padding:var(--dash-card-padding);box-shadow:var(--dash-glass-shadow);transition:all var(--dash-transition-normal) ease;position:relative;overflow:hidden;animation:dash-fade-in .5s ease-out both}.teacher-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--dash-gradient-purple);opacity:0;transition:opacity var(--dash-transition-normal) ease}.teacher-card:hover{transform:var(--dash-card-hover-transform);box-shadow:var(--dash-card-hover-shadow);border-color:var(--primary-color)}.teacher-card:hover:before{opacity:1}.teacher-card:nth-child(1){animation-delay:.05s}.teacher-card:nth-child(2){animation-delay:.1s}.teacher-card:nth-child(3){animation-delay:.15s}.teacher-card:nth-child(4){animation-delay:.2s}.teacher-card:nth-child(5){animation-delay:.25s}.teacher-card:nth-child(6){animation-delay:.3s}.teacher-card:nth-child(7){animation-delay:.35s}.teacher-card:nth-child(8){animation-delay:.4s}.teacher-header,.student-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.teacher-avatar,.student-avatar{width:80px;height:80px;border-radius:20px;object-fit:cover;border:3px solid var(--border-color);box-shadow:0 8px 20px #0000001a;flex-shrink:0;transition:all var(--dash-transition-normal) ease}.teacher-card:hover .teacher-avatar,.student-card:hover .student-avatar{transform:scale(1.05);border-color:var(--primary-color)}.teacher-info,.student-info{flex:1;min-width:0}.teacher-name,.student-name{font-weight:700;font-size:1.15rem;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.teacher-meta,.student-meta{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.teacher-stats,.student-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin:16px 0}.stat-item{text-align:center;padding:8px;background:var(--bg-secondary);border-radius:12px;transition:all var(--dash-transition-fast) ease}.stat-item:hover{background:var(--primary-light)}.stat-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.stat-value{display:block;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.teacher-actions,.student-actions{display:flex;gap:10px;flex-wrap:wrap}.student-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--dash-card-radius);padding:var(--dash-card-padding);box-shadow:var(--dash-glass-shadow);transition:all var(--dash-transition-normal) ease;position:relative;overflow:hidden;animation:dash-fade-in .5s ease-out both}.student-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--dash-gradient-cyan);opacity:0;transition:opacity var(--dash-transition-normal) ease}.student-card:hover{transform:var(--dash-card-hover-transform);box-shadow:var(--dash-card-hover-shadow);border-color:var(--primary-color)}.student-card:hover:before{opacity:1}.student-card:nth-child(1){animation-delay:.05s}.student-card:nth-child(2){animation-delay:.1s}.student-card:nth-child(3){animation-delay:.15s}.student-card:nth-child(4){animation-delay:.2s}.student-card:nth-child(5){animation-delay:.25s}.student-card:nth-child(6){animation-delay:.3s}.student-progress{margin:16px 0;padding:16px;background:var(--bg-secondary);border-radius:14px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-title{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.progress-value{font-size:.9rem;font-weight:700;color:var(--primary-color)}.student-manager{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);margin-top:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:10px}.student-manager svg{width:16px;height:16px;color:var(--text-muted)}.lesson-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--dash-card-radius);padding:var(--dash-card-padding);box-shadow:var(--dash-glass-shadow);transition:all var(--dash-transition-normal) ease;position:relative;overflow:hidden;animation:dash-fade-in .5s ease-out both;cursor:pointer}.lesson-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--dash-gradient-success);opacity:0;transition:opacity var(--dash-transition-normal) ease}.lesson-card:hover{transform:var(--dash-card-hover-transform);box-shadow:var(--dash-card-hover-shadow);border-color:var(--primary-color)}.lesson-card:hover:before{opacity:1}.lesson-card.completed{opacity:.7}.lesson-card.completed:before{background:var(--text-muted);opacity:1}.lesson-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.lesson-info{flex:1;min-width:0}.lesson-title{font-weight:700;font-size:1.1rem;color:var(--text-primary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-meta{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--text-secondary)}.lesson-meta-item{display:flex;align-items:center;gap:8px}.lesson-meta-item svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.lesson-avatars{display:flex;flex-direction:column;align-items:center;gap:8px}.avatar-small{width:44px;height:44px;border-radius:12px;object-fit:cover;border:2px solid var(--border-color);box-shadow:0 4px 12px #0000001a;transition:all var(--dash-transition-fast) ease}.lesson-card:hover .avatar-small{transform:scale(1.1);border-color:var(--primary-color)}.avatar-label{font-size:.75rem;color:var(--text-muted);text-align:center}.lesson-progress{margin-top:16px}.progress-bar-container{position:relative}.progress-bar-bg{width:100%;height:12px;background:var(--bg-secondary);border-radius:6px;overflow:hidden;position:relative}.progress-bar{height:100%;background:var(--dash-gradient-success);border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:dash-wave 2s infinite}.progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:700;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.1)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.85rem;color:var(--text-secondary)}.lesson-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;font-family:inherit;border:none;border-radius:12px;cursor:pointer;transition:all var(--dash-transition-normal) ease;position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:hover:before{width:300%;height:300%}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:before{display:none}.btn-primary,.btn.btn-primary{background:var(--dash-gradient-primary);background-size:200% 200%;animation:dash-gradient-flow 5s ease infinite;color:#fff;box-shadow:0 4px 16px rgba(var(--primary-rgb),.3)}.btn-primary:hover,.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--primary-rgb),.4)}.btn-secondary,.btn.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover,.btn.btn-secondary:hover{background:var(--border-light);border-color:var(--primary-color)}.btn-success,.btn.btn-success{background:var(--dash-gradient-success);color:#fff;box-shadow:0 4px 16px #10b9814d}.btn-success:hover,.btn.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.btn-warning,.btn.btn-warning{background:var(--dash-gradient-warning);color:#1a1a1a;box-shadow:0 4px 16px #f59e0b4d}.btn-warning:hover,.btn.btn-warning:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b66}.btn-danger,.btn.btn-danger{background:var(--dash-gradient-danger);color:#fff;box-shadow:0 4px 16px #ef44444d}.btn-danger:hover,.btn.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.btn-ghost,.btn.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover,.btn.btn-ghost:hover{background:var(--bg-secondary)}.btn-icon{width:44px;height:44px;padding:0;border-radius:12px}.btn-sm{padding:8px 14px;font-size:.85rem;border-radius:10px}.select-user{background:var(--dash-gradient-primary);color:#fff;padding:8px 16px;font-size:.85rem}.select-user:hover{transform:translateY(-2px)}.fab{position:fixed;left:24px;bottom:24px;width:64px;height:64px;border-radius:20px;background:var(--dash-gradient-primary);background-size:200% 200%;animation:dash-gradient-flow 5s ease infinite;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;box-shadow:0 8px 32px rgba(var(--primary-rgb),.4);z-index:1000;transition:all var(--dash-transition-normal) ease}.fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 12px 40px rgba(var(--primary-rgb),.5)}.fab:active{transform:scale(1.05) rotate(90deg)}.fab-menu{position:fixed;left:24px;bottom:100px;display:flex;flex-direction:column;gap:12px;z-index:1001;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--dash-transition-normal) ease}.fab-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.fab-menu .btn,.fab-menu .fab-action{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 8px 24px #00000026;padding:14px 20px;border-radius:14px;font-size:.95rem;white-space:nowrap;animation:dash-slide-in-left .3s ease-out both}.fab-menu .btn:nth-child(1){animation-delay:.05s}.fab-menu .btn:nth-child(2){animation-delay:.1s}.fab-menu .btn:nth-child(3){animation-delay:.15s}.fab-menu .btn:nth-child(4){animation-delay:.2s}.fab-menu .btn:hover,.fab-menu .fab-action:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translate(-8px)}.status-indicator{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.status-indicator.active{background:var(--dash-gradient-success);color:#fff;box-shadow:0 4px 12px #10b9814d}.status-indicator.completed{background:var(--bg-secondary);color:var(--text-muted)}.status-indicator.pending{background:var(--dash-gradient-warning);color:#1a1a1a;box-shadow:0 4px 12px #f59e0b4d}.show-more-section,.show-less-section{text-align:center;margin-top:var(--dash-section-gap)}.show-more-btn,.show-less-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:14px;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--dash-transition-normal) ease}.show-more-btn:hover,.show-less-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--primary-rgb),.3)}.completed-count{display:block;margin-top:8px;font-size:.9rem;color:var(--text-muted)}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:dash-rotate-slow .8s linear infinite;margin-bottom:16px}.loading-text{font-size:1rem;color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--border-light) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:dash-shimmer 1.5s infinite;border-radius:8px}.skeleton-card{height:200px;border-radius:var(--dash-card-radius)}.skeleton-avatar{width:80px;height:80px;border-radius:20px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{width:120px;height:120px;background:var(--bg-secondary);border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:24px;animation:dash-float 3s ease-in-out infinite}.empty-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-description{font-size:1rem;color:var(--text-secondary);max-width:400px;line-height:1.6}.leave-status-alert{margin:16px;padding:20px;background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:1px solid rgba(245,158,11,.3);border-radius:16px;color:var(--warning-color);animation:dash-fade-in .5s ease-out}.leave-status-content{display:flex;align-items:flex-start;gap:16px}.leave-status-icon{width:48px;height:48px;background:var(--dash-gradient-warning);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leave-status-icon svg{width:24px;height:24px;color:#1a1a1a}.leave-status-info{flex:1}.leave-status-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.leave-status-date{font-size:.95rem;color:var(--text-secondary)}.leave-status-actions{margin-top:16px}.progress-tab-header{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;animation:dash-fade-in .5s ease-out}.progress-tab-header .btn{position:relative;padding:12px 20px}.progress-tab-header .btn .badge{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--card-bg);animation:dash-bounce-in .5s ease}.overview-metrics{margin-top:24px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--dash-card-gap)}.metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--dash-card-radius);padding:var(--dash-card-padding);box-shadow:var(--dash-glass-shadow);transition:all var(--dash-transition-normal) ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--dash-gradient-primary)}.metric-card:hover{transform:var(--dash-card-hover-transform);box-shadow:var(--dash-card-hover-shadow)}.metric-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px}.metric-card.blue .metric-icon{background:linear-gradient(135deg,#3b82f626,#60a5fa26)}.metric-card.green .metric-icon{background:linear-gradient(135deg,#10b98126,#34d39926)}.metric-card.yellow .metric-icon{background:linear-gradient(135deg,#f59e0b26,#fbbf2426)}.metric-card.purple .metric-icon{background:linear-gradient(135deg,#8b5cf626,#a78bfa26)}.metric-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.metric-value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1.2;animation:dash-count-up .6s ease-out}.metric-trend{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:4px 10px;border-radius:8px;font-size:.85rem;font-weight:600}.metric-trend.positive{background:#10b9811a;color:#10b981}.metric-trend.negative{background:#ef44441a;color:#ef4444}@media(max-width:1200px){.dashboard-clean{padding:24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.dashboard-clean{padding:16px}.selected-user-container{flex-direction:row;gap:12px}.selected-user{padding:16px;gap:12px}.group-icon,.user-avatar,.selected-user-avatar{width:64px;height:64px;border-radius:18px}.user-name{font-size:1.2rem}.tab-controls{flex-direction:column;align-items:stretch}.search-controls-wrapper{width:100%}.search-input-wrapper{max-width:100%}}@media(max-width:768px){.dashboard-clean{padding:12px}.selected-user{padding:14px}.user-selector-btn{width:48px;height:48px;border-radius:14px}.tabs{margin-top:20px;padding-top:18px;padding-bottom:0}.tab-btn{padding:12px 16px;font-size:.9rem}.teacher-avatar,.student-avatar{width:64px;height:64px;border-radius:16px}.teacher-stats,.student-stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat-item{padding:6px}.stat-label{font-size:.75rem}.stat-value{font-size:.95rem}.fab{width:56px;height:56px;left:16px;bottom:16px;border-radius:16px}.fab-menu{left:16px;bottom:84px}.metrics-grid{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-clean{padding:10px}.selected-user-container{gap:10px}.selected-user{padding:12px;gap:10px}.group-icon,.user-avatar,.selected-user-avatar{width:56px;height:56px;border-radius:16px}.user-name{font-size:1.1rem}.user-role,.user-contact{font-size:.85rem}.user-selector-btn{width:44px;height:44px;border-radius:12px}.lesson-card,.teacher-card,.student-card{padding:16px;border-radius:16px}.lesson-header{flex-direction:column;align-items:flex-start}.lesson-avatars{flex-direction:row;margin-top:12px}.btn{padding:10px 14px;font-size:.85rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fab:hover{transform:scale(1.1)}.progress-bar:after{animation:none}}@media print{.dashboard-container{padding-top:0;background:#fff}.dashboard-container:before{display:none}.tabs,.fab,.fab-menu,.user-selector-btn{display:none!important}.teacher-card,.student-card,.lesson-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.teacher-card:focus-visible,.student-card:focus-visible,.lesson-card:focus-visible,.btn:focus-visible,.tab-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:8px 16px;z-index:10000;border-radius:0 0 8px;transition:top .3s ease}.skip-link:focus{top:0}[data-theme=ocean] .dashboard-container:before{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}[data-theme=ocean] .fab,[data-theme=ocean] .user-selector-btn,[data-theme=ocean] .btn-primary{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}[data-theme=forest] .dashboard-container:before{background:linear-gradient(135deg,#22c55e,#10b981)}[data-theme=forest] .fab,[data-theme=forest] .user-selector-btn,[data-theme=forest] .btn-primary{background:linear-gradient(135deg,#22c55e,#10b981)}[data-theme=sunset] .dashboard-container:before{background:linear-gradient(135deg,#f97316,#ec4899)}[data-theme=sunset] .fab,[data-theme=sunset] .user-selector-btn,[data-theme=sunset] .btn-primary{background:linear-gradient(135deg,#f97316,#ec4899)}[data-theme=royal] .dashboard-container:before{background:linear-gradient(135deg,#a855f7,#ec4899)}[data-theme=royal] .fab,[data-theme=royal] .user-selector-btn,[data-theme=royal] .btn-primary{background:linear-gradient(135deg,#a855f7,#ec4899)}[data-theme=cherry] .dashboard-container:before{background:linear-gradient(135deg,#f43f5e,#fb7185)}[data-theme=cherry] .fab,[data-theme=cherry] .user-selector-btn,[data-theme=cherry] .btn-primary{background:linear-gradient(135deg,#f43f5e,#fb7185)}[data-theme=midnight] .dashboard-container:before{background:linear-gradient(135deg,#6366f1,#8b5cf6)}[data-theme=midnight] .fab,[data-theme=midnight] .user-selector-btn,[data-theme=midnight] .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.standard-back-button{position:fixed;top:80px;right:20px;z-index:999;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;font-size:1.714em;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);color:var(--primary-color, #2563eb);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.standard-back-button:hover{background:var(--input-bg, #f3f4f6);border-color:var(--primary-color, #2563eb);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.standard-back-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.standard-back-button{top:70px;right:12px;width:36px;height:36px;font-size:1.429em}}.page-header h1,.detail-header h1,.class-detail-header h1,.settings-header h1,.header h1{padding-left:60px}@media(max-width:768px){.page-header h1,.detail-header h1,.class-detail-header h1,.settings-header h1,.header h1{padding-left:56px}}.report-modal-overlay{position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.report-modal{background:var(--bg-color, var(--card-bg, #ffffff));border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color, #e0e0e0);background-color:var(--bg-color, var(--card-bg, #ffffff))}.report-modal-header h2{margin:0;font-size:1.429em;font-weight:600;color:var(--text-color);font-family:var(--font-family)}.close-btn{background:none;border:none;font-size:2em;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background-color:#f0f0f0;color:#333}.close-btn:disabled{opacity:.5;cursor:not-allowed}.report-modal-form{padding:20px;background-color:var(--bg-color, var(--card-bg, #ffffff))}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color);font-family:var(--font-family);font-size:1em}.form-control{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:1em;font-family:var(--font-family, inherit),sans-serif;transition:border-color .2s}.form-control:focus{outline:none;border-color:#007bff}.form-control textarea{resize:vertical;min-height:100px}.report-type-buttons{display:flex;gap:12px}.report-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid var(--border-color, #ddd);border-radius:8px;background:var(--card-bg, #ffffff);color:var(--text-color, #333);cursor:pointer;transition:all .2s;font-size:1em;font-weight:500;font-family:var(--font-family)}.report-type-btn:hover{border-color:#007bff;background-color:#f0f7ff}.report-type-btn.active{border-color:#007bff;background-color:#007bff;color:#fff}.report-type-btn.active.violation{border-color:#dc3545;background-color:#dc3545}.report-type-btn.active.encouragement{border-color:#28a745;background-color:#28a745}.report-type-icon{font-size:1.286em}.loading-text{padding:10px;text-align:center;color:#666;font-size:1em}.error-message{background-color:var(--error-color);color:var(--text-color);padding:12px;border-radius:6px;margin-bottom:16px;font-size:1em;font-family:var(--font-family)}.report-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-family, inherit),sans-serif}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn:disabled{opacity:.6;cursor:not-allowed}.report-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--background-secondary);border-radius:6px;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s ease}.report-button:hover{color:#fff}.report-button:active{transform:scale(.98)}.report-button-icon{font-size:1.143em}.report-button-text{font-family:var(--font-family, inherit),sans-serif}.report-button.small{padding:6px 12px;font-size:.857em}.report-button.small .report-button-icon{font-size:1em}.report-button.icon-only{padding:8px;border-radius:50%;width:36px;height:36px;justify-content:center}.report-button.icon-only .report-button-text{display:none}.star-rating{display:inline-flex;align-items:center;gap:.5rem;direction:rtl;flex-shrink:0}.star-rating.read-only{cursor:default}.star{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease;-webkit-user-select:none;user-select:none;line-height:1;width:28px;height:28px;flex-shrink:0}.star-rating.read-only .star{cursor:default}.star svg{width:100%;height:100%;transition:all .2s ease}.star.empty{color:#d1d5db}.star.empty svg{stroke:#d1d5db}.star.filled{color:#fbbf24}.star.filled svg{fill:#fbbf24;stroke:#fbbf24}.star-rating:not(.read-only) .star:hover{transform:scale(1.15)}.star-rating:not(.read-only) .star:hover.empty{color:#fbbf24}.star-rating:not(.read-only) .star:hover.empty svg{stroke:#fbbf24}.star-rating:not(.read-only) .star:active{transform:scale(.95)}.star-rating:not(.read-only) .star:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}@media(max-width:768px){.star{width:24px;height:24px}.star-rating{gap:.35rem}}.add-aide-modal{background:var(--card-bg, #ffffff);border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003}.modal-header h2{margin:0;font-size:1.286em;color:var(--text-primary, var(--text-color, #1f2937))}.modal-close-btn{background:none;border:none;font-size:1.714em;color:var(--text-secondary, #6b7280);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-btn:hover{background:var(--input-bg, #f3f4f6);color:var(--text-primary, var(--text-color, #1f2937))}.modal-content{padding:20px;overflow-y:auto;flex:1}.search-box{position:relative}.search-input{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937));font-size:1em}.search-input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.loading-message,.empty-message{text-align:center;padding:40px 20px;color:var(--text-secondary, #6b7280);font-size:1em}.students-list{display:flex;flex-direction:column;gap:8px}.student-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--card-bg, #ffffff)}.student-item:hover{background:var(--input-bg, #f3f4f6);border-color:var(--primary-color, #2563eb);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.student-avatar-small{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color, #e5e7eb)}.student-info{flex:1}.student-name{font-weight:500;color:var(--text-primary, var(--text-color, #1f2937));font-size:1em;margin-bottom:4px}.student-meta{font-size:.857em;color:var(--text-secondary, #6b7280)}@media(max-width:768px){.add-aide-modal{width:95%;max-height:90vh}}.class-detail-container{padding:12px;padding-top:calc(var(--topbar-height, 64px) + 80px);max-width:1200px;background:var(--page-bg, var(--bg-color, #f7f7fa));margin:0 auto;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);width:100%;box-sizing:border-box;overflow-x:hidden;min-height:100vh}@media(max-width:768px){.class-detail-container{padding-top:12px}}@media(max-width:768px){.page-modal-content .class-detail-container{padding-top:0!important}.page-modal-content .class-detail-header{margin-top:0;padding-top:0}}@media(min-width:768px){.class-detail-container{padding:20px}}.class-detail-header{position:relative;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;margin-bottom:18px;min-height:42px}.class-detail-header .back-icon-btn{position:absolute;left:0;top:0;z-index:2;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;font-size:1.714em;line-height:1.1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--sidenav-bg, #f5f5f5);color:var(--primary, #2181cc);border:none}.class-detail-header h1{margin:0 auto 0 0;font-size:1.4rem;font-weight:700;text-align:right;width:100%}.class-info-card{background:var(--card-bg);color:var(--text-primary);border-radius:12px;padding:16px;box-shadow:0 2px 8px var(--bg-secondary);margin-bottom:16px;box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.class-info-card{padding:24px;margin-bottom:24px}}.class-participants{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}@media(min-width:768px){.class-participants{flex-direction:row;gap:24px;margin-bottom:20px;padding-bottom:20px}}.participant{display:flex;align-items:center;gap:12px}.participant-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.class-meta{display:grid;grid-template-columns:1fr;gap:12px;word-wrap:break-word;overflow-wrap:break-word}@media(min-width:768px){.class-meta{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.class-meta>div{padding:8px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px}.meta-item-link{padding:8px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;transition:background-color .2s,transform .1s}.meta-item-link:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 4px var(--bg-secondary)}.progress-section,.edit-section,.permit-section{background:var(--card-bg);border-radius:12px;padding:16px;box-shadow:0 2px 8px var(--bg-secondary);margin-bottom:16px;box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.progress-section,.edit-section,.permit-section{padding:24px;margin-bottom:24px}}.progress-section h2,.edit-section h2,.permit-section h2{margin-top:0;margin-bottom:20px;font-size:1.429em}.class-actions{display:flex;gap:12px;margin-bottom:24px}.exams-section{background:var(--card-bg);border-radius:12px;padding:16px;box-shadow:0 2px 8px var(--bg-secondary);box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.exams-section{padding:24px}}.exams-section h2{margin-top:0;margin-bottom:16px}.exams-list{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:768px){.exams-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.exam-card{padding:16px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);color:var(--text-primary)}.exam-card.exam-passed{background:var(--bg-secondary);color:var(--success-color);border-color:var(--success-color)}.exam-card.exam-failed{background:var(--bg-secondary);color:var(--danger-color);border-color:var(--danger-color)}.exam-card.exam-pending{background:var(--bg-secondary);color:var(--warning-color);border-color:var(--warning-color)}.exam-status-chip{display:inline-block;padding:2px 8px;border-radius:8px;font-size:.857em;font-weight:600}.exam-card.exam-passed .exam-status-chip{background:var(--success-color);color:var(--text-primary)}.exam-card.exam-failed .exam-status-chip{background:var(--danger-color);color:var(--text-primary)}.exam-card.exam-pending .exam-status-chip{background:var(--warning-color);color:var(--text-primary)}.alert{padding:12px;border-radius:6px;margin-bottom:16px}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.form-select,.form-control{width:100%;padding:8px 12px;font-family:var(--font-family);font-style:var(--font-style);font-weight:var(--font-weight);font-size:var(--font-size);color:var(--text-primary);border:1px solid var(--border-color);background-color:var(--input-bg);border-radius:6px}.form-select:focus,.form-control:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px var(--bg-secondary)}.class-detail-container .btn{padding:6px 12px;font-size:.857em;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary)}.class-detail-container .btn.btn-primary{background:var(--primary-color);color:var(--text-primary);border:none}.class-detail-container .btn.btn-secondary{background:var(--border-light);color:var(--text-primary)}.class-detail-container .btn.btn-success{background:var(--success-color, #16a34a);color:var(--text-primary);border:none}.class-detail-container .btn.btn-danger{background:var(--danger-color, #ef4444);color:var(--text-primary);border:none}.overall-progress{background:var(--border-light, #f3f4f6);border-radius:6px;height:10px;position:relative;overflow:hidden}.overall-progress .bar{background:var(--primary-color, #3b82f6);height:100%;width:0%;transition:width .2s ease}.progress-control .btn-plus,.progress-control .btn-minus{min-width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.classy-flex{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.class-info-summary{flex:1}.class-action-icons{display:flex;flex-direction:column;gap:12px;margin-right:24px;margin-left:12px;margin-top:8px}.icon-btn{background:var(--bg-secondary);width:70px;height:40px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.571em;box-shadow:0 2px 8px var(--bg-secondary);transition:background .15s,box-shadow .14s}.icon-btn.green{background:#18cc7a18;color:#18b04f}.icon-btn.red{background:#ff456648;color:#f12a43}.icon-btn.blue{background:#2971f648;color:#2771f5}.icon-btn:hover{box-shadow:0 4px 12px #dde4f266}.icon-btn:active{background:#b9cef748}.stepper-labels{display:flex;justify-content:center;align-items:center;gap:8px;font-size:.929em;margin-top:2px;direction:rtl}.step-current{color:var(--primary-color, #2563eb);font-weight:700;padding:0 6px;background:var(--bg-secondary);border-radius:6px}.step-prev,.step-next{color:var(--text-secondary);font-style:italic;max-width:130px;direction:rtl}.class-info-card.redesign-modern{background:var(--card-bg);border-radius:16px;border:1.5px solid var(--border-color);padding:34px 32px 28px}.class-participants.modern{gap:36px;margin-bottom:18px;border:none;padding-bottom:0}.class-action-icons.modern{display:flex;flex-direction:row;gap:12px;margin-right:8px;margin-left:8px;margin-top:8px;align-items:center;justify-content:flex-end}.icon-btn.blue-modern{background:#2971f65c;color:#2274f795}.icon-btn.green-modern{background:#0de6b784;color:#12b46e}.icon-btn.red-modern{background:#ff797924;color:#e83644}.icon-btn.orange-modern{background:#ff980024;color:#f59e0b}.icon-btn.blue-modern:hover{background:#56adfbbe!important;color:#fff}.icon-btn.green-modern:hover{background:#28e494c7!important;color:#fff}.icon-btn.red-modern:hover{background:#f14141a8!important;color:#fff}.icon-btn.orange-modern:hover{background:#ff9800a8!important;color:#fff}.icon-btn:disabled{opacity:.6;cursor:not-allowed}.icon-btn{border-radius:11px!important;font-size:1.607em;border:none;display:flex;align-items:center;gap:4px;padding:8px 12px}.icon-btn span{font-size:.929em;line-height:1}.overall-progress{height:20px;border-radius:32px;box-shadow:0 2px 16px #e3e9ef63}.overall-progress .bar{height:100%;border-radius:32px;background:linear-gradient(90deg,#2e8cff,#34d399)!important;box-shadow:0 2px 8px #a3e9ff36}.stepper-labels span.step-current{font-size:1.071em;color:#3482e8;background:#e9f2fc;padding:2px 12px;border-radius:6px;margin:0 3px}.stepper-labels span.step-prev,.stepper-labels span.step-next{color:var(--text-secondary);font-style:italic;font-size:.929em;max-width:110px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-section .btn.btn-primary{font-size:1em;padding:7px 20px 8px 18px;border-radius:8px}.current-range-title{font-size:.929em;color:var(--text-secondary);margin:2px 0 6px;direction:rtl}.mobile-range-hint{display:inline-block;margin-top:6px;padding:6px 10px;background:var(--bg-secondary);color:var(--primary-color);border:1px solid var(--border-color);border-radius:8px;font-size:.857em}.class-detail-container,.class-detail-container *{font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:var(--text-primary, #0f172a)}.progress-edit-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;margin-bottom:14px}.progress-edit-row>label{text-align:right;color:var(--text-secondary, #334155)}.progress-control{display:flex;flex-direction:column}.range-caption{font-size:.929em;color:var(--text-secondary, #334155);margin:4px 0 0;direction:rtl;text-align:right}.progress-bar-bg{width:100%;height:18px;border-radius:12px;background:#e8edf3;border:1px solid #dbe1ea;overflow:hidden;position:relative;box-sizing:border-box}.progress-bar{display:block;height:100%;background:linear-gradient(90deg,#2e8cff,#34d399);transition:width .2s ease}.progress-bar[style*="width: 1%"],.progress-bar[style*="width: 2%"],.progress-bar[style*="width: 3%"],.progress-bar[style*="width: 4%"],.progress-bar[style*="width: 5%"]{min-width:6px}.progress-percent-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.786em;font-weight:600;color:#1e293b;z-index:10;text-shadow:0 1px 2px rgba(255,255,255,.8);pointer-events:none}.progress-buttons{display:flex;gap:8px;margin-top:8px}.overall-progress{position:relative}.overall-progress .center-percent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000;font-weight:700;font-size:.857em;mix-blend-mode:difference}.overall-info-row{display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:.857em;color:#475569;margin-top:6px}@media(max-width:700px){.overall-info-row{flex-wrap:wrap;gap:8px}}.class-info-card,.progress-section,.edit-section,.permit-section{background:var(--card-bg, #ffffff);color:var(--text-primary, #0f172a)}.progress-bar{height:100%;background:linear-gradient(90deg,#2e8cff,#34d399);transition:width .2s ease}.progress-inline{display:flex;align-items:center;gap:12px;width:100%}.row-progress-bg{flex:1 1 260px;min-width:220px;height:18px!important;display:block}.row-progress-bar{height:18px!important;display:block}.exam-progress-row .exam-progress-bg{height:24px!important;min-height:24px}.exam-progress-row .exam-progress-bg .row-progress-bar{height:24px!important}@media(max-width:700px){.progress-inline{gap:8px}.row-progress-bg{flex:1 1 auto;min-width:0;width:100%;max-width:100%}}@media(max-width:700px){.row-progress-bar{min-width:6px!important}}.btn-minus,.btn-plus{width:36px;height:32px;border-radius:8px;border:1px solid #dbe1ea;background:#fff;color:#0f172a}.btn-minus:disabled,.btn-plus:disabled{opacity:.5}@media(max-width:700px){.class-info-card.redesign-modern{flex-direction:column!important;align-items:stretch;padding:14px 4px 24px;border-radius:8px;box-shadow:0 2px 18px #ccd6e33a}.class-info-summary{width:100%!important;min-width:0!important}.class-participants.modern{flex-direction:column;gap:10px;margin-bottom:12px}.class-action-icons.modern{flex-direction:row;justify-content:center;align-items:center;gap:8px;margin:14px auto 0;width:100%;padding:0}.progress-section,.edit-section,.permit-section{padding:12px;margin-bottom:0;border-radius:10px;box-shadow:0 3px 14px #e2e7ee33}.progress-edit-row{display:flex;flex-direction:column;gap:0;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.progress-edit-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.progress-edit-row>label{margin-bottom:4px;line-height:1.4;font-size:1em!important;font-weight:500;order:1}.progress-control{margin-top:0;order:2;width:100%}.range-caption{margin:0 0 6px;font-size:.857em;line-height:1.3;text-align:right}.range-caption:empty{margin:0;height:0}.exam-progress-row .exam-progress-bg{height:24px!important;min-height:24px}.exam-progress-row .exam-progress-bg .row-progress-bar{height:24px!important}.progress-inline{margin-top:0;width:100%}.progress-percent-label{left:50%;top:50%;transform:translate(-50%,-50%);font-size:.714em;font-weight:600;color:#1e293b;text-shadow:0 1px 2px rgba(255,255,255,.8)}.progress-bar-bg,.progress-bar{min-width:10px!important}label{font-size:1em!important}.current-range-title{font-size:.929em;margin-top:4px}.mobile-range-hint{font-size:.857em}.progress-inline{gap:8px}.btn-minus,.btn-plus{width:34px;height:30px}}.class-participants+div{overflow-x:visible}.class-participants~div{overflow-x:visible}.star-rating{max-width:100%;flex-wrap:wrap}.star-rating .star{flex-shrink:0}.rating-submit-btn{flex-shrink:0!important;min-width:60px!important;width:auto!important;max-width:none!important}@media(min-width:769px){.rating-submit-btn{width:70px!important;min-width:70px!important;max-width:70px!important}}@media(max-width:768px){.star-rating{gap:.25rem}.star-rating .star{width:20px;height:20px}}.lesson-detail-page{padding:12px;padding-top:calc(var(--topbar-height, 64px) + 80px);max-width:1200px;background:var(--page-bg, var(--bg-color, #f7f7fa));margin:0 auto;font-family:var(--font-family);color:var(--text-primary);width:100%;box-sizing:border-box;overflow-x:hidden;min-height:100vh}@media(max-width:768px){.lesson-detail-page{padding-top:12px}}@media(max-width:768px){.page-modal-content .lesson-detail-page{padding-top:0!important}.page-modal-content .detail-header{margin-top:0;padding-top:0}}@media(min-width:768px){.lesson-detail-page{padding:20px}}.lesson-info-card{background:var(--card-bg);color:var(--text-primary);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.lesson-info-card{flex-direction:row;padding:24px;margin-bottom:24px;gap:20px}}.lesson-image-section{flex-shrink:0;width:100%;display:flex;justify-content:center}@media(min-width:768px){.lesson-image-section{width:auto}}.lesson-image-section img{width:100%;max-width:200px;height:auto;max-height:250px;aspect-ratio:4/5;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}@media(min-width:768px){.lesson-image-section img{width:200px;height:250px}}.lesson-meta{flex:1;width:100%;min-width:0;box-sizing:border-box}.lesson-books-section{background:var(--card-bg);color:var(--text-primary);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.lesson-books-section{padding:20px;margin-bottom:20px}}.lesson-books-section h2{margin:0 0 15px;font-size:1.429em;color:var(--text-primary)}.books-list{display:flex;flex-wrap:wrap;gap:10px}.book-item{padding:8px 16px;background:var(--border-light);border-radius:8px;border:1px solid var(--border-color);color:var(--text-primary)}.lesson-posts-section{background:var(--card-bg);color:var(--text-primary);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.lesson-posts-section{padding:20px}}.book-detail-page{padding:12px;padding-top:calc(var(--topbar-height, 64px) + 80px);max-width:1200px;background:var(--page-bg, var(--bg-color, #f7f7fa));margin:0 auto;font-family:var(--font-family);color:var(--text-primary);width:100%;box-sizing:border-box;overflow-x:hidden;min-height:100vh}@media(max-width:768px){.book-detail-page{padding-top:12px}}@media(max-width:768px){.page-modal-content .book-detail-page{padding-top:0!important}.page-modal-content .detail-header{margin-top:0;padding-top:0}}@media(min-width:768px){.book-detail-page{padding:20px}}.detail-header{position:relative;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;margin-bottom:18px;min-height:42px}.detail-header .back-icon-btn{position:absolute;left:0;top:0;z-index:2;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;font-size:1.714em;line-height:1.1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--sidenav-bg, #f5f5f5);color:var(--primary, #2181cc);border:none;cursor:pointer}.detail-header .back-icon-btn:hover{background:var(--hover-bg, #e5e5e5)}.detail-header h1{margin:0 auto 0 0;font-size:1.4rem;font-weight:700;text-align:right;width:100%;color:var(--text-primary)}.book-info-card{background:var(--card-bg);color:var(--text-primary);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.book-info-card{flex-direction:row;padding:24px;margin-bottom:24px;gap:20px}}.book-image-section{flex-shrink:0;width:100%;display:flex;justify-content:center}@media(min-width:768px){.book-image-section{width:auto}}.book-image-section img{width:100%;max-width:200px;height:auto;max-height:250px;aspect-ratio:4/5;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}@media(min-width:768px){.book-image-section img{width:200px;height:250px}}.book-meta{flex:1;width:100%;min-width:0;box-sizing:border-box}.meta-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color);word-wrap:break-word;overflow-wrap:break-word}.meta-row:last-child{border-bottom:none}@media(min-width:768px){.meta-row{flex-direction:row;gap:10px}}.meta-label{font-weight:600;color:var(--text-secondary);flex-shrink:0}@media(min-width:768px){.meta-label{min-width:120px}}.meta-value{color:var(--text-primary);word-break:break-word;overflow-wrap:break-word}.book-lessons-section{background:var(--card-bg);color:var(--text-primary);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.book-lessons-section{padding:20px;margin-bottom:20px}}.book-lessons-section h2{margin:0 0 15px;font-size:1.429em;color:var(--text-primary)}.lessons-list{display:flex;flex-direction:column;gap:10px}.lesson-item{font-family:var(--font-family);font-size:var(--font-size);color:var(--text-primary)}.book-ranges-section{background:var(--card-bg);color:var(--text-primary);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.book-ranges-section{padding:20px;margin-bottom:20px}}.book-ranges-section h2{margin:0 0 15px;font-size:1.429em;color:var(--text-primary)}.ranges-list{display:flex;flex-direction:column;gap:10px}.range-item{padding:12px;background:var(--border-light);border-radius:8px;border:1px solid var(--border-color);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.range-order{font-weight:600;color:var(--text-primary)}.range-topic{color:var(--text-primary)}.range-pages{color:var(--text-secondary);font-size:1em}.ranges-header{display:flex;flex-direction:column;gap:10px;justify-content:space-between;align-items:stretch;margin-bottom:15px}@media(min-width:768px){.ranges-header{flex-direction:row;align-items:center}}.btn-edit-ranges{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-family:var(--font-family);font-size:1em}.btn-edit-ranges:hover{background:var(--primary-dark)}.ranges-edit-form{background:var(--border-light);padding:15px;border-radius:8px}.ranges-table-edit{overflow-x:auto}.ranges-table-edit table{width:100%;border-collapse:collapse}.ranges-table-edit th,.ranges-table-edit td{padding:8px;text-align:right;border-bottom:1px solid var(--border-color)}.ranges-table-edit th{background:var(--card-bg);font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.range-input{padding:6px;border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-family);font-size:1em;background:var(--input-bg);color:var(--text-primary)}.range-input:focus{outline:none;border-color:var(--primary-color)}.ranges-edit-actions{display:flex;gap:10px;margin-top:15px;justify-content:flex-end}.no-ranges{text-align:center;padding:40px;color:var(--text-secondary)}.book-posts-section{background:var(--card-bg);color:var(--text-primary);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.book-posts-section{padding:20px}}.posts-header{display:flex;flex-direction:column;gap:10px;justify-content:space-between;align-items:stretch;margin-bottom:20px}@media(min-width:768px){.posts-header{flex-direction:row;align-items:center}}.posts-header h2{margin:0;font-size:1.429em;color:var(--text-primary)}.btn-add-post{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-family:var(--font-family)}.btn-add-post:hover{background:var(--primary-dark)}.add-post-form{background:var(--border-light);padding:20px;border-radius:8px;margin-bottom:20px}.add-post-form select,.add-post-form input[type=text],.add-post-form textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--border-color);border-radius:6px;font-size:1em;font-family:var(--font-family);background:var(--input-bg);color:var(--text-primary)}.add-post-form textarea{resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end}.btn-save{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-family:var(--font-family)}.btn-save:hover{background:var(--primary-dark)}.btn-cancel{padding:10px 20px;background:var(--error-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-family:var(--font-family)}.btn-cancel:hover{background:var(--hover-bg)}.posts-list{display:flex;flex-direction:column;gap:15px}.post-item{background:var(--border-light);padding:15px;border-radius:8px;border:1px solid var(--border-color)}.post-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.post-type{padding:4px 12px;background:var(--primary-color);color:#fff;border-radius:4px;font-size:.857em}.post-title{font-weight:600;color:var(--text-primary)}.post-date,.post-author{font-size:.857em;color:var(--text-secondary)}.btn-delete-post{padding:4px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.857em;margin-right:auto}.btn-delete-post:hover{background:#c82333}.post-content{color:var(--text-primary);line-height:1.6;margin-top:10px;white-space:pre-wrap}.post-file{margin-top:10px}.post-file img{max-width:100%;height:auto;border-radius:6px;border:1px solid var(--border-color)}.post-file a{color:var(--primary-color);text-decoration:none}.post-file a:hover{text-decoration:underline}.no-posts{text-align:center;padding:40px;color:var(--text-secondary)}.loading,.error{text-align:center;padding:40px;font-size:1.286em;color:var(--text-primary)}.error{color:#dc3545}.settings-container{max-width:800px;margin:0 auto;padding:10px 20px 20px;background:var(--page-bg, var(--bg-color, #f7f7fa));min-height:100vh}.settings-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color);position:relative}.header-actions{position:absolute;top:0;left:0}.back-btn{font-size:.9rem;padding:8px 16px}.settings-header h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:10px;font-family:var(--font-family, "Vazir")}.settings-header p{font-size:1.1rem;color:var(--text-secondary);margin:0}.message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:500;text-align:center}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.settings-content{display:flex;flex-direction:column;gap:30px}.settings-section{background:var(--card-bg, #ffffff);border-radius:12px;padding:25px;box-shadow:0 2px 8px var(--border-color);border:1px solid var(--border-color, #e5e7eb)}.settings-section h2{font-size:1.5rem;color:var(--text-primary, #1f2937);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color, #e5e7eb);font-family:var(--font-family, "Vazir")}.setting-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:15px 0;border-bottom:1px solid var(--border-light, #f3f4f6);position:relative;clear:both;overflow:visible}.setting-item:last-child{border-bottom:none;margin-bottom:0}.setting-item label{font-size:var(--base-font-size, 14px);font-weight:500;color:var(--text-primary, #1f2937);font-family:var(--font-family, "Vazir");flex:1}.setting-item.checkbox>label{flex:0 1 auto!important;width:auto!important;max-width:100%!important}.setting-item select{padding:8px 12px;border:2px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--input-bg, #ffffff);color:var(--text-primary, #1f2937);font-size:var(--base-font-size, 14px);font-family:var(--font-family, "Vazir");min-width:150px;transition:border-color .2s ease}.setting-item select:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.setting-item.checkbox{justify-content:flex-start!important;gap:12px!important;align-items:center!important;flex-wrap:nowrap!important;position:relative!important;display:flex!important;flex-direction:row!important;width:100%!important;box-sizing:border-box!important;overflow:visible!important;clear:both!important}.setting-item.checkbox>label{display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer;flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;white-space:nowrap!important;min-width:0!important;overflow:visible!important;position:relative!important;z-index:1!important;box-sizing:border-box!important}.setting-item.checkbox input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;accent-color:var(--primary-color, #2563eb);cursor:pointer;flex-shrink:0!important;flex-grow:0!important;margin:0!important;padding:0!important;position:relative;z-index:2}.setting-item.checkbox span{flex:0 1 auto;min-width:0;overflow:visible;white-space:nowrap;position:relative;z-index:1}.btn-primary,.btn-secondary,.btn-outline{padding:10px 20px;border-radius:6px;font-size:var(--base-font-size, 14px);font-family:var(--font-family, "Vazir");font-weight:500;background-color:var(--primary-color, #2563eb);cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background-color:var(--primary-color, #2563eb);color:var(--btn-primary-text, #ffffff)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark, #1d4ed8);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary-color, #6b7280);color:var(--btn-primary-text, #ffffff)}.btn-outline{background-color:transparent;color:var(--primary-color, #2563eb);border:2px solid var(--primary-color, #2563eb)}.btn-outline:hover{background-color:var(--primary-color, #2563eb);color:var(--btn-primary-text, #ffffff);transform:translateY(-1px)}.settings-actions{display:flex;gap:15px;justify-content:center;margin-top:20px;margin-bottom:10px;padding-top:30px;border-top:2px solid var(--border-color, #e0e0e0)}@media(max-width:768px){.settings-container{padding:15px;padding-top:calc(var(--topbar-height, 64px) + 15px)}.settings-container{padding-top:10px}.settings-section{padding:20px}.setting-item{flex-direction:column;align-items:flex-start;gap:10px}.setting-item.checkbox{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important}.setting-item.checkbox>label{flex:0 1 auto!important;min-width:0!important;max-width:calc(100% - 30px)!important;overflow:visible!important;display:flex!important;align-items:center!important}.setting-item select{width:100%;min-width:auto}.settings-actions{flex-direction:column}.settings-header h1{font-size:2rem}}.settings-section{animation:fadeInUp .3s ease-out}.font-vazir,.font-samim,.font-shabnam,.font-iransans,.font-tahoma,.font-arial{font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}:root{--settings-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--settings-gradient-success: linear-gradient(135deg, #09f735 0%, #38ef7d 100%);--settings-gradient-warning: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.settings-container{max-width:900px;margin:0 auto;padding:20px 24px 30px;background:var(--page-bg, #0f172a);min-height:100vh;position:relative}.settings-container:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(102,126,234,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(118,75,162,.12) 0%,transparent 50%);pointer-events:none;z-index:0}.settings-header{text-align:center;margin-bottom:40px;padding:32px;background:var(--card-bg, #1e293b);border-radius:24px;border:1px solid var(--border-color, rgba(255,255,255,.1));box-shadow:0 8px 32px #0003;position:relative;z-index:1;overflow:hidden}.settings-header:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--settings-gradient)}.settings-header:after{content:"⚙️";position:absolute;top:50%;right:30px;transform:translateY(-50%);font-size:4rem;opacity:.1;animation:settingsGearSpin 20s linear infinite}@keyframes settingsGearSpin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.header-actions{position:absolute;top:20px;left:20px;z-index:2}.back-btn{font-size:.95rem;padding:12px 22px;background:var(--bg-secondary, #334155);border:2px solid var(--border-color, rgba(255,255,255,.15));color:var(--text-primary, #ffffff);border-radius:14px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:8px}.settings-header h1{font-size:2.2rem;font-weight:800;background:var(--settings-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;position:relative;z-index:1}.settings-header p{font-size:1.1rem;color:var(--text-secondary, #94a3b8);margin:0;position:relative;z-index:1}.message{padding:18px 24px;border-radius:16px;margin-bottom:24px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;animation:messageSlideIn .4s ease;position:relative;z-index:1}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message.success{background:linear-gradient(135deg,#11998e33,#38ef7d1a);color:#4ade80;border:2px solid rgba(74,222,128,.3)}.message.success:before{content:"✓";width:28px;height:28px;background:var(--settings-gradient-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.message.error{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#f87171;border:2px solid rgba(239,68,68,.3)}.message.error:before{content:"✗";width:28px;height:28px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.settings-content{display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.settings-section{background:var(--card-bg, #1e293b);border-radius:24px;padding:28px;box-shadow:0 8px 32px #00000026;border:1px solid var(--border-color, rgba(255,255,255,.1));transition:all .4s ease;position:relative;overflow:hidden}.settings-section:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--settings-gradient);opacity:0;transition:opacity .3s ease}.settings-section:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0003}.settings-section:hover:before{opacity:1}.settings-section h2{font-size:1.4rem;font-weight:800;color:var(--text-primary, #ffffff);margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color, rgba(255,255,255,.1));display:flex;align-items:center;gap:12px}.settings-section h2:before{font-size:1.5rem}.settings-section:nth-child(1) h2:before{content:"🎨"}.settings-section:nth-child(2) h2:before{content:"🔔"}.settings-section:nth-child(3) h2:before{content:"📱"}.settings-section:nth-child(4) h2:before{content:"🔧"}.settings-section:nth-child(5) h2:before{content:"💾"}.setting-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:20px;background:var(--bg-secondary, #334155);border-radius:16px;border:2px solid var(--border-color, rgba(255,255,255,.1));transition:all .3s ease}.setting-item:hover{border-color:var(--primary-color, #667eea);background:linear-gradient(135deg,#667eea1a,#764ba20d)}.setting-item:last-child{margin-bottom:0}.setting-item label{font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);flex:1}.setting-item select{padding:12px 18px;border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:14px;background:var(--card-bg, #1e293b);color:var(--text-primary, #ffffff);font-size:1rem;font-weight:500;min-width:180px;transition:all .3s ease;cursor:pointer}.setting-item select:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 4px #667eea33}.setting-item select option{background:var(--card-bg, #1e293b);color:var(--text-primary, #ffffff);padding:10px}.setting-item.checkbox{justify-content:flex-start!important;gap:16px!important}.setting-item.checkbox>label{display:flex!important;align-items:center!important;gap:12px!important;cursor:pointer;flex:0 0 auto!important}.setting-item.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:52px!important;height:28px!important;background:var(--border-color, #475569);border-radius:14px!important;position:relative;cursor:pointer;transition:all .3s ease;flex-shrink:0!important}.setting-item.checkbox input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 8px #0003}.setting-item.checkbox input[type=checkbox]:checked{background:var(--settings-gradient)}.setting-item.checkbox input[type=checkbox]:checked:before{transform:translate(24px)}.setting-item.checkbox input[type=checkbox]:hover{box-shadow:0 0 0 4px #667eea33}.btn-primary,.btn-secondary,.btn-outline{padding:14px 28px;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary{background:var(--settings-gradient);color:#fff;box-shadow:0 4px 20px #667eea66}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #667eea80}.btn-secondary{background:var(--bg-secondary, #334155);color:var(--btn-secondary-text, var(--text-primary, #ffffff));border:2px solid var(--border-color, rgba(255,255,255,.15))}.btn-secondary:hover{background:var(--primary-light, rgba(102, 126, 234, .2));border-color:var(--primary-color, #667eea);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--primary-color, #667eea);border:2px solid var(--primary-color, #667eea)}.btn-outline:hover{background:var(--settings-gradient);color:#fff;border-color:transparent;transform:translateY(-2px)}.settings-actions{display:flex;gap:16px;justify-content:center;margin-top:32px;padding-top:32px;border-top:2px solid var(--border-color, rgba(255,255,255,.1));position:relative;z-index:1}.settings-section{animation:sectionFadeIn .5s ease-out both}.settings-section:nth-child(1){animation-delay:.1s}.settings-section:nth-child(2){animation-delay:.2s}.settings-section:nth-child(3){animation-delay:.3s}.settings-section:nth-child(4){animation-delay:.4s}.settings-section:nth-child(5){animation-delay:.5s}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.settings-container{padding:16px}.settings-header{padding:70px 20px 24px}.settings-header h1{font-size:1.8rem}.settings-header:after{display:none}.header-actions{top:15px;left:15px}.back-btn{padding:10px 16px;font-size:.9rem}.settings-section{padding:20px}.settings-section h2{font-size:1.2rem}.setting-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.setting-item.checkbox{flex-direction:row!important;align-items:center!important}.setting-item select{width:100%;min-width:auto}.settings-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-outline{width:100%}}[data-theme=light] .settings-container:before{background:radial-gradient(ellipse at 30% 20%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(118,75,162,.08) 0%,transparent 50%)}[data-theme=light] .settings-header,[data-theme=light] .settings-section{background:#fff;border-color:#e2e8f0}[data-theme=light] .setting-item{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .setting-item:hover{background:linear-gradient(135deg,#667eea14,#764ba20a)}[data-theme=light] .setting-item select{background:#fff;color:#0f172a;border-color:#e2e8f0}[data-theme=light] .setting-item.checkbox input[type=checkbox]{background:#cbd5e1}[data-theme=light] .setting-item.checkbox input[type=checkbox]:checked{background:var(--settings-gradient)}[data-theme=light] .btn-secondary{background:#f8fafc;color:#0f172a;border-color:#e2e8f0}[data-theme=light] .message.success{background:linear-gradient(135deg,#11998e26,#38ef7d14);color:#059669}[data-theme=light] .message.error{background:linear-gradient(135deg,#ef444426,#ef444414);color:#dc2626}.pwa-install-section{padding:24px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;border:2px dashed var(--primary-color, #667eea);text-align:center}.pwa-install-section h3{color:var(--text-primary, #ffffff);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px}.pwa-install-section h3:before{content:"📲";font-size:1.5rem}.pwa-install-section p{color:var(--text-secondary, #94a3b8);margin-bottom:16px}.pwa-install-btn{padding:16px 32px;background:var(--settings-gradient);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 20px #667eea66}.pwa-install-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #667eea80}.pwa-install-btn:before{content:"⬇️";font-size:1.2rem}.notification-permission-section{display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-status{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;font-weight:600;font-size:.9rem}.notification-status.granted{background:#4ade8033;color:#4ade80}.notification-status.granted:before{content:"✓"}.notification-status.denied{background:#ef444433;color:#f87171}.notification-status.denied:before{content:"✗"}.notification-status.default{background:#fbbf2433;color:#fbbf24}.notification-status.default:before{content:"?"}.clear-cache-btn{padding:12px 20px;background:linear-gradient(135deg,#ef444433,#ef44441a);color:#f87171;border:2px solid rgba(239,68,68,.3);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.clear-cache-btn:before{content:"🗑️"}.clear-cache-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent;transform:translateY(-2px)}.clear-cache-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.theme-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;margin-top:16px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid var(--border-color, #e2e8f0);background:transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.theme-option:hover{border-color:var(--primary-color, #667eea);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.theme-option.active{border-color:var(--primary-color, #667eea);background:#667eea1a;box-shadow:0 4px 16px #667eea33}.theme-option.active:after{content:"✓";position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--primary-color, #667eea);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.theme-preview{width:48px;height:48px;border-radius:8px;display:block;box-shadow:inset 0 1px 3px #0003}[data-theme=light] .theme-preview{background:linear-gradient(135deg,#fff,#f0f4f8);border:1px solid #e2e8f0}[data-theme=ocean] .theme-preview,.theme-option[data-theme=ocean] .theme-preview{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}[data-theme=forest] .theme-preview,.theme-option[data-theme=forest] .theme-preview{background:linear-gradient(135deg,#22c55e,#10b981)}[data-theme=sunset] .theme-preview,.theme-option[data-theme=sunset] .theme-preview{background:linear-gradient(135deg,#f97316,#ef4444)}[data-theme=royal] .theme-preview,.theme-option[data-theme=royal] .theme-preview{background:linear-gradient(135deg,#a855f7,#8b5cf6)}[data-theme=cherry] .theme-preview,.theme-option[data-theme=cherry] .theme-preview{background:linear-gradient(135deg,#f43f5e,#ec4899)}[data-theme=midnight] .theme-preview,.theme-option[data-theme=midnight] .theme-preview{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.theme-name{font-size:12px;font-weight:600;text-transform:capitalize;color:var(--text-primary, #1f2937);white-space:nowrap}.setting-description{font-size:13px;color:var(--text-secondary, #6b7280);margin:4px 0 0}:root{--topbar-height: 64px;--ad-banner-height-desktop: 120px;--ad-banner-height-mobile: 60px;--header-total-height-desktop: calc(var(--topbar-height) + var(--ad-banner-height-desktop));--header-total-height-mobile: calc(var(--topbar-height) + var(--ad-banner-height-mobile));--accent: #2563eb;--accent-hover: #1d4ed8;--muted: #6b7280;--topbar-bg: linear-gradient(135deg, #6edaf5 0%, #2563eb 100%);--drawer-bg: var(--card-bg, #ffffff);--drawer-link-hover: var(--bg-secondary, #e0f2f1);--text-color: var(--text-primary, #1f2937);--border-color: var(--border-color, #e5e7eb)}input:not([type=checkbox]):not([type=radio]),textarea,select{background:var(--input-bg, var(--card-bg, #ffffff))!important;color:var(--text-primary, #1f2937)!important;border-color:var(--border-color, rgba(0, 0, 0, .1))!important}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--text-muted, rgba(0, 0, 0, .5))!important}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color, #3b82f6)!important;box-shadow:0 0 0 3px var(--primary-light, rgba(59, 130, 246, .1))!important}.app-topbar .top-left{display:flex;align-items:center;gap:8px;padding-right:12px}.app-topbar .top-center{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;padding-left:12px;position:relative;z-index:1;overflow:visible!important}.app-topbar .top-right{display:flex;align-items:center;gap:8px;padding-left:12px}.school-dropdown{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s ease;position:relative;z-index:10000;overflow:visible!important}.school-dropdown:hover{background:#ffffff4d}.school-dropdown span{color:#fff;font-weight:700;font-size:1.286em;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#fff;transition:transform .3s ease}.school-dropdown-menu{position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;transform:translate(-50%)!important;min-width:100%!important;width:max-content!important;max-width:90vw!important;background:var(--card-bg)!important;border-radius:10px!important;box-shadow:0 10px 30px #0206171f!important;padding:8px!important;z-index:99999!important;border:1px solid var(--border-color)!important;max-height:400px!important;overflow-y:auto!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;margin-top:0!important}.school-dropdown-menu button{display:block;width:100%;text-align:right;padding:10px;border:none;background:transparent;cursor:pointer;border-radius:8px;color:var(--text-primary);font-weight:600}.school-dropdown-menu button:hover{background:var(--drawer-link-hover)}.school-dropdown-menu button.active{background:var(--primary-color);color:#fff}.dropdown-menu{position:absolute;top:calc(var(--topbar-height) + 8px);left:50%;transform:translate(-50%);min-width:320px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0206171f;padding:8px;z-index:1300}.dropdown-menu .school-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;transition:background .12s ease}.dropdown-menu .school-item+.school-item{margin-top:6px}.dropdown-menu .school-item:hover{background:#f8fafc}.dropdown-menu .school-name{font-weight:600;color:#0f172a;cursor:pointer}.dropdown-menu .school-actions{display:flex;gap:8px;align-items:center}.dropdown-menu .school-actions button{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px}.dropdown-menu .school-actions button:hover{background:#0206170a}.dropdown-menu .school-actions .icon{font-size:1.143em}.app-topbar .top-right{position:absolute;right:12px;top:50%;transform:translateY(-50%);direction:ltr;gap:8px;flex-shrink:0;z-index:10}.profile-btn{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);padding:2px;background:#fff3;cursor:pointer;overflow:visible;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;min-width:48px}.profile-btn-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:12px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.786em;font-weight:700;padding:0 6px;border:2px solid white;box-shadow:0 2px 8px #00000026;z-index:10}.app-topbar .icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background-color:#ffffff26;border-radius:8px;transition:background .2s ease,transform .2s ease}.app-topbar .icon-btn:hover{background-color:#ffffff4d;transform:scale(1.1)}.app-topbar .hamburger{display:inline-block;width:18px;height:2px;background:#fff;position:relative;transition:all .3s ease}.app-topbar .hamburger:before,.app-topbar .hamburger:after{content:"";position:absolute;left:0;width:18px;height:2px;background:#fff;transition:all .3s ease}.app-topbar .hamburger:before{top:-6px}.app-topbar .hamburger:after{top:6px}.right-drawer{position:fixed;top:0;right:0;transform:translate(110%);width:340px;max-width:92vw;height:100vh;background:var(--card-bg, #ffffff);box-shadow:-20px 0 60px #0000004d;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;z-index:1101;padding:0;opacity:0;pointer-events:none;text-align:right;border-radius:24px 0 0 24px;display:flex;flex-direction:column;overflow:hidden}.right-drawer:before{content:"";position:absolute;top:0;left:0;right:0;height:140px;background:var(--gradient-primary, linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%));z-index:0}.right-drawer:after{content:"";position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);z-index:1;pointer-events:none}.right-drawer-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1100}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;position:relative;z-index:2;min-height:120px}.drawer-header .close-drawer{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:16px;left:16px}.drawer-header .close-drawer:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.drawer-header .profile{display:flex;gap:14px;align-items:center;padding-top:10px}.drawer-header .profile-img{width:64px;height:64px;border-radius:18px;object-fit:cover;border:3px solid rgba(255,255,255,.4);box-shadow:0 8px 24px #0003;transition:all .3s ease}.drawer-header .profile:hover .profile-img{transform:scale(1.05);border-color:#fff9}.drawer-header .profile-name{font-weight:700;font-size:1.125rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1.4;letter-spacing:-.01em}.drawer-header .profile-link{font-size:.875rem;color:#ffffffe6;text-decoration:none;display:flex;align-items:center;gap:4px;font-weight:500;margin-top:2px}.drawer-header .profile-link:after{content:"←";transition:transform .2s ease}.drawer-header .profile:hover .profile-link:after{transform:translate(-4px)}.drawer-header{position:relative;padding-top:66px!important}.drawer-header .profile-actions{position:absolute;top:14px;right:16px;left:auto;display:flex;gap:12px;align-items:center;z-index:20}.drawer-header .drawer-action-icon{position:relative;width:44px;height:44px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);cursor:pointer;padding:0;box-shadow:0 4px 12px #00000026;transition:all .2s ease;color:#fff}.drawer-header .drawer-action-icon:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.drawer-header .drawer-action-badge{position:absolute;top:-10px;right:-10px;background:#ef4444;color:#fff;border-radius:50%;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;padding:0;border:2px solid rgba(96,120,165,.95);box-shadow:0 2px 8px #00000040;z-index:11}.drawer-actions{display:flex;flex-direction:column;gap:14px;padding:28px 20px 24px;position:relative;z-index:2;background:var(--card-bg, #ffffff)!important;flex:1;overflow-y:auto;overflow-x:hidden;align-items:stretch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.drawer-actions::-webkit-scrollbar{width:6px}.drawer-actions::-webkit-scrollbar-track{background:transparent}.drawer-actions::-webkit-scrollbar-thumb{background:var(--border-color, rgba(0, 0, 0, .2));border-radius:3px}.drawer-actions::-webkit-scrollbar-thumb:hover{background:var(--border-color, rgba(0, 0, 0, .3))}.drawer-actions:first-of-type{padding-top:0;border-top:none}.drawer-action-btn{display:flex;align-items:center;gap:8px;padding:2px 4px;border:none;background:var(--card-bg, #ffffff)!important;border-radius:16px;cursor:pointer;text-align:right;width:100%;min-width:0;color:var(--text-primary, #1f2937)!important;transition:all .3s cubic-bezier(.16,1,.3,1);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-size:1rem;font-weight:600;line-height:1.5;position:relative;overflow:hidden;align-self:stretch;box-sizing:border-box;box-shadow:0 2px 4px #0000000a;margin:0;order:2;flex-shrink:0;border:1px solid var(--border-color, rgba(0, 0, 0, .1))!important}.drawer-action-btn:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%) scaleY(0);width:4px;height:70%;background:var(--gradient-primary, var(--primary-color));border-radius:0 4px 4px 0;transition:transform .3s cubic-bezier(.16,1,.3,1)}.drawer-action-btn:hover{background:var(--bg-secondary, rgba(0, 0, 0, .05));transform:translate(-4px);box-shadow:0 4px 12px #00000014;color:var(--text-primary);border-color:var(--border-color, var(--primary-color))}.drawer-action-btn:hover:before{transform:translateY(-50%) scaleY(1)}.drawer-action-btn:active{transform:translate(-3px) scale(.98)}.drawer-action-btn svg{flex-shrink:0;width:24px;height:24px;padding:4px;background:var(--bg-color, var(--primary-light, rgba(96, 165, 250, .15)));border-radius:10px;color:var(--primary-color, #60a5fa);transition:all .3s ease;box-sizing:content-box}.drawer-action-btn:hover svg{background:var(--primary-color, #60a5fa);color:#fff;transform:scale(1.1)}.drawer-action-btn span:not(.drawer-action-badge){flex:1;text-align:right;font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.drawer-menu-item{display:flex;align-items:center;gap:8px;padding:5px 10px;border:none;background:var(--card-bg, #ffffff)!important;border-radius:18px;cursor:pointer;text-align:right;width:100%;color:var(--text-primary, #1f2937)!important;transition:all .35s cubic-bezier(.4,0,.2,1);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-size:1.05rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000f,0 2px 4px #0000000a;border:2px solid var(--border-color, rgba(0, 0, 0, .1))!important}.drawer-menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(96,165,250,.15),transparent);transition:left .6s ease}.drawer-menu-item:hover:before{left:100%}.drawer-menu-item:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%) scaleY(0);width:5px;height:60%;background:var(--bg-color, linear-gradient(180deg, #60a5fa 0%, #8b5cf6 100%));border-radius:0 8px 8px 0;transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #60a5fa80}.drawer-menu-item:hover:after{transform:translateY(-50%) scaleY(1)}.drawer-menu-item:hover{background:var(--bg-color, var(--bg-secondary, rgba(96, 165, 250, .15)));transform:translate(-6px) scale(1.02);box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a;border-color:var(--bg-color, var(--primary-color, rgba(96, 165, 250, .4)))}.drawer-menu-item:active{transform:translate(-4px) scale(.98)}.menu-item-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-color, linear-gradient(135deg, rgba(96, 165, 250, .2) 0%, rgba(139, 92, 246, .2) 100%));border-radius:14px;transition:all .35s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;overflow:hidden}.menu-item-icon:before{content:"";position:absolute;inset:0;background:var(--bg-color, linear-gradient(135deg, #60a5fa 0%, #8b5cf6 100%));opacity:0;transition:opacity .35s ease}.drawer-menu-item:hover .menu-item-icon:before{opacity:1}.menu-item-icon svg,.menu-item-icon i{position:relative;z-index:1;color:var(--bg-color, var(--primary-color, #60a5fa));transition:all .35s ease}.drawer-menu-item:hover .menu-item-icon svg,.drawer-menu-item:hover .menu-item-icon i{color:var(--bg-color, var(--text-primary, white));transform:scale(1.15) rotate(5deg)}.menu-item-text{flex:1;text-align:right;font-size:1.05rem;font-weight:600;color:var(--text-primary, #1f2937)!important;letter-spacing:-.01em;transition:all .3s ease}.drawer-menu-item:hover .menu-item-text{color:var(--bg-color, var(--primary-color, #60a5fa));transform:translate(-2px)}.menu-item-arrow{font-size:1.2rem;color:var(--bg-color, var(--primary-color, rgba(96, 165, 250, .4)));transition:all .3s ease;flex-shrink:0;font-weight:300}.drawer-menu-item:hover .menu-item-arrow{color:var(--bg-color, var(--primary-color, #60a5fa));transform:translate(-6px)}.menu-item-arrow.open{transform:rotate(180deg)}.drawer-theme-menu-item:hover .menu-item-arrow.open{transform:rotate(180deg) translate(-6px)}.drawer-theme-menu-item{background:var(--bg-color, linear-gradient(135deg, rgba(251, 191, 36, .12) 0%, rgba(249, 115, 22, .12) 100%));border-color:var(--bg-color, rgba(251, 191, 36, .3))}.drawer-theme-menu-item:hover{background:linear-gradient(135deg,#fbbf2433,#f9731633);border-color:var(--bg-color, rgba(251, 191, 36, .5))}.drawer-theme-menu-item .menu-item-icon{background:linear-gradient(135deg,#fbbf2440,#f9731640)}.drawer-theme-menu-item:hover .menu-item-icon:before{background:linear-gradient(135deg,#fbbf24,#f97316)}.drawer-theme-menu-item .menu-item-icon svg{color:#f97316}.drawer-theme-menu-item:hover .menu-item-text,.drawer-theme-menu-item:hover .menu-item-arrow{color:#f97316}.drawer-role-menu-item .menu-item-text-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.drawer-role-menu-item .menu-item-subtext{font-size:.8rem;color:var(--text-secondary, #64748b)!important}.drawer-role-menu-item .menu-item-arrow{font-size:.9rem}.drawer-ai-assistant-item{background:linear-gradient(135deg,#6366f11f,#a855f71f);border-color:#6366f14d}.drawer-ai-assistant-item:hover{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#6366f180;box-shadow:0 8px 24px #6366f140,0 4px 12px #0000001a}.drawer-ai-assistant-item .menu-item-icon{background:linear-gradient(135deg,#6366f140,#a855f740)}.drawer-ai-assistant-item:hover .menu-item-icon:before{background:linear-gradient(135deg,#6366f1,#a855f7)}.drawer-ai-assistant-item .menu-item-icon svg{color:#6366f1}.drawer-ai-assistant-item:hover .menu-item-text,.drawer-ai-assistant-item:hover .menu-item-arrow{color:#6366f1}.drawer-logout-btn{background:linear-gradient(135deg,#ef44441a,#f871711a);border-color:#ef44444d;margin-top:8px}.drawer-logout-btn:after{background:linear-gradient(180deg,#ef4444,#f87171)}.drawer-logout-btn:hover{background:linear-gradient(135deg,#ef44442e,#f871712e);border-color:#ef444480;box-shadow:0 8px 24px #ef444440,0 4px 12px #0000001a}.drawer-logout-btn .menu-item-icon{background:linear-gradient(135deg,#ef444433,#f8717133)}.drawer-logout-btn:hover .menu-item-icon:before{background:linear-gradient(135deg,#ef4444,#f87171)}.drawer-logout-btn .menu-item-icon svg{color:#ef4444}.drawer-logout-btn:hover .menu-item-text,.drawer-logout-btn:hover .menu-item-arrow{color:#ef4444}.theme-selector-grid-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;margin-top:8px;background:linear-gradient(180deg,rgba(251,191,36,.05) 0%,transparent 100%);border-radius:16px;border:2px solid rgba(251,191,36,.15);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-option-btn-inline{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:2px solid transparent;border-radius:14px;background:#fff9;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.theme-option-btn-inline:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.theme-option-btn-inline:hover:before{left:100%}.theme-option-btn-inline:hover{transform:translateY(-4px) scale(1.08);border-color:#fbbf2480;box-shadow:0 8px 20px #fbbf244d;background:#ffffffe6}.theme-option-btn-inline.active{border-color:#f97316;box-shadow:0 0 0 3px #f9731633,0 6px 20px #f973164d;background:#fbbf2426;transform:scale(1.1)}.theme-preview-box-inline{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.theme-option-btn-inline:hover .theme-preview-box-inline{transform:rotate(5deg) scale(1.1);box-shadow:0 6px 16px #00000040}.theme-icon-inline{font-size:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.theme-check-mark-inline{position:absolute;top:-4px;right:-4px;width:22px;height:22px;background:#f97316;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #f9731680;z-index:10}.theme-check-mark-inline svg{width:12px;height:12px}.theme-name-text-inline{font-size:10px;font-weight:600;color:var(--text-primary, #1f2937);text-align:center;transition:color .3s ease}.theme-option-btn-inline.active .theme-name-text-inline{color:#f97316;font-weight:700}.theme-selector-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1200;animation:fadeIn .3s ease-out}.theme-selector-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:85vh;background:var(--card-bg, #ffffff);border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a;z-index:1201;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.theme-selector-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:2px solid rgba(0,0,0,.08);background:linear-gradient(135deg,#fbbf241a,#f973161a)}.theme-selector-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.theme-selector-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:300;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;color:var(--text-primary);transition:all .3s ease}.theme-selector-modal-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg) scale(1.1)}.theme-selector-modal-content{padding:28px;overflow-y:auto;flex:1}.theme-selector-grid-modal{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;animation:fadeIn .5s ease-out .2s both}.theme-option-btn-modal{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;border:3px solid var(--border-color);border-radius:20px;background:var(--card-bg);cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.theme-option-btn-modal:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.theme-option-btn-modal:hover:before{left:100%}.theme-option-btn-modal:hover{transform:translateY(-8px) scale(1.05);border-color:var(--primary-color);box-shadow:0 12px 32px #0003,0 4px 16px #00000026;background:var(--bg-secondary)}.theme-option-btn-modal.active{border-color:#f97316;box-shadow:0 0 0 4px #f9731633,0 12px 40px #f9731666,0 0 30px #f9731633;background:#fbbf2426;transform:scale(1.08);animation:themePulse 2s ease-in-out infinite}@keyframes themePulse{0%,to{box-shadow:0 0 0 4px #f9731633,0 12px 40px #f9731666,0 0 30px #f9731633}50%{box-shadow:0 0 0 6px #f973164d,0 16px 48px #f9731680,0 0 40px #f973164d}}.theme-preview-box-modal{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 8px 24px #0003;transition:all .35s ease}.theme-option-btn-modal:hover .theme-preview-box-modal{transform:rotate(8deg) scale(1.1);box-shadow:0 12px 32px #0000004d}.theme-icon-modal{font-size:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .3s ease}.theme-option-btn-modal:hover .theme-icon-modal{transform:scale(1.1)}.theme-check-mark-modal{position:absolute;top:-6px;right:-6px;width:32px;height:32px;background:linear-gradient(135deg,#f97316,#fbbf24);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #f9731699;z-index:10;animation:checkMarkBounce .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkMarkBounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.theme-check-mark-modal svg{width:18px;height:18px}.theme-name-text-modal{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center;transition:all .3s ease}.theme-option-btn-modal.active .theme-name-text-modal{color:var(--primary-color);font-weight:700;transform:scale(1.05)}@media(max-width:768px){.drawer-menu-item{padding:16px 18px;font-size:1rem}.menu-item-icon{width:44px;height:44px}.theme-selector-modal{width:95%;max-height:90vh}.theme-selector-grid-modal{grid-template-columns:repeat(3,1fr);gap:16px}.theme-preview-box-modal{width:70px;height:70px}.theme-icon-modal{font-size:36px}}@media(max-width:480px){.drawer-menu-item{padding:14px 16px;font-size:.95rem}.menu-item-icon{width:40px;height:40px}.theme-selector-modal{width:98%;border-radius:20px}.theme-selector-modal-header{padding:20px}.theme-selector-modal-header h2{font-size:1.25rem}.theme-selector-modal-content{padding:20px}.theme-selector-grid-modal{grid-template-columns:repeat(2,1fr);gap:12px}.theme-preview-box-modal{width:60px;height:60px}.theme-icon-modal{font-size:32px}.theme-name-text-modal{font-size:12px}}.drawer-role-selector{cursor:default;background:var(--bg-secondary, rgba(0, 0, 0, .05));border:2px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 4px 12px #00000014;margin-bottom:0;margin-top:0}.drawer-role-selector:before{display:none}.drawer-role-selector:hover{transform:none;border-color:var(--primary-color, #60a5fa);background:var(--bg-secondary, rgba(0, 0, 0, .05));box-shadow:0 4px 16px rgba(var(--primary-rgb, 96, 165, 250),.2)}.drawer-role-selector:focus-within{border-color:var(--primary-color, #60a5fa);background:var(--bg-secondary, rgba(0, 0, 0, .05));box-shadow:0 0 0 4px var(--primary-light, rgba(96, 165, 250, .2))}.drawer-role-selector svg{background:var(--gradient-primary, var(--primary-color))!important;color:#fff!important}.drawer-role-select{background:transparent;border:none;outline:none;font-size:1rem;font-family:inherit;font-weight:600;color:var(--text-primary, var(--text-color, #1f2937));cursor:pointer;flex:1;text-align:right;padding:4px 8px;margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;direction:rtl;border-radius:8px;transition:all .2s ease}.drawer-role-select:focus{outline:none}.drawer-role-select:disabled{opacity:.6;cursor:not-allowed}.drawer-role-select{background:var(--input-bg, var(--card-bg, #ffffff))!important;color:var(--text-primary, #1f2937)!important;border-color:var(--border-color, rgba(0, 0, 0, .1))!important}.drawer-role-select option{background:var(--card-bg, #ffffff);color:var(--text-primary, #1f2937);padding:10px;font-size:1em;font-weight:500}.drawer-action-badge{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border-radius:20px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;padding:0 8px;flex-shrink:0;box-shadow:0 4px 12px #ef444466;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ef444466}50%{transform:scale(1.05);box-shadow:0 6px 16px #ef444480}}.drawer-action-btn.madinat-assistant-btn{background:linear-gradient(135deg,#6366f126,#a855f726);border:1px solid rgba(99,102,241,.3)}.drawer-action-btn.madinat-assistant-btn svg{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}.drawer-action-btn.madinat-assistant-btn:hover{background:linear-gradient(135deg,#6366f140,#a855f740);border-color:#6366f180}.drawer-action-btn.madinat-assistant-btn:hover svg{transform:scale(1.15) rotate(10deg);box-shadow:0 4px 16px #6366f166}.drawer-action-btn.ai-assistant-btn{background:linear-gradient(135deg,#6366f126,#a855f726);border:1px solid rgba(99,102,241,.3)}.drawer-action-btn.ai-assistant-btn svg{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}.drawer-action-btn.ai-assistant-btn:hover{background:linear-gradient(135deg,#6366f140,#a855f740);border-color:#6366f180}.drawer-action-btn.ai-assistant-btn:hover svg{transform:scale(1.15) rotate(10deg);box-shadow:0 4px 16px #6366f166}.drawer-section-title{font-size:.8125rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.5px;padding:0 0 10px;margin-top:20px;margin-bottom:0;width:100%;text-align:right;align-self:stretch;opacity:.8;display:block;clear:both;order:0}.drawer-divider{height:1px;background:var(--border-color, rgba(255, 255, 255, .1));margin:16px 16px 8px}.drawer-action-btn.drawer-school-selector{background:var(--bg-secondary, rgba(0, 0, 0, .05));border:2px solid var(--border-color, rgba(255, 255, 255, .1));margin-bottom:0;margin-top:0}.drawer-action-btn.drawer-school-selector:before{display:none}.drawer-action-btn.drawer-school-selector svg{background:var(--gradient-accent, var(--warning-color))!important;color:#fff!important}.drawer-action-btn.drawer-school-selector:hover{transform:none;border-color:var(--warning-color, #fbbf24)}.drawer-action-btn.drawer-theme-selector{background:linear-gradient(135deg,#fbbf241a,#f973161a);border:2px solid rgba(251,191,36,.3);box-shadow:0 2px 8px #fbbf2426}.drawer-action-btn.drawer-theme-selector:before{display:none}.drawer-action-btn.drawer-theme-selector svg{background:linear-gradient(135deg,#fbbf24,#f97316)!important;color:#fff!important;box-shadow:0 4px 12px #fbbf2466}.drawer-action-btn.drawer-theme-selector:hover{transform:none;border-color:#fbbf2499;background:linear-gradient(135deg,#fbbf2426,#f9731626);box-shadow:0 4px 16px #fbbf2440}.drawer-action-btn.drawer-theme-selector:hover svg{box-shadow:0 6px 16px #fbbf2480;transform:scale(1.05)}.drawer-action-btn.drawer-logout-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.drawer-action-btn.drawer-logout-btn:hover{background:#ef444433;border-color:#ef444480}.drawer-action-btn.drawer-logout-btn:hover:before{display:none}.drawer-section{padding:12px}.role-row{display:flex;gap:10px;align-items:center}.role-select{height:36px;padding:6px 10px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:1em}.user-search{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);margin-bottom:8px;font-size:1em}.user-select{padding:6px 8px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);width:100%}.drawer-nav{margin-top:18px;display:flex;flex-direction:column;gap:8px}.drawer-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;color:var(--text-color);border-radius:10px;transition:background .18s ease,transform .12s ease}.drawer-nav a:hover{background:var(--drawer-link-hover);transform:translate(-4px)}.drawer-nav a:active{transform:translate(-2px)}.drawer-nav a:before{content:"";display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:2px;opacity:0;transition:opacity .18s ease,transform .18s ease}.drawer-nav a:hover:before{opacity:1;transform:translate(-2px)}.btn{padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;background:#fff;cursor:pointer;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent);color:#fff;border:none}@media(max-width:768px){.app-topbar .top-center{padding-right:70px;padding-left:12px}.school-dropdown span{font-size:1.143em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.school-dropdown{max-width:100%;min-width:0;flex:1}}@media(max-width:540px){.app-topbar .top-center{padding-right:70px;padding-left:8px}.school-title{font-size:.95rem}.right-drawer{width:85vw}.school-dropdown span{font-size:1em;max-width:100%}.school-dropdown{max-width:100%;min-width:0;flex:1}}.drawer-role-menu-item{position:relative;z-index:10;order:0}.drawer-tools-menu-item{position:relative;z-index:10;order:1}.drawer-role-menu-item>div[style*="position: absolute"],.drawer-tools-menu-item>div[style*="position: absolute"],.role-dropdown-menu{z-index:1000!important;animation:slideDown .2s ease-out;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.drawer-tools-menu-item .drawer-action-btn{margin-bottom:0;border-radius:0;border:none;border-bottom:1px solid var(--border-color)}.drawer-tools-menu-item .drawer-action-btn:last-child{border-bottom:none;border-radius:0 0 12px 12px}.drawer-tools-menu-item .drawer-action-btn:first-child{border-radius:12px 12px 0 0}.drawer-role-menu-item button[style*="width: 100%"]{transition:all .2s ease}.drawer-role-menu-item button[style*="width: 100%"]:hover{background:var(--bg-secondary)!important}:root{--topbar-height: 72px;--topbar-height-mobile: 64px;--topbar-gradient-primary: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);--topbar-gradient-secondary: linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);--topbar-gradient-glass: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.05) 100%);--topbar-glass-bg: rgba(255, 255, 255, .08);--topbar-glass-border: rgba(255, 255, 255, .12);--topbar-glass-blur: 20px;--topbar-transition-fast: .2s;--topbar-transition-normal: .3s;--topbar-transition-slow: .5s}@keyframes topbar-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes topbar-glow{0%,to{box-shadow:0 4px 24px #667eea4d}50%{box-shadow:0 4px 32px #667eea80}}@keyframes topbar-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes topbar-fade-in{0%{opacity:0}to{opacity:1}}@keyframes topbar-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes topbar-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes topbar-notification-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes topbar-menu-slide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes topbar-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes topbar-ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.app-topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--topbar-gradient-primary);background-size:200% 200%;animation:topbar-gradient-flow 15s ease infinite;z-index:1000;box-shadow:0 4px 24px #00000026;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);transition:all var(--topbar-transition-normal) ease}.app-topbar:before{content:"";position:absolute;inset:0;background:var(--topbar-gradient-glass);pointer-events:none}.app-topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.app-topbar.scrolled{height:calc(var(--topbar-height) - 8px);box-shadow:0 8px 32px #0003}.top-right,.top-center,.top-left{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.top-right{flex:0 0 auto}.top-center{flex:1;justify-content:center;padding:0 20px}.top-left{flex:0 0 auto}.hamburger-btn{width:48px;height:48px;border:none;border-radius:14px;background:var(--topbar-glass-bg);backdrop-filter:blur(var(--topbar-glass-blur));-webkit-backdrop-filter:blur(var(--topbar-glass-blur));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--topbar-transition-normal) ease;position:relative;overflow:hidden}.hamburger-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.hamburger-btn:hover{background:#ffffff26;transform:scale(1.05)}.hamburger-btn:hover:before{width:150%;height:150%}.hamburger-btn:active{transform:scale(.95)}.hamburger-icon{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-line{width:100%;height:2px;background:#fff;border-radius:2px;transition:all var(--topbar-transition-normal) ease;transform-origin:center}.hamburger-btn.open .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.school-dropdown{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px 18px;border-radius:16px;background:var(--topbar-glass-bg);backdrop-filter:blur(var(--topbar-glass-blur));-webkit-backdrop-filter:blur(var(--topbar-glass-blur));border:1px solid var(--topbar-glass-border);transition:all var(--topbar-transition-normal) ease;position:relative;overflow:visible!important}.school-dropdown:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.school-dropdown:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-2px)}.school-dropdown:hover:before{left:100%}.school-dropdown .school-icon{width:36px;height:36px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.school-dropdown span{color:#fff;font-weight:700;font-size:1.1rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:.8rem;color:#fffc;transition:transform var(--topbar-transition-normal) ease}.dropdown-arrow.open{transform:rotate(180deg)}.school-dropdown-item{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;transition:all var(--topbar-transition-fast) ease;border-bottom:1px solid var(--border-color)}.school-dropdown-item:last-child{border-bottom:none}.school-dropdown-item:hover{background:var(--bg-secondary)}.school-dropdown-item.active{background:var(--primary-light)}.school-dropdown-item .school-avatar{width:44px;height:44px;border-radius:12px;object-fit:cover;border:2px solid var(--border-color)}.school-dropdown-item .school-info{flex:1;min-width:0}.school-dropdown-item .school-name{font-weight:600;color:var(--text-primary);font-size:.95rem;margin-bottom:2px}.school-dropdown-item .school-members{font-size:.8rem;color:var(--text-muted)}.school-dropdown-item .check-icon{color:var(--primary-color);font-size:1.2rem;opacity:0;transition:opacity var(--topbar-transition-fast) ease}.school-dropdown-item.active .check-icon{opacity:1}.topbar-action-btn{width:48px;height:48px;border:none;border-radius:14px;background:var(--topbar-glass-bg);backdrop-filter:blur(var(--topbar-glass-blur));-webkit-backdrop-filter:blur(var(--topbar-glass-blur));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--topbar-transition-normal) ease;position:relative;color:#fff}.topbar-action-btn:hover{background:#ffffff26;transform:translateY(-2px)}.topbar-action-btn:active{transform:translateY(0) scale(.95)}.topbar-action-btn svg{width:22px;height:22px}.notification-badge{position:absolute;top:6px;right:6px;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;font-size:.7rem;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;animation:topbar-notification-pop .4s ease;box-shadow:0 2px 8px #ef444466}.user-avatar-btn{width:48px;height:48px;border:none;border-radius:14px;padding:0;cursor:pointer;position:relative;overflow:hidden;transition:all var(--topbar-transition-normal) ease}.user-avatar-btn:hover{transform:scale(1.05)}.user-avatar-btn:after{content:"";position:absolute;inset:0;border:2px solid rgba(255,255,255,.3);border-radius:14px;transition:border-color var(--topbar-transition-fast) ease}.user-avatar-btn:hover:after{border-color:#fff9}.user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:12px}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:linear-gradient(135deg,#22c55e,#4ade80);border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}.drawer-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;opacity:0;visibility:hidden;transition:all var(--topbar-transition-normal) ease}.drawer-overlay.show{opacity:1;visibility:visible}.drawer-menu{position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100vh;background:var(--card-bg);box-shadow:-10px 0 40px #0003;z-index:1100;transform:translate(100%);transition:transform var(--topbar-transition-normal) cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.drawer-menu.open{transform:translate(0)}.drawer-header{padding:24px;background:var(--topbar-gradient-primary);background-size:200% 200%;animation:topbar-gradient-flow 15s ease infinite;position:relative;overflow:hidden}.drawer-header:before{content:"";position:absolute;inset:0;background:var(--topbar-gradient-glass)}.drawer-user-info{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.drawer-avatar{width:64px;height:64px;border-radius:18px;object-fit:cover;border:3px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #0003}.drawer-user-details{flex:1;min-width:0}.drawer-user-name{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-user-role{font-size:.85rem;color:#fffc;display:flex;align-items:center;gap:6px}.drawer-close-btn{position:absolute;top:16px;left:16px;width:36px;height:36px;border:none;border-radius:10px;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--topbar-transition-fast) ease;z-index:2}.drawer-close-btn:hover{background:#fff3;transform:rotate(90deg)}.drawer-content{flex:1;overflow-y:auto;padding:16px 0}.drawer-section{padding:0 16px;margin-bottom:24px}.drawer-section-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:0 12px;margin-bottom:12px}.drawer-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;cursor:pointer;transition:all var(--topbar-transition-fast) ease;text-decoration:none;color:var(--text-primary);position:relative;overflow:hidden}.drawer-link:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--topbar-gradient-primary);transform:scaleY(0);transition:transform var(--topbar-transition-fast) ease}.drawer-link:hover{background:var(--bg-secondary)}.drawer-link:hover:before{transform:scaleY(1)}.drawer-link.active{background:var(--primary-light)}.drawer-link.active:before{transform:scaleY(1)}.drawer-link-icon{width:44px;height:44px;border-radius:12px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all var(--topbar-transition-fast) ease}.drawer-link:hover .drawer-link-icon{background:var(--primary-light);transform:scale(1.05)}.drawer-link-text{flex:1;font-weight:600;font-size:.95rem}.drawer-link-badge{min-width:24px;height:24px;padding:0 8px;background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;font-size:.75rem;font-weight:700;border-radius:12px;display:flex;align-items:center;justify-content:center}.drawer-link-arrow{color:var(--text-muted);font-size:.8rem;transition:transform var(--topbar-transition-fast) ease}.drawer-link:hover .drawer-link-arrow{transform:translate(-4px)}.drawer-divider{height:1px;background:var(--border-color);margin:16px}.drawer-footer{padding:16px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.drawer-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.2);border-radius:14px;color:#ef4444;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--topbar-transition-normal) ease}.drawer-logout-btn:hover{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef44444d;transform:translateY(-2px)}.notifications-dropdown{position:absolute;top:calc(100% + 16px);right:0;width:380px;max-width:90vw;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 50px #0003;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--topbar-transition-normal) ease;z-index:1100}.notifications-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border-color)}.notifications-title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.notifications-mark-read{font-size:.85rem;color:var(--primary-color);cursor:pointer;transition:color var(--topbar-transition-fast) ease}.notifications-mark-read:hover{color:var(--primary-dark)}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;gap:14px;padding:16px 20px;cursor:pointer;transition:background var(--topbar-transition-fast) ease;border-bottom:1px solid var(--border-color)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:var(--primary-light)}.notification-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.notification-icon.info{background:linear-gradient(135deg,#3b82f626,#60a5fa26)}.notification-icon.success{background:linear-gradient(135deg,#10b98126,#34d39926)}.notification-icon.warning{background:linear-gradient(135deg,#f59e0b26,#fbbf2426)}.notification-icon.error{background:linear-gradient(135deg,#ef444426,#f8717126)}.notification-text{font-size:.9rem;color:var(--text-primary);line-height:1.5;margin-bottom:4px}.notification-time{font-size:.8rem;color:var(--text-muted)}.notifications-footer{padding:14px 20px;border-top:1px solid var(--border-color);text-align:center}.notifications-view-all{font-size:.9rem;font-weight:600;color:var(--primary-color);cursor:pointer;transition:color var(--topbar-transition-fast) ease}.notifications-view-all:hover{color:var(--primary-dark)}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.notifications-empty-icon{width:64px;height:64px;background:var(--bg-secondary);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:16px}.notifications-empty-text{font-size:.95rem;color:var(--text-muted)}.profile-dropdown{position:absolute;top:calc(100% + 16px);right:0;width:280px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 50px #0003;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--topbar-transition-normal) ease;z-index:1100}.profile-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown-header{padding:20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:14px}.profile-dropdown-avatar{width:52px;height:52px;border-radius:14px;object-fit:cover;border:2px solid var(--border-color)}.profile-dropdown-info{flex:1;min-width:0}.profile-dropdown-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-email{font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-content{padding:12px 0}.profile-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all var(--topbar-transition-fast) ease;color:var(--text-primary)}.profile-dropdown-item:hover{background:var(--bg-secondary)}.profile-dropdown-item svg{width:20px;height:20px;color:var(--text-muted)}.profile-dropdown-item span{font-size:.9rem;font-weight:500}.profile-dropdown-divider{height:1px;background:var(--border-color);margin:8px 0}.profile-dropdown-item.logout{color:#ef4444}.profile-dropdown-item.logout svg{color:#ef4444}.topbar-search{position:relative;width:100%;max-width:400px}.topbar-search-input{width:100%;padding:12px 48px 12px 20px;font-size:.95rem;font-family:inherit;background:var(--topbar-glass-bg);backdrop-filter:blur(var(--topbar-glass-blur));-webkit-backdrop-filter:blur(var(--topbar-glass-blur));border:1px solid var(--topbar-glass-border);border-radius:14px;color:#fff;transition:all var(--topbar-transition-normal) ease;box-sizing:border-box}.topbar-search-input::placeholder{color:#fff9}.topbar-search-input:focus{outline:none;background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 0 4px #ffffff1a}.topbar-search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#fff9;pointer-events:none}@media(max-width:1024px){.app-topbar{padding:0 16px}.school-dropdown span{max-width:150px}.topbar-search{max-width:300px}}@media(max-width:768px){.app-topbar{height:var(--topbar-height-mobile);padding:0 12px}.hamburger-btn,.topbar-action-btn,.user-avatar-btn{width:44px;height:44px;border-radius:12px}.school-dropdown{padding:8px 14px;border-radius:12px}.school-dropdown .school-icon{width:32px;height:32px;border-radius:8px;font-size:1rem}.school-dropdown span{font-size:1rem;max-width:120px}.topbar-search{display:none}.drawer-menu{width:100%;max-width:100%}.notifications-dropdown{width:100%;max-width:100%;right:0;left:0;border-radius:0 0 20px 20px}}@media(max-width:480px){.app-topbar{padding:0 10px}.top-center{padding:0 8px}.hamburger-btn,.topbar-action-btn,.user-avatar-btn{width:40px;height:40px;border-radius:10px}.school-dropdown{padding:6px 10px;gap:8px}.school-dropdown .school-icon{display:none}.school-dropdown span{font-size:.9rem;max-width:100px}.drawer-header{padding:20px}.drawer-avatar{width:56px;height:56px;border-radius:16px}.drawer-user-name{font-size:1.05rem}}@media(prefers-reduced-motion:reduce){.app-topbar,.hamburger-btn,.school-dropdown,.drawer-menu,.drawer-overlay,.notifications-dropdown,.profile-dropdown{animation:none;transition-duration:.01ms}.hamburger-btn:before,.school-dropdown:before{display:none}}[data-theme=ocean] .app-topbar,[data-theme=ocean] .drawer-header{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}[data-theme=forest] .app-topbar,[data-theme=forest] .drawer-header{background:linear-gradient(135deg,#22c55e,#10b981)}[data-theme=sunset] .app-topbar,[data-theme=sunset] .drawer-header{background:linear-gradient(135deg,#f97316,#ec4899)}[data-theme=royal] .app-topbar,[data-theme=royal] .drawer-header{background:linear-gradient(135deg,#a855f7,#8b5cf6)}[data-theme=cherry] .app-topbar,[data-theme=cherry] .drawer-header{background:linear-gradient(135deg,#f43f5e,#fb7185)}[data-theme=midnight] .app-topbar,[data-theme=midnight] .drawer-header{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.hamburger-btn:focus-visible,.topbar-action-btn:focus-visible,.user-avatar-btn:focus-visible,.school-dropdown:focus-visible,.drawer-link:focus-visible,.drawer-close-btn:focus-visible{outline:2px solid white;outline-offset:2px}.skip-to-main{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--card-bg);color:var(--text-primary);padding:12px 24px;border-radius:0 0 12px 12px;font-weight:600;z-index:10000;transition:top .3s ease}.skip-to-main:focus{top:0}@media print{.app-topbar,.drawer-menu,.drawer-overlay{display:none!important}}:root{--drawer-width: 380px;--drawer-width-mobile: 92vw;--drawer-header-height: 180px;--drawer-bg-primary: rgba(255, 255, 255, .95);--drawer-bg-dark: rgba(31, 41, 55, .98);--drawer-glass-bg: rgba(255, 255, 255, .1);--drawer-glass-border: rgba(255, 255, 255, .2);--drawer-gradient-1: linear-gradient(135deg, #2045e9 0%, #764ba2 100%);--drawer-gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--drawer-gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--drawer-gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--drawer-gradient-main: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--drawer-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .25);--drawer-shadow-xl: 0 35px 60px -12px rgba(0, 0, 0, .35);--drawer-shadow-2xl: -20px 0 60px rgba(0, 0, 0, .4);--drawer-transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--drawer-transition-normal: .35s cubic-bezier(.4, 0, .2, 1);--drawer-transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--drawer-transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--drawer-padding: 20px;--drawer-gap: 12px;--drawer-item-padding: 2px 4px;--drawer-radius-sm: 12px;--drawer-radius-md: 16px;--drawer-radius-lg: 24px;--drawer-radius-xl: 32px}@keyframes drawer-slide-in{0%{transform:translate(120%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-item-slide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes drawer-glow-pulse{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 30px #667eea99}}@keyframes drawer-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes drawer-icon-spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.1)}}@keyframes drawer-ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes drawer-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes drawer-badge-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.right-drawer-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity var(--drawer-transition-normal);z-index:1100;animation:drawer-fade-in var(--drawer-transition-normal) ease}.right-drawer-overlay.open{opacity:1;pointer-events:auto}.right-drawer{position:fixed;top:0;right:0;width:var(--drawer-width);max-width:var(--drawer-width-mobile);height:100vh;height:100dvh;background:var(--drawer-bg-primary);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:var(--drawer-shadow-2xl);transform:translate(120%);transition:transform var(--drawer-transition-bounce),opacity var(--drawer-transition-normal);z-index:1101;padding:0;opacity:0;pointer-events:none;text-align:right;border-radius:var(--drawer-radius-xl) 0 0 var(--drawer-radius-xl);display:flex;flex-direction:column;overflow:hidden;animation:drawer-slide-in var(--drawer-transition-bounce) ease}.right-drawer.open{transform:translate(0);opacity:1;pointer-events:auto}.right-drawer:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--drawer-header-height);background:var(--drawer-gradient-main);background-size:200% 200%;animation:drawer-gradient-shift 8s ease infinite;z-index:0;opacity:.95}.right-drawer:after{content:"";position:absolute;top:0;left:0;right:0;height:var(--drawer-header-height);background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.1) 50%,transparent 100%);z-index:1;pointer-events:none}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 20px;position:relative;z-index:10;min-height:var(--drawer-header-height)}.drawer-header .close-drawer{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:300;line-height:1;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:var(--drawer-radius-md);cursor:pointer;color:#fff;transition:all var(--drawer-transition-normal);position:absolute;top:20px;left:20px;z-index:9999;pointer-events:auto}.drawer-header .close-drawer:hover{background:#ffffff59;transform:rotate(90deg) scale(1.1);box-shadow:0 8px 24px #0003}.drawer-header .close-drawer:active{transform:rotate(90deg) scale(.95)}.drawer-header .profile{display:flex;gap:16px;align-items:center;padding-top:12px;cursor:pointer;position:relative;z-index:10;width:100%;transition:transform var(--drawer-transition-fast)}.drawer-header .profile:hover{transform:translateY(-2px)}.drawer-header .profile-img{width:72px;height:72px;border-radius:var(--drawer-radius-md);object-fit:cover;border:4px solid rgba(255,255,255,.5);box-shadow:0 12px 32px #0000004d;transition:all var(--drawer-transition-normal);position:relative;z-index:1}.drawer-header .profile:hover .profile-img{transform:scale(1.08) rotate(2deg);border-color:#fffc;box-shadow:0 16px 40px #0006}.drawer-header .profile-name{font-weight:700;font-size:1.25rem;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.3);line-height:1.4;letter-spacing:-.02em;margin-bottom:4px}.drawer-header .profile-link{font-size:.875rem;color:#fffffff2;text-decoration:none;display:flex;align-items:center;gap:6px;font-weight:500;transition:all var(--drawer-transition-fast);text-shadow:0 1px 6px rgba(0,0,0,.2)}.drawer-header .profile-link:after{content:"←";font-size:1.1em;transition:transform var(--drawer-transition-fast)}.drawer-header .profile:hover .profile-link:after{transform:translate(-6px)}.drawer-header .profile:hover .profile-link{color:#fff;gap:8px}.drawer-actions{display:flex;flex-direction:column;gap:var(--drawer-gap);padding:24px var(--drawer-padding) 20px var(--drawer-padding);position:relative;z-index:10;background:var(--bg-color, var(--drawer-bg-primary));flex:1;overflow-y:auto;overflow-x:hidden;align-items:stretch;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent;min-height:0}.drawer-actions::-webkit-scrollbar{width:8px}.drawer-actions::-webkit-scrollbar-track{background:transparent;border-radius:4px}.drawer-actions::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px;transition:background var(--drawer-transition-fast)}.drawer-actions::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}.drawer-section-title{font-size:.75rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:1.5px;padding:0 4px 12px;margin-top:24px;margin-bottom:0;width:100%;text-align:right;opacity:.85;display:block;position:relative;order:-1}.drawer-section-title:first-of-type{margin-top:0;padding-top:0}.drawer-section-title:after{content:"";position:absolute;right:0;bottom:6px;width:40px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color, #667eea),transparent);border-radius:2px}.drawer-action-btn{display:flex;align-items:center;gap:16px;padding:var(--drawer-item-padding);border:none;background:var(--bg-color, rgba(0, 0, 0, .02));border-radius:var(--drawer-radius-md);cursor:pointer;text-align:right;width:100%;min-width:0;color:var(--text-primary);transition:all var(--drawer-transition-normal);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-size:1rem;font-weight:600;line-height:1.5;position:relative;overflow:hidden;align-self:stretch;box-sizing:border-box;margin:0;order:1;flex-shrink:0;box-shadow:0 2px 8px #0000000a}.drawer-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.drawer-action-btn:hover:before{left:100%}.drawer-action-btn:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%) scaleY(0);width:4px;height:60%;background:var(--drawer-gradient-main);border-radius:0 4px 4px 0;transition:transform var(--drawer-transition-normal)}.drawer-action-btn:hover:after{transform:translateY(-50%) scaleY(1)}.drawer-action-btn:hover{background:linear-gradient(90deg,#667eea1a,#764ba214);transform:translate(-6px);box-shadow:0 8px 24px #667eea26;color:var(--text-primary, #1f2937)}.drawer-action-btn:active{transform:translate(-4px) scale(.98)}.drawer-action-btn svg{flex-shrink:0;width:26px;height:26px;padding:8px;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:var(--drawer-radius-sm);color:var(--primary-color, #667eea);transition:all var(--drawer-transition-normal);box-sizing:content-box}.drawer-action-btn:hover svg{background:var(--drawer-gradient-main);color:#fff;transform:scale(1.15) rotate(5deg);box-shadow:0 6px 20px #667eea66}.drawer-action-btn span:not(.drawer-action-badge){flex:1;text-align:right;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);letter-spacing:-.01em;transition:color var(--drawer-transition-fast)}.drawer-action-btn:hover span:not(.drawer-action-badge){color:var(--primary-color, #667eea)}.drawer-action-badge{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border-radius:20px;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;padding:0 10px;flex-shrink:0;box-shadow:0 4px 16px #ef444480;animation:drawer-badge-bounce 2s ease-in-out infinite}.drawer-action-btn.drawer-role-selector{background:#00000008;border:2px solid rgba(102,126,234,.2);cursor:default}.drawer-action-btn.drawer-role-selector:before,.drawer-action-btn.drawer-role-selector:after{display:none}.drawer-action-btn.drawer-role-selector:hover{transform:none;border-color:#667eea66;background:#667eea0d;box-shadow:0 4px 16px #667eea33}.drawer-action-btn.drawer-role-selector svg{background:var(--drawer-gradient-main)!important;color:#fff!important}.drawer-action-btn.drawer-role-selector .drawer-role-select{background:transparent;border:none;outline:none;font-size:1rem;font-family:inherit;font-weight:600;color:var(--text-primary);cursor:pointer;flex:1;text-align:right;padding:4px 8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;direction:rtl}.drawer-action-btn.drawer-school-selector{background:linear-gradient(135deg,#fbbf241f,#f973161f);border:2px solid rgba(251,191,36,.3)}.drawer-action-btn.drawer-school-selector:before,.drawer-action-btn.drawer-school-selector:after{display:none}.drawer-action-btn.drawer-school-selector:hover{transform:none;border-color:#fbbf2499;background:linear-gradient(135deg,#fbbf242e,#f973162e);box-shadow:0 6px 20px #fbbf244d}.drawer-action-btn.drawer-school-selector svg{background:linear-gradient(135deg,#fbbf24,#f97316)!important;color:#fff!important;box-shadow:0 4px 12px #fbbf2466}.drawer-action-btn.drawer-theme-selector{background:linear-gradient(135deg,#fbbf2426,#f9731626);border:2px solid rgba(251,191,36,.4);box-shadow:0 4px 16px #fbbf2433}.drawer-action-btn.drawer-theme-selector:before,.drawer-action-btn.drawer-theme-selector:after{display:none}.drawer-action-btn.drawer-theme-selector:hover{transform:none;border-color:#fbbf24b3;background:linear-gradient(135deg,#fbbf2433,#f9731633);box-shadow:0 8px 24px #fbbf2459}.drawer-action-btn.drawer-theme-selector svg{background:linear-gradient(135deg,#fbbf24,#f97316)!important;color:#fff!important;box-shadow:0 6px 16px #fbbf2480;animation:drawer-glow-pulse 2s ease-in-out infinite}.drawer-action-btn.drawer-theme-selector:hover svg{transform:scale(1.1);box-shadow:0 8px 20px #fbbf2499}.drawer-action-btn.ai-assistant-btn{background:linear-gradient(135deg,#6366f126,#a855f726);border:2px solid rgba(99,102,241,.4);position:relative;overflow:visible}.drawer-action-btn.ai-assistant-btn:before{background:linear-gradient(90deg,transparent,rgba(99,102,241,.4),transparent)}.drawer-action-btn.ai-assistant-btn svg{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;animation:drawer-glow-pulse 3s ease-in-out infinite}.drawer-action-btn.ai-assistant-btn:hover{background:linear-gradient(135deg,#6366f140,#a855f740);border-color:#6366f199;box-shadow:0 8px 28px #6366f14d}.drawer-action-btn.ai-assistant-btn:hover svg{transform:scale(1.2) rotate(10deg);box-shadow:0 8px 24px #6366f180}.drawer-action-btn.drawer-logout-btn{background:#ef44441a;border:2px solid rgba(239,68,68,.3)}.drawer-action-btn.drawer-logout-btn:before,.drawer-action-btn.drawer-logout-btn:after{display:none}.drawer-action-btn.drawer-logout-btn svg{background:linear-gradient(135deg,#ef4444,#f87171)!important;color:#fff!important}.drawer-action-btn.drawer-logout-btn:hover{background:#ef444433;border-color:#ef444480;box-shadow:0 8px 24px #ef44444d;transform:translate(-6px)}.drawer-action-btn.drawer-logout-btn:hover svg{transform:scale(1.1);box-shadow:0 6px 20px #ef444480}.drawer-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color, rgba(0, 0, 0, .1)),transparent);margin:20px var(--drawer-padding) 12px var(--drawer-padding);position:relative}.drawer-divider:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:1px;background:var(--drawer-gradient-main);opacity:.5}@media(max-width:768px){.right-drawer{width:var(--drawer-width-mobile);border-radius:var(--drawer-radius-lg) 0 0 var(--drawer-radius-lg)}.drawer-header{padding:20px 20px 16px;min-height:160px}.drawer-actions{padding:20px 16px 28px;gap:10px}.drawer-action-btn{padding:14px 18px;gap:14px}}@media(max-width:480px){.drawer-header .profile-img{width:64px;height:64px}.drawer-header .profile-name{font-size:1.125rem}.drawer-action-btn{font-size:.9375rem;padding:12px 16px}.drawer-action-btn svg{width:24px;height:24px;padding:6px}}.drawer-action-btn:focus-visible,.drawer-header .close-drawer:focus-visible{outline:3px solid var(--primary-color, #667eea);outline-offset:2px}@media(prefers-reduced-motion:reduce){.right-drawer,.drawer-action-btn,.drawer-header .close-drawer,.drawer-action-badge{animation:none;transition-duration:.01ms}}.drawer-footer{position:relative;z-index:10;background:var(--drawer-bg-primary);border-top:2px solid rgba(102,126,234,.1);padding-top:16px;margin-top:auto;flex-shrink:0}.drawer-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent)}.theme-section-title{padding:8px 18px!important;margin-top:0!important;margin-bottom:0}.theme-selector-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary, #1f2937);text-transform:uppercase;letter-spacing:.5px;padding:8px 0;border-bottom:2px solid rgba(102,126,234,.2);margin-bottom:12px}.theme-selector-label svg,.theme-selector-label i{color:var(--primary-color, #667eea);filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.theme-selector-grid-always-open{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:12px 18px 20px;animation:drawer-fade-in .5s ease-out;background:linear-gradient(180deg,rgba(102,126,234,.03) 0%,rgba(102,126,234,.01) 50%,transparent 100%);margin-bottom:0;border-radius:0;position:relative}.theme-selector-grid-always-open:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent)}.theme-option-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:2px solid transparent;border-radius:var(--drawer-radius-md);background:#00000005;cursor:pointer;transition:all var(--drawer-transition-normal);position:relative;overflow:hidden}.theme-option-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.theme-option-btn:hover:before{left:100%}.theme-option-btn:hover{transform:translateY(-6px) scale(1.08);border-color:#667eea99;box-shadow:0 10px 25px #667eea40,0 4px 12px #00000026;background:#ffffffb3;z-index:10}.theme-option-btn.active{border-color:var(--primary-color, #667eea);box-shadow:0 0 0 4px #667eea40,0 8px 28px #667eea66,0 0 20px #667eea33;background:#667eea26;transform:scale(1.1);animation:drawer-glow-pulse 2s ease-in-out infinite;position:relative}.theme-option-btn.active:after{content:"";position:absolute;inset:-3px;border-radius:var(--drawer-radius-md);padding:2px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;animation:drawer-gradient-shift 3s ease infinite}.theme-preview-box{width:56px;height:56px;border-radius:var(--drawer-radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003;transition:all var(--drawer-transition-normal)}.theme-option-btn:hover .theme-preview-box{transform:rotate(5deg) scale(1.1);box-shadow:0 6px 16px #0000004d}.theme-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:drawer-icon-spin .6s ease-out}.theme-option-btn.active .theme-icon{animation:drawer-glow-pulse 2s ease-in-out infinite}.theme-check-mark{position:absolute;top:-4px;right:-4px;width:24px;height:24px;background:var(--primary-color, #667eea);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #667eea80;animation:drawer-badge-bounce .5s cubic-bezier(.68,-.55,.265,1.55);z-index:10}.theme-check-mark svg{width:14px;height:14px}.theme-name-text{font-size:11px;font-weight:600;color:var(--text-primary, #1f2937);text-align:center;transition:color var(--drawer-transition-fast)}.theme-option-btn.active .theme-name-text{color:var(--primary-color, #667eea);font-weight:700}.theme-transitioning *{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease!important}@media(max-width:768px){.theme-selector-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:8px 12px 12px}.theme-preview-box{width:48px;height:48px}.theme-icon{font-size:24px}.theme-name-text{font-size:10px}}@media(max-width:480px){.theme-selector-grid{grid-template-columns:repeat(2,1fr)}}.person-profile-container{max-width:935px;margin:0 auto;padding:0;padding-top:var(--header-total-height-desktop, var(--topbar-height, 64px));background:var(--page-bg);min-height:100vh;color:var(--text-primary)}.profile-header{padding:30px 20px;border-bottom:1px solid var(--border-color);margin-bottom:0}.profile-header-content{display:flex;gap:30px;align-items:flex-start}.profile-picture-wrapper{flex-shrink:0}.profile-picture{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color);background:var(--card-bg);cursor:pointer;transition:all .3s ease}.profile-picture:hover{transform:scale(1.02);border-color:var(--primary-color)}.profile-info{flex:1;min-width:0}.profile-username-section{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.profile-username{font-size:28px;font-weight:300;color:var(--text-primary);margin:0}.profile-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.profile-action-btn{padding:6px 16px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.profile-action-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.profile-action-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.profile-action-btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.profile-action-btn svg{width:16px;height:16px}.profile-stats{display:flex;gap:40px;margin-bottom:20px;flex-wrap:wrap}.profile-stat{display:flex;flex-direction:column;gap:4px;cursor:pointer}.profile-stat-value{font-size:16px;font-weight:600;color:var(--text-primary)}.profile-stat-label{font-size:14px;color:var(--text-secondary)}.profile-bio{margin-top:16px}.profile-bio-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.profile-bio-text{font-size:14px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.profile-bio-links{margin-top:8px;display:flex;flex-direction:column;gap:4px}.profile-bio-link{font-size:14px;color:var(--primary-color);text-decoration:none;transition:opacity .2s ease}.profile-bio-link:hover{opacity:.7}.profile-tabs-nav{display:flex;justify-content:flex-start;border-top:1px solid var(--border-color);margin-top:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-tab{display:flex;align-items:center;gap:6px;padding:16px 0;margin:0 30px;font-size:16px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;border:none;background:none;cursor:pointer;position:relative;transition:color .2s ease;flex-shrink:0;white-space:nowrap}.profile-tab:hover,.profile-tab.active{color:var(--text-primary)}.profile-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--text-primary)}.profile-tab svg{width:12px;height:12px}.profile-tab-content{padding:40px 20px;min-height:400px}.profile-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:20px}.profile-content-item{aspect-ratio:1;position:relative;overflow:hidden;background:var(--card-bg);cursor:pointer;border-radius:4px}.profile-content-item:hover{opacity:.8}.profile-content-item img{width:100%;height:100%;object-fit:cover}.profile-content-item-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .2s ease}.profile-content-item:hover .profile-content-item-overlay{opacity:1}.profile-content-item-stat{display:flex;align-items:center;gap:6px;color:#fff;font-size:16px;font-weight:600}.profile-content-item-stat svg{width:20px;height:20px}.profile-empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.profile-empty-state-icon{font-size:48px;margin-bottom:16px}.profile-empty-state-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.profile-empty-state-text{font-size:14px;color:var(--text-secondary)}.profile-info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:20px}.profile-info-card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:16px}.profile-stat-card{text-align:center;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.profile-stat-card-value{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.profile-stat-card-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.person-profile-container{padding-top:var(--header-total-height-mobile, var(--topbar-height, 64px))!important}.profile-header{padding:20px 16px}.profile-header-content{flex-direction:column;align-items:center;text-align:center;gap:20px}.profile-picture{width:86px;height:86px}.profile-info{width:100%}.profile-username-section{justify-content:center;flex-direction:column;gap:12px}.profile-username{font-size:22px}.profile-actions{width:100%;justify-content:center}.profile-action-btn{flex:1;justify-content:center;min-width:120px}.profile-stats{width:100%;justify-content:space-around;gap:0;padding:12px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.profile-stat{align-items:center}.profile-bio{text-align:center}.profile-tabs-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:0 8px}.profile-tab{margin:0 12px;white-space:nowrap;padding:12px 0;font-size:14px;flex-shrink:0}.profile-content-grid{grid-template-columns:repeat(3,1fr);gap:2px}.profile-tab-content{padding:20px 0}.profile-tabs-nav{position:relative;z-index:2}.profile-tab-content{padding-top:28px;min-height:auto;position:relative;z-index:1}}@media(max-width:480px){.profile-stats{gap:20px}.profile-tab{margin:0 15px;font-size:14px}.profile-content-grid{gap:1px}}.profile-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.profile-error{text-align:center;padding:40px 20px;color:var(--error-color)}.invitation-link-section{background:var(--card-bg, #fff);border:1px solid var(--card-border, #e2e8f0);border-radius:12px;padding:20px;margin:20px 0;color:var(--text-color, #0f172a);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-wrap:break-word;word-wrap:break-word}.invitation-link-section h3{margin:0 0 16px;color:var(--text-color, #0f172a);font-size:1.286em;font-weight:600}.invitation-loading{text-align:center;padding:20px;color:var(--text-secondary, #64748b)}.invitation-error{background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);border:1px solid var(--border-color);color:var(--error-color);padding:12px;border-radius:8px;margin-bottom:16px}.invitation-status{margin-bottom:16px}.status-item{display:flex;align-items:center;gap:8px}.status-label{font-weight:500;color:var(--text-secondary);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.status-value{font-weight:600;padding:4px 12px;border-radius:6px;font-size:1em;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.status-active{background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:var(--success-color)}.status-inactive{background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:var(--primary-color)}.invitation-toggle{margin-bottom:20px;padding:16px;background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);border-radius:8px}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;margin-bottom:8px}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.toggle-description{margin:8px 0 0;font-size:.929em;color:var(--text-secondary);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);line-height:1.5}.invitation-link-display{margin-bottom:16px}.link-label{display:block;font-weight:500;margin-bottom:8px;color:var(--text-color, #0f172a)}.link-container{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;min-width:0}.link-input{flex:1;padding:10px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:1em;font-family:monospace;background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:var(--text-color, #0f172a);min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-input:focus{outline:none;border-color:var(--primary-color)}.invitation-actions{display:flex;gap:8px;margin-top:16px}.invitation-btn{padding:10px 16px;border:none;border-radius:6px;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.invitation-btn:disabled{opacity:.6;cursor:not-allowed}.invitation-btn-primary{background:var(--primary-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:#fff}.invitation-btn-primary:hover:not(:disabled){background:var(--primary-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.invitation-btn-secondary{background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:var(--text-color, #0f172a);border:1px solid var(--border-color, #e2e8f0)}.invitation-btn-secondary:hover:not(:disabled){background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.invitation-btn-warning{background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:var(--text-color);border:1px solid #fde68a}.invitation-btn-warning:hover:not(:disabled){background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.invitation-role-section{margin-bottom:20px;padding:16px;background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);border-radius:8px;border:1px solid var(--border-color, #e2e8f0);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.role-header h4{margin:0;font-size:1.143em;font-weight:600;color:var(--text-color, #0f172a)}.invitation-btn-small{padding:6px 12px;font-size:.857em}.no-link-message{color:var(--text-secondary);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-size:.929em;font-style:italic;padding:8px 0}.link-note{margin:8px 0 0;font-size:.857em;color:var(--text-secondary);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-style:italic}.invitation-btn-icon{padding:8px;border:none;border-radius:6px;background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:var(--text-color, #0f172a);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;flex-shrink:0}.invitation-btn-icon:hover:not(:disabled){background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);transform:translateY(-1px)}.invitation-btn-icon:disabled{opacity:.6;cursor:not-allowed}.invitation-btn-icon svg{width:20px;height:20px}.invitation-btn-delete{color:var(--error-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.invitation-btn-delete:hover:not(:disabled){background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:var(--error-color)}.spinning{animation:spin 1s linear infinite}@media(max-width:768px){.invitation-link-section{padding:12px;margin:12px 0;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.link-container{flex-direction:row;flex-wrap:nowrap;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}.link-input{width:auto!important;min-width:100px!important;max-width:100%!important;flex:1 1 auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;box-sizing:border-box!important}.invitation-btn-icon{flex-shrink:0!important;min-width:36px!important;width:36px!important}.invitation-btn{width:100%}.invitation-btn-small{width:auto}.invitation-role-section{width:100%!important;max-width:100%!important;padding:12px!important;overflow-x:hidden!important;box-sizing:border-box!important}}body.modal-open{overflow:hidden}.page-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:99999;display:flex;align-items:center;justify-content:center;padding:5px;overflow-y:auto;animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.page-modal-nested{z-index:199999;background:#000c}.page-modal-container{position:relative;width:100%;max-width:1400px;max-height:95vh;background:var(--bg-color, #fff);border-radius:12px;box-shadow:0 10px 40px #0000004d;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.page-modal-close-btn{position:absolute;top:12px;left:12px;width:40px;height:40px;background:var(--card-bg, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:50%;font-size:2em;line-height:1;color:var(--text-color, #333);cursor:pointer;z-index:100000;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.page-modal-close-btn:hover{background:var(--hover-bg, #e0e0e0);transform:rotate(90deg);box-shadow:0 4px 12px #00000026}.page-modal-close-btn:active{transform:rotate(90deg) scale(.95)}.page-modal-content{flex:1;overflow-y:auto;padding:0;position:relative}.page-modal-content::-webkit-scrollbar{width:8px}.page-modal-content::-webkit-scrollbar-track{background:var(--bg-color, #f1f1f1)}.page-modal-content::-webkit-scrollbar-thumb{background:var(--border-color, #888);border-radius:4px}.page-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-color, #555)}.seminary-profile-container{padding:16px;padding-top:var(--topbar-height, 64px);max-width:100%;margin:0 auto;background:var(--page-bg);min-height:100vh;color:var(--text-color);width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden;position:relative}.seminary-profile-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;color:var(--text-color);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;position:relative}.seminary-profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.seminary-profile-section-title{margin:0;color:var(--text-color)}.seminary-profile-small-btn{padding:4px 8px;font-size:.857em;border-radius:6px;background:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:all .2s ease}.seminary-profile-small-btn:hover{opacity:.9;transform:translateY(-1px)}.seminary-profile-social-links{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;max-width:100%;box-sizing:border-box;overflow:hidden}.seminary-profile-social-link{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--card-border);border-radius:8px;background:var(--page-bg);color:var(--text-color);text-decoration:none;transition:all .2s ease;flex-shrink:0;max-width:100%;box-sizing:border-box}.seminary-profile-social-link:hover{background:var(--input-bg);border-color:var(--primary-color)}.seminary-profile-social-link-icon{width:20px;height:20px;max-width:20px;max-height:20px;object-fit:contain;flex-shrink:0;display:block}.seminary-profile-social-link-text{font-size:1em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seminary-profile-user-section{margin-bottom:12px}.seminary-profile-user-section-title{font-weight:700;margin-bottom:8px}.seminary-profile-users-container{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;box-sizing:border-box;overflow:hidden}.seminary-profile-user-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--card-border);border-radius:999px;background:var(--page-bg);cursor:pointer;transition:all .2s ease;flex-shrink:0;max-width:100%;box-sizing:border-box}.seminary-profile-user-item:first-child,.seminary-profile-user-item:last-child,.seminary-profile-user-item:nth-child(n){display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--card-border);border-radius:999px;background:var(--page-bg);cursor:pointer;transition:all .2s ease;flex-shrink:0;max-width:100%;box-sizing:border-box}.seminary-profile-user-item:hover{background:var(--input-bg);border-color:var(--primary-color)}.seminary-profile-user-avatar,.seminary-profile-user-item:first-child .seminary-profile-user-avatar,.seminary-profile-user-item .seminary-profile-user-avatar{width:28px;height:28px;max-width:28px;max-height:28px;min-width:28px;min-height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block}.seminary-profile-user-name,.seminary-profile-user-item:first-child .seminary-profile-user-name,.seminary-profile-user-item .seminary-profile-user-name{font-size:.929em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seminary-profile-empty-state{color:var(--subtext-color);font-size:1em}@media(max-width:768px){.seminary-profile-container,.seminary-profile-container *,.seminary-profile-section,.seminary-profile-section *{max-width:100vw!important;box-sizing:border-box!important}.seminary-profile-container{padding-top:calc(var(--topbar-height, 64px) + 16px)!important;padding-left:8px!important;padding-right:8px!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;position:relative!important}.page-modal-content .seminary-profile-container,.page-modal-container .seminary-profile-container,.modal-content-box .seminary-profile-container{padding-top:16px!important;padding-left:8px!important;padding-right:8px!important;width:100%!important;max-width:100vw!important}.seminary-profile-container img,.seminary-profile-section img{max-width:100%!important;width:auto!important;height:auto!important;box-sizing:border-box!important;display:block!important}.seminary-profile-social-link-icon{max-width:100%!important;width:auto!important;height:auto!important;box-sizing:border-box!important;display:block!important;object-fit:contain!important}.seminary-profile-user-avatar{max-width:100%!important;width:28px!important;height:28px!important;box-sizing:border-box!important;display:block!important;object-fit:cover!important}.seminary-profile-section>h3:first-child+div>div:first-child img{max-width:100%!important;width:100%!important;height:auto!important;box-sizing:border-box!important;display:block!important}.seminary-profile-users-container .seminary-profile-user-avatar,.seminary-profile-user-item .seminary-profile-user-avatar,.seminary-profile-user-avatar{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;object-fit:cover!important;box-sizing:border-box!important;display:block!important;border-radius:50%!important}.seminary-profile-container section,.seminary-profile-section{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:visible!important;position:relative!important;padding:12px!important}.seminary-profile-container>div{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;position:relative!important}.seminary-profile-section-header{width:100%!important;max-width:100%!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important}.seminary-profile-social-links{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:visible!important;position:relative!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important}.seminary-profile-social-link{max-width:calc(100% - 4px)!important;min-width:0!important;flex:0 1 auto!important;box-sizing:border-box!important;overflow:hidden!important;position:relative!important;word-break:break-word!important}.seminary-profile-social-link-icon{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;min-width:20px!important;min-height:20px!important;flex-shrink:0!important;display:block!important;object-fit:contain!important}.seminary-profile-social-link-text{font-size:.857em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:1 1 auto!important;min-width:0!important;word-break:break-word!important}.seminary-profile-users-container{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:visible!important;position:relative!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important}.seminary-profile-user-item{max-width:calc(100% - 4px)!important;min-width:0!important;flex:0 1 auto!important;box-sizing:border-box!important;overflow:hidden!important;position:relative!important;word-break:break-word!important}.seminary-profile-user-avatar{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;min-width:28px!important;min-height:28px!important;flex-shrink:0!important;display:block!important;object-fit:cover!important}.seminary-profile-user-name{font-size:.857em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:1 1 auto!important;min-width:0!important;word-break:break-word!important}.seminary-profile-section>div,.seminary-profile-section>div>div{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important}}.page-modal-overlay .seminary-profile-container,.page-modal-container .seminary-profile-container,.modal-content-box .seminary-profile-container{max-width:100%!important;overflow-x:hidden!important}.page-modal-overlay .seminary-profile-social-link,.page-modal-container .seminary-profile-social-link,.modal-content-box .seminary-profile-social-link,.page-modal-overlay .seminary-profile-user-item,.page-modal-container .seminary-profile-user-item,.modal-content-box .seminary-profile-user-item,.invitation-link-section,.invitation-link-section *{max-width:100%!important;box-sizing:border-box!important}.invitation-link-section{width:100%!important;overflow-x:hidden!important;overflow-wrap:break-word!important;word-wrap:break-word!important}.invitation-role-section{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.link-container{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}.link-input{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.auth-page-wrapper{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background-image:url(/img/login.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}.auth-background-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172abf,#1e293bd9,#0f172abf);z-index:1}.forgot-password-container{position:relative;z-index:2;width:100%;max-width:520px;display:flex;align-items:center;justify-content:center}.forgot-password-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px 32px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;border:none;max-width:100%;width:100%;direction:rtl}.forgot-password-header{text-align:center;margin-bottom:32px}.forgot-password-header h1{font-size:2em;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.3}.forgot-password-header p{color:#64748b;font-size:1.143em;margin:0;font-weight:400}.method-selection h2{color:#0f172a;margin-bottom:24px;text-align:center;font-size:1.429em;font-weight:600}.method-options{display:flex;flex-direction:column;gap:16px}.method-btn{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;background:var(--bg-color, #ffffff);cursor:pointer;transition:all .2s ease;text-align:right;width:100%}.method-btn:hover:not(.disabled){border-color:var(--primary-color, #3b82f6);background:var(--bg-secondary, #f8fafc);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.method-btn.disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary, #f1f5f9)}.method-btn.disabled:hover{border-color:var(--border-color, #e2e8f0);background:var(--bg-secondary, #f1f5f9);transform:none}.method-icon{font-size:2rem;flex-shrink:0}.method-text{flex:1;text-align:right}.method-text h3{color:var(--text-primary, #1f2937);margin:0 0 4px;font-size:1.286em;font-weight:600}.method-text p{color:var(--text-secondary, #6b7280);margin:0;font-size:1em}.contact-input h2,.reset-password h2{color:var(--text-primary, #1f2937);margin-bottom:24px;text-align:center;font-size:1.429em;font-weight:600}.input-group{margin-bottom:20px}.input-group label{display:block;color:var(--text-primary, #1f2937);margin-bottom:8px;font-weight:500;font-size:1em}.input-group input{width:100%;padding:14px 18px;border:2px solid var(--border-color, #e2e8f0)!important;border-radius:12px;background:var(--bg-color, #ffffff);color:var(--text-primary, #1f2937);font-size:1.143em;transition:all .2s ease;box-sizing:border-box;font-family:inherit;direction:rtl}.input-group input::placeholder{color:var(--text-secondary, #6b7280)}.input-group input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 4px #3b82f61a}.input-group input:hover{border-color:var(--border-color, #e2e8f0)}.form-actions{display:flex;gap:12px;justify-content:space-between;margin-top:32px}.btn-primary,.btn-secondary{padding:14px 24px;border-radius:12px;font-size:1.143em;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;flex:1}.btn-primary{background:var(--gradient-primary, linear-gradient(135deg, #0b5cff 0%, #60a5fa 100%));color:var(--text-on-primary, #ffffff);box-shadow:0 4px 12px #0b5cff4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #0b5cff66;transform:translateY(-2px)}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-color, #ffffff);color:#0f172a;border:2px solid var(--border-color, #e2e8f0)}.btn-secondary:hover{background:var(--bg-secondary, #f8fafc);border-color:#cbd5e1}.forgot-password-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color, #e2e8f0)}.back-to-login{background:none;border:none;color:var(--primary-color, #3b82f6);cursor:pointer;font-size:1.143em;font-weight:500;text-decoration:none;transition:color .2s ease}.back-to-login:hover{color:var(--primary-color, #2563eb);text-decoration:underline}.message{padding:12px 16px;border-radius:10px;margin-bottom:24px;font-size:1em;text-align:right}.message.success{background:var(--success-color, #d1fae5);color:#065f46;border:1px solid #a7f3d0}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}@media(max-width:640px){.auth-page-wrapper{padding:16px;background-attachment:scroll;background-size:cover;background-position:center center}.forgot-password-card{padding:32px 24px;border-radius:20px}.forgot-password-header h1{font-size:1.714em}.forgot-password-header p{font-size:1em}.method-btn{padding:16px}.method-icon{font-size:1.5rem}.form-actions{flex-direction:column}.input-group input{padding:12px 16px;font-size:1.071em}.btn-primary,.btn-secondary{padding:12px 20px;font-size:1.071em}}@media(max-width:480px){.forgot-password-card{padding:28px 20px}.forgot-password-header h1{font-size:1.571em}.method-btn{padding:14px}}.notifications-messages-page{max-width:1200px;margin:0 auto;padding:44px 12px 12px;width:100%;box-sizing:border-box;overflow-x:hidden;min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa))}@media(min-width:768px){.notifications-messages-page{padding:20px}}.page-header{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px}@media(max-width:640px){.page-header{flex-direction:column;align-items:stretch}.page-header h1{width:100%;text-align:right}}.back-btn{background:var(--card-bg, #ffffff);border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:1em}.back-btn:hover{background:var(--input-bg, #f3f4f6)}.page-header h1{margin:0;flex:1}.mark-all-read-btn{background:var(--primary-color, #2563eb);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:1em}.mark-all-read-btn:hover{background:var(--primary-dark, #1d4ed8)}.main-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--border-color, #e5e7eb);overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}@media(max-width:640px){.main-tabs{gap:8px}.main-tab{padding:10px 16px;font-size:1em;white-space:nowrap}}.main-tab{background:none;border:none;padding:12px 24px;cursor:pointer;font-size:1.143em;color:#6b7280;border-bottom:3px solid transparent;transition:all .2s}.main-tab:hover{color:var(--primary-color, #2563eb)}.main-tab.active{color:var(--primary-color, #2563eb);border-bottom-color:var(--primary-color, #2563eb);font-weight:600}.notifications-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{background:var(--input-bg, #f3f4f6);border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:1em;transition:all .2s}.filter-btn.active{background:var(--primary-color, #2563eb);color:#fff}.notifications-container,.messages-container{display:flex;flex-direction:column;gap:15px}.notification-card{background:var(--card-bg, #ffffff);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:15px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px var(--card-border);box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.notification-card{flex-direction:row;padding:20px}}.notification-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px var(--card-border)}.notification-card.unread{font-weight:500}.notification-icon{font-size:1.714em;flex-shrink:0}.notification-content{flex:1}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.notification-header h3{margin:0;font-size:1.143em;font-weight:600}.notification-badges{display:flex;gap:8px}.new-badge,.priority-badge{padding:4px 8px;border-radius:4px;color:var(--card-bg, #ffffff);font-size:.857em;font-weight:600}.notification-text{margin:8px 0;color:var(--subtext-color, #6b7280);line-height:1.5}.notification-seminary{margin:8px 0;color:var(--subtext-color, #6b7280);font-size:1em;font-style:italic}.notification-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:.857em;color:var(--subtext-color, #6b7280)}.action-link{color:var(--primary-color, #2563eb);font-weight:500}.messages-search-container{margin-bottom:20px}.messages-search-box{position:relative;display:flex;align-items:center;background:var(--card-bg, #ffffff);border-radius:12px;border:2px solid var(--border-color, #e5e7eb);padding:12px 16px;transition:all .2s;box-shadow:0 1px 3px var(--card-border)}.messages-search-box:focus-within{border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:var(--subtext-color, #6b7280);flex-shrink:0;margin-left:8px}.messages-search-input{flex:1;border:none;outline:none;font-size:1.071em;color:var(--text-color, #1f2937);background:transparent;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.messages-search-input::placeholder{color:var(--subtext-color, #6b7280)}.search-clear-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--subtext-color, #6b7280);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;margin-right:4px}.search-clear-btn:hover{background:var(--input-bg, #f3f4f6);color:var(--subtext-color, #6b7280)}.search-scope-select-wrapper{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap;color:var(--subtext-color, #6b7280);font-size:1em}.search-scope-select-wrapper label{font-weight:600}.search-scope-select{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:6px 12px;font-size:1em;color:var(--text-color, #1f2937);cursor:pointer;transition:border-color .2s,box-shadow .2s;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.search-scope-select:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #3b82f626}.search-results-info{margin-top:12px;padding:8px 16px;font-size:1em;color:var(--subtext-color, #6b7280);text-align:right}.conversation-card{background:var(--card-bg, #ffffff);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px var(--card-border);box-sizing:border-box;width:100%;min-height:72px;border:1px solid var(--border-color, #e5e7eb)}.conversation-card:hover{background:var(--input-bg, #f3f4f6);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.conversation-card.unread{background:var(--card-bg, #ffffff);border-left:3px solid var(--primary-color, #2563eb)}.conversation-avatar{flex-shrink:0;position:relative}.conversation-avatar img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color, #e5e7eb)}.conversation-unread-badge{position:absolute;bottom:-2px;left:-2px;background:var(--error-color, #ef4444);color:var(--card-bg, #ffffff);border-radius:12px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.786em;font-weight:700;padding:0 6px;border:2px solid var(--card-bg, #ffffff);box-shadow:0 2px 4px var(--card-border)}.conversation-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.conversation-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.conversation-name{font-size:1.143em;font-weight:600;color:var(--text-color, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.929em;color:var(--subtext-color, #6b7280);white-space:nowrap;flex-shrink:0}.conversation-preview{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-title{font-size:1em;color:var(--subtext-color, #4b5563);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversation-status{flex-shrink:0;width:8px;height:8px;display:flex;align-items:center;justify-content:center}.conversation-status.unread-indicator{color:var(--primary-color, #2563eb);font-size:.714em}.message-footer{margin-top:8px}.message-time{font-size:.857em;color:var(--subtext-color, #6b7280)}.message-detail{background:var(--card-bg, #ffffff);border-radius:12px;padding:16px;box-shadow:0 1px 3px var(--card-border);box-sizing:border-box;width:100%;overflow:hidden}@media(min-width:768px){.message-detail{padding:30px}}.message-detail-header{display:flex;flex-direction:column;gap:15px;justify-content:space-between;align-items:stretch;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e5e7eb)}@media(min-width:768px){.message-detail-header{flex-direction:row;align-items:center;margin-bottom:30px}}.message-author{display:flex;gap:15px;align-items:center}.author-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.message-author h3{margin:0;font-size:1.286em;color:var(--text-color, #1f2937)}.message-date{color:var(--subtext-color, #6b7280);font-size:1em}.delete-btn{background:var(--error-color, #ef4444);color:var(--card-bg, #ffffff);border:none;padding:8px 16px;border-radius:8px;cursor:pointer}.delete-btn:hover{background:#dc2626}.message-detail-content h2{margin:0 0 20px;font-size:1.714em;color:var(--text-color, #1f2937)}.message-body{color:var(--text-color, #4b5563);line-height:1.8}.message-body p{margin:12px 0}.empty-state,.loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:1.143em}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}.page-btn{background:#f3f4f6;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:1em}.page-btn:hover:not(:disabled){background:#e5e7eb}.page-info{color:#6b7280;font-size:1em}.group-messages-tab{padding:20px}.groups-list{display:flex;flex-direction:column;gap:12px}.group-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;cursor:pointer;transition:all .2s ease}.group-card:hover{background:var(--card-hover-bg, #f9fafb);border-color:var(--primary-color, #3b82f6);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.group-card.unread{background:var(--unread-bg, #eff6ff);border-color:var(--primary-color, #3b82f6);border-width:2px}.group-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--icon-bg, #f3f4f6);border-radius:12px;flex-shrink:0;color:var(--text-secondary, #6b7280)}.group-icon svg{width:24px;height:24px}.group-info{flex:1;min-width:0}.group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.group-name{font-size:1.143em;font-weight:600;color:var(--text-primary, #111827)}.group-unread-badge{background:var(--primary-color, #3b82f6);color:#fff;font-size:.857em;font-weight:600;padding:4px 8px;border-radius:12px;min-width:24px;text-align:center}.group-preview{display:flex;align-items:center;justify-content:space-between;gap:12px}.group-last-message{font-size:1em;color:var(--text-secondary, #6b7280);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.group-last-time{font-size:.857em;color:var(--text-tertiary, #9ca3af);white-space:nowrap;flex-shrink:0}.seminary-filters{display:flex;gap:8px;padding:12px 0;margin-bottom:16px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-wrap:wrap}.seminary-filter-btn{background:var(--input-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);color:var(--text-secondary, #6b7280);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:500;transition:all .2s}.seminary-filter-btn:hover{background:var(--hover-bg, #e5e7eb);border-color:var(--primary-color, #3b82f6)}.seminary-filter-btn.active{background:var(--primary-color, #3b82f6);color:#fff;border-color:var(--primary-color, #3b82f6)}.group-name-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.group-seminary-badge{font-size:.786em;color:var(--text-tertiary, #9ca3af);background:var(--icon-bg, #f3f4f6);padding:2px 8px;border-radius:12px;white-space:nowrap}.group-message-detail{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 200px)}.group-message-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, #ffffff);position:sticky;top:0;z-index:10}.back-button{background:none;border:none;color:var(--primary-color, #3b82f6);cursor:pointer;font-size:1em;padding:8px 12px;border-radius:8px;transition:background .2s}.back-button:hover{background:var(--hover-bg, #f3f4f6)}.group-message-header h2{margin:0;font-size:1.286em;font-weight:600;color:var(--text-primary, #111827)}.send-message-btn{background:var(--primary-color, #3b82f6);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:background .2s}.send-message-btn:hover{background:var(--primary-hover, #2563eb)}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.pinned-messages-section{margin-bottom:24px}.section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--pinned-section-bg, #fef3c7);border-radius:8px;margin-bottom:12px;font-size:1em;font-weight:600;color:var(--text-primary, #111827)}.pin-icon{font-size:1.143em}.regular-messages-section{display:flex;flex-direction:column;gap:16px}.message-item{display:flex;gap:12px;padding:16px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;position:relative}.message-item.pinned{border-color:var(--primary-color, #3b82f6);border-width:2px;background:var(--pinned-bg, #eff6ff)}.message-item.unread{border-left:4px solid var(--primary-color, #3b82f6)}.pin-indicator{position:absolute;top:8px;right:8px;font-size:1.143em}.reply-preview{margin-bottom:12px;padding:12px;background:var(--reply-preview-bg, #f3f4f6);border-right:3px solid var(--primary-color, #3b82f6);border-radius:8px}.reply-preview-header{display:flex;align-items:center;gap:8px;font-size:.857em;color:var(--text-secondary, #6b7280);margin-bottom:4px}.reply-sender{font-weight:600;color:var(--primary-color, #3b82f6)}.reply-preview-text{font-size:.929em;color:var(--text-primary, #111827);line-height:1.5}.message-content{flex:1}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.message-sender{font-size:1em;font-weight:600;color:var(--text-primary, #111827)}.message-date{font-size:.857em;color:var(--text-tertiary, #9ca3af)}.message-text{font-size:1em;color:var(--text-primary, #111827);line-height:1.6;margin-bottom:12px;white-space:pre-wrap;word-wrap:break-word}.message-actions{display:flex;gap:8px}.reply-btn,.pin-btn{background:none;border:1px solid var(--border-color, #e5e7eb);color:var(--text-secondary, #6b7280);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.857em;transition:all .2s}.reply-btn:hover,.pin-btn:hover{background:var(--hover-bg, #f3f4f6);border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6)}.loading,.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary, #6b7280);font-size:1.143em}.reply-preview-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--reply-preview-bg, #f9fafb);border-top:1px solid var(--border-color, #e5e7eb)}.reply-preview-bar .reply-preview-content{flex:1;padding:8px 12px;background:var(--card-bg, #ffffff);border-right:3px solid var(--primary-color, #3b82f6);border-radius:8px}.reply-preview-bar .reply-preview-sender{font-size:.857em;font-weight:600;color:var(--primary-color, #3b82f6);margin-bottom:4px}.reply-preview-bar .reply-preview-text{font-size:.929em;color:var(--text-primary, #111827);line-height:1.4}.cancel-reply-btn{background:none;border:none;font-size:1.429em;color:var(--text-secondary, #6b7280);cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.cancel-reply-btn:hover{background:var(--hover-bg, #f3f4f6)}.message-input-container{display:flex;align-items:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, #ffffff);position:sticky;bottom:0;z-index:10}.message-input{flex:1;padding:12px 16px;border:1px solid var(--border-color, #e5e7eb);border-radius:24px;font-size:1em;font-family:inherit;resize:none;min-height:44px;max-height:120px;color:var(--text-primary, #111827);background:var(--input-bg, #f9fafb);line-height:1.5}.message-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);background:var(--input-bg-focus, #ffffff);box-shadow:0 0 0 3px #3b82f61a}.send-button{width:44px;height:44px;border-radius:50%;border:none;background:var(--primary-color, #3b82f6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-button:hover:not(:disabled){background:var(--primary-hover, #2563eb);transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}.conversation-page{display:flex;flex-direction:column;height:100vh;width:100vw;position:fixed;inset:0;z-index:1000;background:#e5ddd5;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);overflow:hidden}.conversation-header-bar{background:#2b2b2b;color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000004d;z-index:10;position:relative;min-height:56px}.conversation-user-info{flex:1;display:flex;align-items:center;gap:12px}.avatar-wrapper{position:relative;flex-shrink:0}.conversation-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.avatar-online-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #2b2b2b;background:#10b981;display:none;z-index:5}.avatar-online-status.online{display:block;box-shadow:0 0 8px #10b981cc;animation:pulse-online 2s ease-in-out infinite}@keyframes pulse-online{0%,to{box-shadow:0 0 8px #10b981cc}50%{box-shadow:0 0 12px #10b981}}.conversation-user-details h2{margin:0;font-size:16px;font-weight:600;color:#fff}.conversation-user-details .user-status{font-size:12px;color:#ffffffb3;margin-top:2px}.conversation-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 16px;display:flex;flex-direction:column;gap:8px;background:transparent;scroll-behavior:smooth}.conversation-messages::-webkit-scrollbar{width:6px}.conversation-messages::-webkit-scrollbar-track{background:transparent}.conversation-messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.conversation-messages::-webkit-scrollbar-thumb:hover{background:#0000004d}.message-bubble{display:flex;max-width:75%;animation:fadeIn .3s ease-in;word-wrap:break-word}.message-bubble.received{align-self:flex-start}.message-bubble.sent{align-self:flex-end;margin-left:auto}.message-bubble-content{padding:8px 12px;border-radius:7.5px;box-shadow:0 1px 2px #0000001a;position:relative}.message-bubble.received .message-bubble-content{background:#fff;border-radius:7.5px 7.5px 7.5px 0}.message-bubble.sent .message-bubble-content{background:#dcf8c6;border-radius:7.5px 7.5px 0}.message-bubble.unread .message-bubble-content{border-left:3px solid #ef4444}.message-bubble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:8px}.message-sender{font-size:13px;font-weight:600;opacity:.8;color:var(--text-primary)}.message-time{font-size:11px;opacity:.6;color:var(--text-secondary);white-space:nowrap}.message-text{font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary)}.message-bubble.sent .message-text,.message-bubble.received .message-text{color:#000}.delete-message-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s}.delete-message-btn:hover{opacity:1}.delete-message-btn:disabled{opacity:.3;cursor:wait}.unread-indicator{width:8px;height:8px;border-radius:50%;background-color:#ef4444;display:inline-block;flex-shrink:0}.conversation-input-container{background:#f0f0f0;border-top:1px solid rgba(0,0,0,.1);padding:8px 12px;box-shadow:0 -2px 8px #0000000d;position:relative}.conversation-input-form{display:flex;align-items:flex-end;gap:8px}.conversation-input-wrapper{flex:1;display:flex;align-items:flex-end;gap:8px;background:#fff;border-radius:20px;padding:6px 12px;min-height:44px}.conversation-content-input{flex:1;border:none;background:transparent;font-size:15px;font-family:inherit;resize:none;outline:none;max-height:120px;min-height:32px;line-height:1.5;color:var(--text-primary);padding:6px 0}.conversation-content-input::placeholder{color:var(--text-muted);opacity:.6}.conversation-content-input:disabled{opacity:.5;cursor:not-allowed}.conversation-emoji-btn{width:36px;height:36px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-secondary);transition:transform .2s;flex-shrink:0}.conversation-emoji-btn:hover{transform:scale(1.1)}.conversation-send-btn{width:36px;height:36px;background:var(--primary-color, #0088cc);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.conversation-send-btn:hover:not(:disabled){background:var(--primary-dark, #006ba3);transform:scale(1.05)}.conversation-send-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:scale(1);opacity:.5}.conversation-send-btn svg{width:18px;height:18px}.empty-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-secondary)}.empty-conversation p{font-size:14px;opacity:.7}.loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-secondary);font-size:14px}.conversation-page-close-btn{position:fixed;top:16px;left:16px;width:44px;height:44px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;line-height:1}.conversation-page-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.conversation-page-close-btn:active{transform:scale(.95)}@media(max-width:768px){.conversation-page{padding-top:0}.conversation-header-bar{padding-top:12px}.message-bubble{max-width:85%}.conversation-messages{padding:16px 12px}}.conversation-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.conversation-modal-overlay.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}.conversation-modal-overlay.show{display:flex!important;visibility:visible!important;pointer-events:auto!important}.conversation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff;min-height:56px}.conversation-modal-close{background:#f3f4f6;border:1px solid #d1d5db;padding:10px;cursor:pointer;color:#374151;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;width:44px;height:44px;min-width:44px;flex-shrink:0;font-size:20px;line-height:1}.conversation-modal-close:hover{background:#e5e7eb;color:#111827;transform:scale(1.1)}.conversation-modal-close:active{transform:scale(.95)}.conversation-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.conversation-modal-body .conversation-page{height:100%;display:flex;flex-direction:column}.conversation-modal-body .conversation-header-bar{padding-top:12px!important;flex-shrink:0}.conversation-modal-body .conversation-messages{flex:1;overflow-y:auto}.conversation-modal-body .conversation-input-container{flex-shrink:0}@media(max-width:768px){.conversation-modal-overlay{padding:0}.conversation-modal-content{max-width:100%;max-height:100vh;border-radius:0}}.my-classroom-exams-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:64px;display:flex;flex-direction:column;align-items:center}.my-classroom-exams-page.modal-mode{min-height:auto;padding-top:0;background-color:transparent}.my-classroom-exams-content{width:100%;max-width:1000px;padding:20px;margin-top:20px;margin-bottom:40px}.page-header h1{font-size:1.714em;color:var(--text-primary, #1f2937);margin:0;text-align:center;font-weight:700}.empty-state{text-align:center;padding:60px 20px;background:var(--card-bg, #ffffff);border-radius:12px;box-shadow:var(--card-shadow, 0 4px 12px rgba(0, 0, 0, .05))}.empty-state p{font-size:1.143em;color:var(--text-secondary, #6b7280);margin-bottom:24px}.error-message{color:var(--error-color, #ef4444);background-color:var(--error-bg, #fee2e2);border:1px solid var(--error-border, #fca5a5);padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center}.exams-list{display:flex;flex-direction:column;gap:16px}.exam-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:20px;box-shadow:var(--card-shadow, 0 4px 12px rgba(0, 0, 0, .05));transition:box-shadow .2s,transform .2s}.exam-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.exam-card-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e5e7eb)}.exam-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.exam-title h3{margin:0;font-size:1.286em;color:var(--text-primary, #1f2937);font-weight:600}.status-badge{padding:6px 12px;border-radius:20px;font-size:.857em;font-weight:600;color:#fff;white-space:nowrap}.exam-card-body{margin-bottom:16px}.exam-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.857em;color:var(--text-secondary, #6b7280);font-weight:500}.info-value{font-size:1em;color:var(--text-primary, #1f2937);font-weight:500}.exam-card-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-color, #e5e7eb)}.btn-primary{padding:10px 20px;background:var(--gradient-primary, linear-gradient(135deg, #0b5cff 0%, #60a5fa 100%));color:var(--text-on-primary, #ffffff);border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0b5cff33}.my-classroom-exams-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.my-classroom-exams-modal-content{background:var(--card-bg, #ffffff);border-radius:12px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;overflow:hidden}.my-classroom-exams-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, #ffffff)}.my-classroom-exams-modal-header h2{margin:0;font-size:1.429em;font-weight:700;color:var(--text-primary, #1f2937)}.my-classroom-exams-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary, #6b7280);transition:color .2s;display:flex;align-items:center;justify-content:center}.my-classroom-exams-modal-close:hover{color:var(--text-primary, #1f2937)}.my-classroom-exams-modal-body{flex:1;overflow-y:auto;padding:0}.my-classroom-exams-modal-body .my-classroom-exams-page{padding-top:0;min-height:auto}.my-classroom-exams-modal-body .my-classroom-exams-content{margin-top:0;margin-bottom:0;padding:20px 24px}.my-classroom-exams-modal-body .page-header,.my-classroom-exams-modal-body .back-btn{display:none}.showcase-hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:visible;padding:1rem;background:var(--hero-bg, linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 50%, var(--primary-light) 100%))}.showcase-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,var(--hero-glow-1, rgba(59, 130, 246, .3)) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,var(--hero-glow-2, rgba(139, 92, 246, .25)) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 40% 80%,var(--hero-glow-3, rgba(16, 185, 129, .2)) 0%,transparent 50%);animation:aurora 15s ease-in-out infinite;pointer-events:none}@keyframes aurora{0%,to{opacity:1;transform:scale(1) rotate(0)}25%{opacity:.8;transform:scale(1.05) rotate(1deg)}50%{opacity:1;transform:scale(1.1) rotate(-1deg)}75%{opacity:.9;transform:scale(1.02) rotate(.5deg)}}.showcase-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.3),transparent);background-size:200px 200px;animation:particles 20s linear infinite;pointer-events:none}@keyframes particles{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.showcase-hero-content{position:relative;z-index:10;text-align:center;max-width:900px;padding:2rem;background:var(--glass-bg, rgba(255, 255, 255, .05));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));box-shadow:0 20px 40px -12px #00000059,inset 0 1px #ffffff1a;animation:hero-appear 1s cubic-bezier(.16,1,.3,1) both}@keyframes hero-appear{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.showcase-hero-icon{width:100px;height:100px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary, linear-gradient(135deg, #3b82f6, #8b5cf6));border-radius:28px;box-shadow:0 20px 40px -10px var(--primary-color, rgba(59, 130, 246, .5)),0 0 60px -10px var(--primary-color, rgba(59, 130, 246, .3));animation:icon-float 4s ease-in-out infinite,icon-appear .8s cubic-bezier(.16,1,.3,1) .2s both;position:relative}.showcase-hero-icon:before{content:"";position:absolute;inset:-4px;background:var(--gradient-primary, linear-gradient(135deg, #3b82f6, #8b5cf6));border-radius:30px;z-index:-1;opacity:.5;filter:blur(15px);animation:pulse-glow 3s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes icon-appear{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.showcase-hero-icon svg{width:50px;height:50px;stroke:#fff;stroke-width:1.5}.showcase-hero-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;margin:0 0 1rem;color:#fff;letter-spacing:-.02em;line-height:1.2;animation:text-appear .8s cubic-bezier(.16,1,.3,1) .3s both}.showcase-hero-title span{background:var(--gradient-primary, linear-gradient(135deg, #60a5fa, #a78bfa, #34d399));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradient-flow 4s ease-in-out infinite}@keyframes gradient-flow{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes text-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.showcase-hero-subtitle{font-size:clamp(1.1rem,3vw,1.5rem);margin:0 0 1rem;color:#ffffffe6;font-weight:500;animation:text-appear .8s cubic-bezier(.16,1,.3,1) .4s both}.showcase-hero-description{font-size:clamp(.95rem,2vw,1.1rem);margin:0 0 2.5rem;color:#ffffffb3;line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto;animation:text-appear .8s cubic-bezier(.16,1,.3,1) .5s both}.showcase-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:text-appear .8s cubic-bezier(.16,1,.3,1) .6s both}.showcase-hero-btn-primary{position:relative;padding:16px 36px;font-size:1.05rem;font-weight:700;color:#fff;background:var(--gradient-primary, linear-gradient(135deg, #3b82f6, #8b5cf6));border:none;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 30px -5px var(--primary-color, rgba(59, 130, 246, .4)),0 0 0 0 transparent}.showcase-hero-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.showcase-hero-btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px -10px var(--primary-color, rgba(59, 130, 246, .5)),0 0 0 4px #ffffff1a}.showcase-hero-btn-primary:hover:before{left:100%}.showcase-hero-btn-primary:active{transform:translateY(-2px) scale(1)}.showcase-hero-btn-secondary{position:relative;padding:16px 36px;font-size:1.05rem;font-weight:600;color:#fff;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.showcase-hero-btn-secondary:before{content:"";position:absolute;inset:0;background:var(--gradient-primary, linear-gradient(135deg, #3b82f6, #8b5cf6));opacity:0;transition:opacity .3s ease;z-index:-1}.showcase-hero-btn-secondary:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 15px 35px -10px #0000004d}.showcase-hero-btn-secondary:hover:before{opacity:1}.showcase-hero-btn-switch{padding:16px 28px;font-size:.95rem;font-weight:600;color:#fffc;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .3s ease}.showcase-hero-btn-switch:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.showcase-hero-scroll{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff80;font-size:.85rem;animation:fade-in-up 1s ease 1.2s both;cursor:pointer;transition:color .3s ease;z-index:20}.showcase-hero-scroll:hover{color:#fffc}.showcase-hero-scroll .scroll-icon{width:28px;height:44px;border:2px solid currentColor;border-radius:14px;position:relative}.showcase-hero-scroll .scroll-icon:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:8px;background:currentColor;border-radius:2px;animation:scroll-bounce 1.5s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(12px);opacity:.3}}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.showcase-hero-features{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:2rem;animation:text-appear .8s cubic-bezier(.16,1,.3,1) .7s both}.feature-pill{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:.9rem;color:#ffffffd9;transition:all .3s ease}.feature-pill:hover{background:#ffffff26;transform:translateY(-2px)}.feature-pill svg{width:18px;height:18px}@media(max-width:768px){.showcase-hero{min-height:100svh;padding:1rem}.showcase-hero-content{padding:2rem 1.5rem;border-radius:24px;margin:0 .5rem}.showcase-hero-icon{width:80px;height:80px;border-radius:22px;margin-bottom:1.5rem}.showcase-hero-icon svg{width:40px;height:40px}.showcase-hero-description{margin-bottom:2rem}.showcase-hero-actions{flex-direction:column;gap:12px}.showcase-hero-btn-primary,.showcase-hero-btn-secondary,.showcase-hero-btn-switch{width:100%;padding:14px 24px}.showcase-hero-scroll{bottom:0}.showcase-hero-features{gap:8px}.feature-pill{padding:8px 14px;font-size:.8rem}}@media(max-width:480px){.showcase-hero-content{padding:1.5rem 1rem;border-radius:20px}.showcase-hero-icon{width:70px;height:70px}.showcase-hero-btn-primary,.showcase-hero-btn-secondary{font-size:.95rem;padding:12px 20px}.feature-pill{font-size:.75rem;padding:6px 12px}}[data-theme=ocean] .showcase-hero{--hero-bg: linear-gradient(135deg, #0c1426 0%, #1a365d 50%, #0c1426 100%);--hero-glow-1: rgba(56, 189, 248, .35);--hero-glow-2: rgba(34, 211, 238, .25);--hero-glow-3: rgba(59, 130, 246, .2)}[data-theme=forest] .showcase-hero{--hero-bg: linear-gradient(135deg, #0a1612 0%, #1a2f25 50%, #0a1612 100%);--hero-glow-1: rgba(34, 197, 94, .35);--hero-glow-2: rgba(16, 185, 129, .25);--hero-glow-3: rgba(52, 211, 153, .2)}[data-theme=sunset] .showcase-hero{--hero-bg: linear-gradient(135deg, #1a0a0f 0%, #2d1a21 50%, #1a0a0f 100%);--hero-glow-1: rgba(251, 146, 60, .35);--hero-glow-2: rgba(236, 72, 153, .25);--hero-glow-3: rgba(245, 158, 11, .2)}[data-theme=royal] .showcase-hero{--hero-bg: linear-gradient(135deg, #110a1a 0%, #1e1433 50%, #110a1a 100%);--hero-glow-1: rgba(168, 85, 247, .35);--hero-glow-2: rgba(139, 92, 246, .25);--hero-glow-3: rgba(192, 132, 252, .2)}[data-theme=cherry] .showcase-hero{--hero-bg: linear-gradient(135deg, #1a0812 0%, #2d1422 50%, #1a0812 100%);--hero-glow-1: rgba(244, 63, 94, .35);--hero-glow-2: rgba(236, 72, 153, .25);--hero-glow-3: rgba(251, 113, 133, .2)}[data-theme=midnight] .showcase-hero{--hero-bg: linear-gradient(135deg, #030712 0%, #111827 50%, #030712 100%);--hero-glow-1: rgba(99, 102, 241, .35);--hero-glow-2: rgba(79, 70, 229, .25);--hero-glow-3: rgba(129, 140, 248, .2)}[data-theme=light] .showcase-hero{--hero-bg: linear-gradient(135deg, #f0f4ff 0%, #e0e7ff 50%, #f0f4ff 100%);--hero-glow-1: rgba(59, 130, 246, .15);--hero-glow-2: rgba(139, 92, 246, .1);--hero-glow-3: rgba(16, 185, 129, .08)}[data-theme=light] .showcase-hero-content{background:#fffc;border-color:#00000014;box-shadow:0 25px 50px -12px #00000026,inset 0 1px #fff}[data-theme=light] .showcase-hero-title{color:#1e293b}[data-theme=light] .showcase-hero-subtitle{color:#334155}[data-theme=light] .showcase-hero-description{color:#64748b}[data-theme=light] .showcase-hero-btn-secondary{color:#1e293b;background:#0000000d;border-color:#0000001a}[data-theme=light] .showcase-hero-btn-switch{color:#475569;background:#00000008;border-color:#00000014}[data-theme=light] .feature-pill{color:#475569;background:#0000000a;border-color:#00000014}[data-theme=light] .showcase-hero-scroll{color:#94a3b8}[data-theme=light] .showcase-hero:after{background-image:radial-gradient(2px 2px at 20px 30px,rgba(0,0,0,.1),transparent),radial-gradient(2px 2px at 40px 70px,rgba(0,0,0,.08),transparent),radial-gradient(1px 1px at 90px 40px,rgba(0,0,0,.12),transparent),radial-gradient(2px 2px at 130px 80px,rgba(0,0,0,.08),transparent),radial-gradient(1px 1px at 160px 120px,rgba(0,0,0,.1),transparent)}.showcase-search{background:var(--card-bg, #ffffff);border-bottom:1px solid var(--border-color, #e5e7eb);padding:1.5rem 1rem}.showcase-search-content{max-width:1200px;margin:0 auto}.search-form{display:flex;gap:.5rem}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.search-input{flex:1;padding:.75rem 3.5rem .75rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1rem;transition:border-color .2s;background:var(--input-bg, #ffffff);color:var(--text-primary, #1f2937);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.search-input:focus{outline:none;border-color:var(--primary-color, #2563eb)}.search-button{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);padding:.5rem;background:transparent;color:var(--text-secondary, #6b7280);border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-button:hover{background:var(--input-bg, #f8f9fa);color:var(--primary-color, #2563eb)}.search-button:active{transform:translateY(-50%) scale(.95)}.search-button svg{width:20px;height:20px}@media(max-width:768px){.search-input{padding:.75rem 3rem .75rem .875rem}.search-button{left:.375rem;padding:.375rem}.search-button svg{width:18px;height:18px}}.showcase-tabs{background:var(--card-bg, #ffffff);border-bottom:1px solid var(--border-color, #e5e7eb);padding:0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #00000014}.showcase-tabs-content{max-width:1200px;margin:0 auto;display:flex;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.showcase-tabs-content::-webkit-scrollbar{display:none}.showcase-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:1.25rem 2rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:1.1rem;font-weight:600;color:var(--text-secondary, #64748b);transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);position:relative;letter-spacing:.01em}.showcase-tab:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:40%;height:2px;background:var(--primary-color, #2563eb);transition:transform .25s cubic-bezier(.4,0,.2,1)}.showcase-tab:hover{color:var(--primary-color, #2563eb);background:#2563eb0a}.showcase-tab:hover:before{transform:translate(-50%) scaleX(1)}.showcase-tab.active{color:var(--primary-color, #2563eb);font-weight:600;background:#2563eb0f}.showcase-tab.active:before{transform:translate(-50%) scaleX(1)}.tab-label{font-size:1.05rem;line-height:1.5;font-weight:600}@media(max-width:768px){.showcase-tab{padding:1rem 1.25rem;font-size:1rem}.tab-label{font-size:1rem}}@media(max-width:480px){.showcase-tab{padding:.875rem 1rem;font-size:.85rem}}.showcase-card{background:var(--card-bg, #ffffff);border-radius:12px;padding:1rem 1.25rem 1rem 4.5rem;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;border:1px solid var(--border-color, #e5e7eb);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);position:relative;overflow:hidden;max-width:100%;box-sizing:border-box}.showcase-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:transparent;transition:background .25s ease}.showcase-card:hover{background:var(--input-bg, #f8f9fa);border-color:var(--primary-color, #2563eb);box-shadow:0 4px 12px #2563eb26,0 2px 4px #00000014;transform:translate(-2px)}.showcase-card:hover:before{background:var(--primary-color, #2563eb)}.card-header{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.card-icon{font-size:2rem;flex-shrink:0}.card-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--border-light, #f3f4f6);border:3px solid var(--card-bg, #ffffff);transition:all .25s ease;box-shadow:0 2px 8px #0000001a,0 0 0 2px var(--card-bg, #ffffff);position:relative;z-index:1;margin-left:.75rem;cursor:pointer}@media(max-width:768px){.card-avatar{width:60px;height:60px;margin-left:.5rem}}.showcase-card:hover .card-avatar{border-color:var(--primary-color, #2563eb);box-shadow:0 4px 12px #2563eb40,0 0 0 2px var(--card-bg, #ffffff);transform:scale(1.05)}.card-avatar img{width:100%;height:100%;object-fit:cover;cursor:pointer}.card-image{width:100%;height:150px;border-radius:8px;overflow:hidden;background:var(--border-light, #f3f4f6);flex-shrink:0}.seminary-card .card-image{margin-bottom:.5rem}.card-image img{width:100%;height:100%;object-fit:cover}.card-content{display:flex;flex-direction:row;align-items:center;flex:1;min-width:0;gap:1rem;justify-content:space-between}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary, #1f2937);line-height:1.4;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s ease;min-width:0;padding-left:72px}.showcase-card:hover .card-title{color:var(--primary-color, #2563eb)}.card-seminary{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--border-light, #f3f4f6);border-radius:6px;font-size:.9rem;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.seminary-badge{color:var(--text-secondary, #6b7280);font-weight:500}.seminary-name{color:var(--primary-color, #2563eb);font-weight:500}.card-description{color:var(--text-secondary, #6b7280);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.card-stats{display:flex;align-items:center;gap:.5rem;flex-shrink:0;position:absolute;left:12px;top:12px;transform:none;flex-direction:column;align-items:flex-start;z-index:3}.card-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0;background:none!important;border:none!important;min-width:auto;box-shadow:none!important}.card-stats .stat-value{font-size:1.1rem;font-weight:700;color:var(--primary-color, #2563eb);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);line-height:1.2}.card-stats .stat-label{font-size:.8rem;color:var(--text-secondary, #6b7280);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-weight:500;white-space:nowrap}.card-seminaries-list{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e5e7eb)}.seminaries-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:.5rem;text-align:right;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.seminaries-tags{display:flex;flex-wrap:wrap;gap:.5rem;direction:rtl}.seminary-tag{display:inline-block;padding:.375rem .75rem;background:var(--border-light, #f3f4f6);color:var(--text-primary, #1f2937);border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid var(--border-color, #e5e7eb);transition:all .2s;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);white-space:nowrap}.seminary-tag:hover{background:var(--primary-color, #2563eb);color:#fff;border-color:var(--primary-color, #2563eb)}@media(max-width:768px){.showcase-card{padding:.875rem 1rem .875rem 3.25rem;min-height:70px;gap:.75rem;overflow:hidden}.card-avatar{width:60px;height:60px;margin-left:.5rem}.card-content{gap:.75rem}.card-title{font-size:.95rem;font-weight:600;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.seminary-card .card-title{font-size:.9rem;max-width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-stats{gap:.5rem}.card-stats .stat-item{padding:0;min-width:auto}.card-stats .stat-value{font-size:.9rem}.card-stats .stat-label{font-size:.7rem}.seminary-tag{font-size:.75rem;padding:.3rem .6rem}.seminaries-label{font-size:.7rem}}.showcase-statistics{background:var(--card-bg, #ffffff);border-bottom:1px solid var(--border-color, #e5e7eb);padding:2rem 1rem}.showcase-statistics-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;text-align:center}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color, #2563eb);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.stat-label{font-size:.9rem;color:var(--text-secondary, #6b7280);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}@media(max-width:768px){.showcase-statistics-content{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-value{font-size:1.5rem}}.showcase-page{min-height:100vh;background:var(--page-bg);padding-bottom:4rem;padding-top:0;position:relative;overflow-x:hidden}.showcase-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.showcase-loading .loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.showcase-loading p{color:var(--text-secondary);font-size:1rem;margin:0;animation:pulse 1.5s ease-in-out infinite}.showcase-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;text-align:center;padding:2rem}.showcase-error p{color:var(--error-color);font-size:1.1rem;margin:0}.showcase-error button{padding:12px 28px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-primary)}.showcase-error button:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px var(--primary-color)}.showcase-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center;padding:4rem 2rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin:2rem 1rem}.showcase-empty:before{content:"📭";font-size:4rem;margin-bottom:1rem}.showcase-empty p{color:var(--text-secondary);font-size:1.2rem;margin:0}.showcase-content{max-width:1400px;margin:0 auto;padding:0 1.5rem;overflow-x:hidden;box-sizing:border-box}.showcase-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem;width:100%;animation:fade-in-up .6s ease-out}@media(min-width:768px){.showcase-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1200px){.showcase-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.showcase-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.showcase-card:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.showcase-card:hover:before{transform:scaleX(1)}.card-avatar{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--border-color);transition:all .3s ease}.showcase-card:hover .card-avatar{border-color:var(--primary-color);transform:scale(1.05)}.card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.card-subtitle{font-size:.85rem;color:var(--text-secondary);margin:4px 0 0}.card-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.card-stats .stat-item{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-secondary);border-radius:var(--radius-full);font-size:.8rem}.card-stats .stat-value{font-weight:700;color:var(--primary-color)}.card-stats .stat-label{color:var(--text-muted)}.showcase-pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:3rem;padding:1.5rem}.showcase-pagination button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease}.showcase-pagination button:hover:not(:disabled){background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-primary)}.showcase-pagination button:disabled{opacity:.4;cursor:not-allowed}.showcase-pagination span{color:var(--text-secondary);font-size:.95rem;font-weight:500;padding:10px 20px;background:var(--bg-secondary);border-radius:var(--radius-md)}@media(max-width:768px){.showcase-content{padding:0 1rem}.showcase-grid{gap:.875rem;margin-top:1.5rem}.showcase-card{padding:1rem;border-radius:var(--radius-md)}.card-avatar{width:48px;height:48px}.card-title{font-size:.95rem}.card-stats{gap:6px}.card-stats .stat-item{padding:3px 8px;font-size:.75rem}.showcase-pagination{gap:1rem;flex-wrap:wrap}.showcase-pagination button{padding:10px 18px;font-size:.9rem}.showcase-pagination span{width:100%;text-align:center;order:-1}}@media(max-width:480px){.showcase-content{padding:0 .75rem}.showcase-card{padding:.875rem}.card-avatar{width:42px;height:42px}.card-title{font-size:.9rem}.showcase-pagination button{padding:8px 14px;font-size:.85rem}}.showcase-welcome-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;gap:12px}.welcome-content{display:flex;align-items:center;gap:12px}.welcome-actions{display:flex;align-items:center;gap:8px}.welcome-action-icon{background:var(--primary-color);border:1px solid var(--border-color);color:#fff;padding:8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.switch-user-btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary-color);color:#fff;padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:600}@media(max-width:768px){.showcase-welcome-header{padding:.5rem 1rem}}.badge-small{display:inline-flex;align-items:center;justify-content:center;background:var(--error-color, #ef4444);color:#fff;border-radius:10px;padding:2px 6px;font-size:.75rem;font-weight:700;position:absolute;top:-6px;right:-6px;z-index:10}.showcase-grid>*:nth-child(1){animation-delay:.05s}.showcase-grid>*:nth-child(2){animation-delay:.1s}.showcase-grid>*:nth-child(3){animation-delay:.15s}.showcase-grid>*:nth-child(4){animation-delay:.2s}.showcase-grid>*:nth-child(5){animation-delay:.25s}.showcase-grid>*:nth-child(6){animation-delay:.3s}.showcase-grid>*:nth-child(7){animation-delay:.35s}.showcase-grid>*:nth-child(8){animation-delay:.4s}.showcase-grid>*:nth-child(9){animation-delay:.45s}.showcase-grid>*:nth-child(10){animation-delay:.5s}.showcase-grid>*:nth-child(11){animation-delay:.55s}.showcase-grid>*:nth-child(12){animation-delay:.6s}.showcase-grid>*{animation:card-appear .5s ease-out both}@keyframes card-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--show-gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--show-gradient-card: linear-gradient(145deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.05) 100%);--show-gradient-glow: radial-gradient(circle at 50% 50%, rgba(102, 126, 234, .4) 0%, transparent 70%);--show-gradient-mesh: radial-gradient(at 40% 20%, rgba(102, 126, 234, .3) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(118, 75, 162, .3) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(240, 147, 251, .3) 0px, transparent 50%), radial-gradient(at 80% 50%, rgba(102, 126, 234, .2) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(118, 75, 162, .3) 0px, transparent 50%), radial-gradient(at 80% 100%, rgba(240, 147, 251, .2) 0px, transparent 50%);--show-glass-bg: rgba(255, 255, 255, .08);--show-glass-border: rgba(255, 255, 255, .15);--show-glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--show-glass-blur: 20px;--show-card-radius: 24px;--show-card-padding: 28px;--show-card-hover-lift: -8px;--show-card-hover-shadow: 0 30px 60px rgba(0, 0, 0, .2);--show-transition-fast: .25s;--show-transition-normal: .4s;--show-transition-slow: .6s;--show-section-gap: 80px;--show-card-gap: 24px}[data-theme=light]{--show-glass-bg: rgba(255, 255, 255, .7);--show-glass-border: rgba(0, 0, 0, .08);--show-glass-shadow: 0 8px 32px rgba(0, 0, 0, .05)}@keyframes show-fade-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes show-slide-up{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes show-zoom-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes show-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(2deg)}50%{transform:translateY(-5px) rotate(0)}75%{transform:translateY(-20px) rotate(-2deg)}}@keyframes show-glow{0%,to{filter:drop-shadow(0 0 20px rgba(102,126,234,.4))}50%{filter:drop-shadow(0 0 40px rgba(102,126,234,.8))}}@keyframes show-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes show-gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes show-pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@keyframes show-bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes show-rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes show-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}@keyframes show-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes show-particle-float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(20px);opacity:0}}@keyframes show-text-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes show-border-dance{0%,to{border-color:#667eea4d}25%{border-color:#764ba24d}50%{border-color:#f093fb4d}75%{border-color:#667eea4d}}@keyframes show-card-entrance{0%{opacity:0;transform:translateY(50px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes show-ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}.showcase-page{min-height:100vh;background:var(--page-bg);position:relative;overflow-x:hidden;padding-bottom:100px}.showcase-page:before{content:"";position:fixed;inset:0;background:var(--show-gradient-mesh);opacity:.6;pointer-events:none;z-index:0}.showcase-page:after{content:"";position:fixed;inset:0;background-image:radial-gradient(2px 2px at 10% 10%,rgba(255,255,255,.3) 1px,transparent 0),radial-gradient(2px 2px at 30% 30%,rgba(255,255,255,.2) 1px,transparent 0),radial-gradient(2px 2px at 50% 50%,rgba(255,255,255,.3) 1px,transparent 0),radial-gradient(2px 2px at 70% 70%,rgba(255,255,255,.2) 1px,transparent 0),radial-gradient(2px 2px at 90% 90%,rgba(255,255,255,.3) 1px,transparent 0);background-size:100px 100px;animation:show-float 20s ease-in-out infinite;pointer-events:none;z-index:0}.showcase-page.has-ad-banner{padding-top:var(--ad-banner-height-desktop, 120px)}@media(max-width:768px){.showcase-page.has-ad-banner{padding-top:var(--ad-banner-height-mobile, 60px)}}.showcase-hero{position:relative;padding:10px 24px 20px;text-align:center;z-index:1}.showcase-welcome-header{position:relative;z-index:10;margin:8px 0;padding:16px;background:var(--primary-light);border:1px solid var(--card-border);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 12px #0000000d;animation:slideDown .36s ease-out}.welcome-content{display:flex;align-items:center;gap:16px}.welcome-avatar{width:64px;height:64px;border-radius:12px;overflow:hidden;flex-shrink:0;border:2px solid var(--primary-color);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.welcome-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,var(--primary-color-dark, #764ba2) 100%);color:#fff}.welcome-text h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.welcome-greeting{margin:0 0 4px;font-size:14px;color:var(--text-secondary);font-weight:500}.switch-user-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--primary-color);background:transparent;color:var(--primary-color);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.switch-user-btn:hover{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.switch-user-btn:active{transform:translateY(0)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.showcase-hero:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;background:var(--show-gradient-glow);transform:translate(-50%,-50%);filter:blur(80px);opacity:.5;pointer-events:none;animation:show-morph 15s ease-in-out infinite}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--show-glass-bg);backdrop-filter:blur(var(--show-glass-blur));-webkit-backdrop-filter:blur(var(--show-glass-blur));border:1px solid var(--show-glass-border);border-radius:50px;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:24px;animation:show-fade-in .6s ease-out}.hero-badge-icon{font-size:1.2rem;animation:show-bounce-subtle 2s ease-in-out infinite}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;color:var(--text-primary);margin:0 0 20px;line-height:1.2;animation:show-fade-in .6s ease-out .1s both}.hero-title-gradient{background:var(--show-gradient-hero);background-size:200% 200%;animation:show-gradient-rotate 5s ease infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--text-secondary);max-width:600px;margin:0 auto 40px;line-height:1.7;animation:show-fade-in .6s ease-out .2s both}.hero-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;animation:show-fade-in .6s ease-out .3s both}.hero-stat{text-align:center;padding:20px;background:var(--show-glass-bg);backdrop-filter:blur(var(--show-glass-blur));-webkit-backdrop-filter:blur(var(--show-glass-blur));border:1px solid var(--show-glass-border);border-radius:20px;min-width:120px;transition:all var(--show-transition-normal) ease}.hero-stat:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 20px 40px #0000001a}.hero-stat-value{font-size:2.5rem;font-weight:800;background:var(--show-gradient-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;line-height:1.2}.hero-stat-label{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.showcase-filters{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:10}.filters-container{display:flex;gap:16px;flex-wrap:wrap;padding:20px;background:var(--show-glass-bg);backdrop-filter:blur(var(--show-glass-blur));-webkit-backdrop-filter:blur(var(--show-glass-blur));border:1px solid var(--show-glass-border);border-radius:var(--show-card-radius);animation:show-fade-in .6s ease-out .4s both}.showcase-search{flex:1;min-width:280px;position:relative}.search-input-container{position:relative}.showcase-search-input{width:100%;padding:16px 48px 16px 20px;font-size:1rem;font-family:inherit;background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;color:var(--text-primary);transition:all var(--show-transition-normal) ease;box-sizing:border-box}.showcase-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26}.showcase-search-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color var(--show-transition-fast) ease}.showcase-search-input:focus+.search-icon{color:var(--primary-color)}.filter-buttons{display:flex;gap:12px;flex-wrap:wrap}.filter-btn{padding:14px 24px;font-size:.95rem;font-weight:600;font-family:inherit;background:var(--card-bg);border:2px solid var(--border-color);border-radius:14px;color:var(--text-primary);cursor:pointer;transition:all var(--show-transition-normal) ease;display:flex;align-items:center;gap:8px;white-space:nowrap;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#667eea1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.filter-btn:hover{border-color:var(--primary-color);transform:translateY(-2px)}.filter-btn:hover:before{width:300%;height:300%}.filter-btn.active{background:var(--show-gradient-hero);background-size:200% 200%;animation:show-gradient-rotate 5s ease infinite;border-color:transparent;color:#fff;box-shadow:0 8px 24px #667eea4d}.filter-btn-icon{font-size:1.2rem}.sort-dropdown{position:relative}.sort-select{padding:14px 44px 14px 20px;font-size:.95rem;font-weight:600;font-family:inherit;background:var(--card-bg);border:2px solid var(--border-color);border-radius:14px;color:var(--text-primary);cursor:pointer;appearance:none;transition:all var(--show-transition-normal) ease}.sort-select:focus{outline:none;border-color:var(--primary-color)}.sort-dropdown:after{content:"▼";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--text-muted);pointer-events:none}.showcase-content{max-width:1400px;margin:0 auto;padding:40px 24px;position:relative;z-index:1}.showcase-section-title{display:flex;align-items:center;gap:16px;margin-bottom:32px;animation:show-fade-in .6s ease-out}.section-icon{width:56px;height:56px;background:var(--show-gradient-hero);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 8px 24px #667eea4d}.section-text h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.section-text p{font-size:.95rem;color:var(--text-secondary);margin:0}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--show-card-gap);perspective:1000px}@media(max-width:768px){.showcase-grid{grid-template-columns:1fr;gap:20px}}.showcase-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--show-card-radius);overflow:hidden;cursor:pointer;transition:all var(--show-transition-normal) cubic-bezier(.4,0,.2,1);position:relative;animation:show-card-entrance .6s ease-out both;transform-style:preserve-3d}.showcase-grid .showcase-card:nth-child(1){animation-delay:.05s}.showcase-grid .showcase-card:nth-child(2){animation-delay:.1s}.showcase-grid .showcase-card:nth-child(3){animation-delay:.15s}.showcase-grid .showcase-card:nth-child(4){animation-delay:.2s}.showcase-grid .showcase-card:nth-child(5){animation-delay:.25s}.showcase-grid .showcase-card:nth-child(6){animation-delay:.3s}.showcase-grid .showcase-card:nth-child(7){animation-delay:.35s}.showcase-grid .showcase-card:nth-child(8){animation-delay:.4s}.showcase-grid .showcase-card:nth-child(9){animation-delay:.45s}.showcase-grid .showcase-card:nth-child(10){animation-delay:.5s}.showcase-grid .showcase-card:nth-child(11){animation-delay:.55s}.showcase-grid .showcase-card:nth-child(12){animation-delay:.6s}.showcase-card:before{content:"";position:absolute;inset:0;background:var(--show-gradient-hero);opacity:0;transition:opacity var(--show-transition-normal) ease;z-index:0}.showcase-card:after{content:"";position:absolute;inset:-2px;background:var(--show-gradient-hero);background-size:400% 400%;border-radius:calc(var(--show-card-radius) + 2px);opacity:0;z-index:-1;transition:opacity var(--show-transition-normal) ease;animation:show-gradient-rotate 3s ease infinite}.showcase-card:hover{transform:translateY(var(--show-card-hover-lift)) scale(1.02);box-shadow:var(--show-card-hover-shadow);border-color:transparent}.showcase-card:hover:before{opacity:.03}.showcase-card:hover:after{opacity:1}.card-header-image{position:relative;height:160px;overflow:hidden}.card-cover{width:100%;height:100%;object-fit:cover;transition:transform var(--show-transition-slow) ease}.showcase-card:hover .card-cover{transform:scale(1.1)}.card-cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%)}.card-avatar-container{position:absolute;bottom:-40px;right:24px;z-index:2}.card-avatar{width:80px;height:80px;border-radius:20px;object-fit:cover;border:4px solid var(--card-bg);box-shadow:0 8px 24px #0003;transition:all var(--show-transition-normal) ease}.showcase-card:hover .card-avatar{transform:scale(1.1) rotate(-3deg);border-color:var(--primary-color)}.card-badge{position:absolute;top:16px;left:16px;padding:8px 16px;background:var(--show-glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--show-glass-border);border-radius:50px;font-size:.8rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px}.card-badge.verified{background:linear-gradient(135deg,#10b981cc,#34d399cc)}.card-badge.featured{background:linear-gradient(135deg,#f59e0bcc,#fbbf24cc)}.card-badge.new{background:linear-gradient(135deg,#ef4444cc,#f87171cc)}.card-body{padding:var(--show-card-padding);padding-top:50px;position:relative;z-index:1}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.4;transition:color var(--show-transition-fast) ease}.showcase-card:hover .card-title{color:var(--primary-color)}.card-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.card-subtitle-icon{color:var(--text-muted)}.card-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-stats{margin:0 0 20px;display:grid;gap:10px;padding:10px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stat-item{text-align:center;padding:8px;background:var(--bg-secondary);border-radius:12px;transition:all var(--show-transition-fast) ease}.stat-item:hover{background:var(--primary-light);transform:translateY(-2px)}.stat-value{font-size:1.3rem;font-weight:700;color:var(--text-primary);display:block;line-height:1.2}.stat-label{font-size:.75rem;color:var(--text-muted);margin-top:2px}.card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.card-tag{padding:6px 14px;background:var(--bg-secondary);border-radius:50px;font-size:.8rem;font-weight:500;color:var(--text-secondary);transition:all var(--show-transition-fast) ease}.card-tag:hover{background:var(--primary-light);color:var(--primary-color)}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-action-btn{flex:1;padding:14px 20px;font-size:.95rem;font-weight:600;font-family:inherit;background:var(--show-gradient-hero);background-size:200% 200%;animation:show-gradient-rotate 5s ease infinite;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--show-transition-normal) ease;box-shadow:0 8px 24px #667eea4d}.card-action-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66}.card-action-btn:active{transform:translateY(0)}.card-action-secondary{width:48px;height:48px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--show-transition-normal) ease}.card-action-secondary:hover{background:var(--card-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.showcase-card-simple{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px;cursor:pointer;transition:all var(--show-transition-normal) ease;display:flex;align-items:center;gap:16px;animation:show-card-entrance .5s ease-out both}.showcase-card-simple:hover{transform:translate(-8px);border-color:var(--primary-color);box-shadow:0 10px 30px #0000001a}.card-simple-avatar{width:64px;height:64px;border-radius:16px;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0;transition:all var(--show-transition-normal) ease}.showcase-card-simple:hover .card-simple-avatar{border-color:var(--primary-color);transform:scale(1.05)}.card-simple-content{flex:1;min-width:0}.card-simple-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;transition:color var(--show-transition-fast) ease}.showcase-card-simple:hover .card-simple-title{color:var(--primary-color)}.card-simple-meta{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.card-simple-stat{display:flex;align-items:center;gap:4px}.card-simple-stat svg{width:14px;height:14px;color:var(--text-muted)}.card-simple-arrow{color:var(--text-muted);transition:all var(--show-transition-normal) ease}.showcase-card-simple:hover .card-simple-arrow{color:var(--primary-color);transform:translate(-8px)}.showcase-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:24px;padding:60px 24px}.loading-spinner-container{position:relative;width:80px;height:80px}.loading-spinner{width:80px;height:80px;border:4px solid var(--border-color);border-top-color:transparent;border-radius:50%;animation:show-rotate-slow .8s linear infinite}.loading-spinner:before{content:"";position:absolute;inset:8px;border:4px solid transparent;border-top-color:var(--primary-color);border-radius:50%;animation:show-rotate-slow 1.2s linear infinite reverse}.loading-text{font-size:1.1rem;color:var(--text-secondary);animation:show-pulse-ring 1.5s ease-in-out infinite}.skeleton-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--show-card-radius);overflow:hidden}.skeleton-image{height:160px;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--border-light) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:show-shimmer 1.5s infinite}.skeleton-content{padding:var(--show-card-padding)}.skeleton-line{height:16px;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--border-light) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:show-shimmer 1.5s infinite;border-radius:8px;margin-bottom:12px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.showcase-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:24px;text-align:center;padding:60px 24px}.error-icon{width:100px;height:100px;background:linear-gradient(135deg,#ef44441a,#f871711a);border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:3rem;animation:show-bounce-subtle 2s ease-in-out infinite}.error-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.error-message{font-size:1rem;color:var(--text-secondary);max-width:400px;line-height:1.6;margin:0}.error-retry-btn{padding:14px 32px;font-size:1rem;font-weight:600;font-family:inherit;background:var(--show-gradient-hero);border:none;border-radius:14px;color:#fff;cursor:pointer;transition:all var(--show-transition-normal) ease;box-shadow:0 8px 24px #667eea4d}.error-retry-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66}.showcase-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:24px;text-align:center;padding:80px 24px;background:var(--show-glass-bg);backdrop-filter:blur(var(--show-glass-blur));-webkit-backdrop-filter:blur(var(--show-glass-blur));border:1px solid var(--show-glass-border);border-radius:var(--show-card-radius);margin:40px 0}.empty-icon{width:120px;height:120px;background:var(--bg-secondary);border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:4rem;animation:show-float 4s ease-in-out infinite}.empty-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.empty-description{font-size:1rem;color:var(--text-secondary);max-width:400px;line-height:1.6;margin:0}.showcase-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:60px;flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;font-family:inherit;background:var(--card-bg);border:2px solid var(--border-color);border-radius:14px;color:var(--text-primary);cursor:pointer;transition:all var(--show-transition-normal) ease}.pagination-btn:hover:not(:disabled){background:var(--show-gradient-hero);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{padding:14px 24px;background:var(--bg-secondary);border-radius:14px;font-size:.95rem;font-weight:500;color:var(--text-secondary)}.pagination-numbers{display:flex;gap:8px}.page-number{width:44px;height:44px;padding:0;font-size:.95rem;font-weight:600;font-family:inherit;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--show-transition-fast) ease}.page-number:hover:not(.active){border-color:var(--primary-color);color:var(--primary-color)}.page-number.active{background:var(--show-gradient-hero);border-color:transparent;color:#fff;box-shadow:0 4px 16px #667eea4d}@media(max-width:1200px){.showcase-hero{padding:10px 20px}.hero-stats{gap:24px}}@media(max-width:900px){.showcase-hero{padding:10px 16px}.hero-stats{gap:16px}.hero-stat{padding:16px;min-width:100px}.hero-stat-value{font-size:2rem}.filters-container{flex-direction:column;gap:12px}.showcase-search{min-width:100%}.filter-buttons{width:100%;justify-content:center}}@media(max-width:768px){.showcase-hero{padding:10px 16px}.hero-badge{font-size:.85rem;padding:6px 16px}.hero-subtitle{font-size:1rem;margin-bottom:32px}.hero-stats{flex-direction:column;gap:12px;align-items:center}.hero-stat{width:100%;max-width:200px}.showcase-content{padding:24px 16px}.showcase-section-title{flex-direction:column;text-align:center}.card-body{padding:50px 20px 20px}.card-stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}.card-footer{flex-direction:column}.card-action-btn{width:100%}.card-action-secondary{width:100%;height:48px}.showcase-pagination{flex-direction:column;gap:12px}.pagination-btn{width:100%;justify-content:center}.pagination-info{width:100%;text-align:center}}@media(max-width:480px){.showcase-hero{padding:50px 12px 30px}.hero-stat-value{font-size:1.8rem}.hero-stat-label{font-size:.8rem}.showcase-content{padding:20px 12px}.card-header-image{height:140px}.card-avatar{width:70px;height:70px;border-radius:18px}.card-avatar-container{bottom:-35px;right:16px}.card-body{padding:45px 16px 16px}.card-title{font-size:1.1rem}.card-action-btn{padding:12px 16px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.showcase-page:after{animation:none}.showcase-card:hover{transform:translateY(-4px)}}@media print{.showcase-page{background:#fff;padding:20px}.showcase-page:before,.showcase-page:after{display:none}.showcase-hero:before{display:none}.showcase-filters,.showcase-pagination{display:none}.showcase-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.card-action-btn,.card-action-secondary{display:none}}.showcase-card:focus-visible,.filter-btn:focus-visible,.pagination-btn:focus-visible,.card-action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-contrast:high){.showcase-card{border-width:2px}.card-title,.hero-title{font-weight:900}}.showcase-shortcuts-section{padding:60px 20px;margin-top:40px;background:linear-gradient(135deg,#667eea0d,#f093fb0d);border-radius:24px}.showcase-shortcuts-section .section-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:var(--text-primary, #1f2937);margin-bottom:40px;text-align:right}.showcase-shortcuts-section .title-icon{font-size:32px;animation:bounce 2s infinite}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.shortcut-card{background:var(--card-bg, #ffffff);border:1px solid var(--card-border, #e2e8f0);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.shortcut-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--primary-color, #3b82f6);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.shortcut-card:hover:before{transform:scaleY(1)}.shortcut-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px);background:linear-gradient(135deg,var(--card-bg, #ffffff) 0%,rgba(59,130,246,.02) 100%)}.shortcut-card.primary:before{background:#3b82f6}.shortcut-card.info:before{background:#06b6d4}.shortcut-card.success:before{background:#10b981}.shortcut-card.warning:before{background:#f59e0b}.shortcut-card.danger:before{background:#ef4444}.shortcut-card.secondary:before{background:#6b7280}.shortcut-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;background:#3b82f61a;color:#3b82f6}.shortcut-card.info .shortcut-icon{background:#06b6d41a;color:#06b6d4}.shortcut-card.success .shortcut-icon{background:#10b9811a;color:#10b981}.shortcut-card.warning .shortcut-icon{background:#f59e0b1a;color:#f59e0b}.shortcut-card.danger .shortcut-icon{background:#ef44441a;color:#ef4444}.shortcut-card.secondary .shortcut-icon{background:#6b72801a;color:#6b7280}.shortcut-content{flex:1;min-width:0}.shortcut-content h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1f2937)}.shortcut-content p{margin:4px 0 0;font-size:13px;color:var(--text-secondary, #6b7280)}.shortcut-arrow{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#3b82f60d;color:var(--primary-color, #3b82f6);transform:translate(-8px);opacity:0;transition:all .3s ease}.shortcut-card:hover .shortcut-arrow{transform:translate(0);opacity:1}.new-badge{position:absolute;top:12px;left:12px;background:#f59e0b;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10}.notification-badge{position:absolute;top:-8px;left:-8px;background:#ef4444;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:20;border:2px solid var(--card-bg, #ffffff)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:768px){.shortcuts-grid{grid-template-columns:repeat(2,1fr);gap:12px}.shortcut-card{padding:16px}.shortcut-icon{width:48px;height:48px;font-size:24px}.showcase-shortcuts-section{padding:40px 16px}.showcase-shortcuts-section .section-title{font-size:22px;margin-bottom:24px}}.question-design-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px);position:relative;width:100%;box-sizing:border-box;overflow-x:hidden}@media(max-width:768px){.question-design-page{padding-top:var(--topbar-height, 64px);width:100%;box-sizing:border-box;overflow-x:hidden}.question-design-content{padding:12px;width:100%;box-sizing:border-box;overflow-x:hidden}.filters-section{width:100%;box-sizing:border-box}.filters-section select,.filters-section input{width:100%;max-width:100%;box-sizing:border-box}.books-with-questions-section{width:100%;box-sizing:border-box;padding:12px;overflow-x:hidden}.books-section-header{flex-direction:column;align-items:flex-start;gap:8px}.books-buttons{width:100%;box-sizing:border-box}.book-button{width:100%;max-width:100%;min-width:auto;box-sizing:border-box}.modal-content{width:95%;max-height:95vh}}.question-design-content{padding:20px;max-width:1200px;margin:0 auto;position:relative;z-index:1;width:100%;box-sizing:border-box;overflow-x:hidden}.filters-section{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;width:100%;box-sizing:border-box}.filters-section select,.filters-section input{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937))}.filters-section select:focus,.filters-section input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.actions-bar{margin-bottom:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.publisher-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.publisher-section label{font-weight:500;color:var(--text-primary, var(--text-color, #1f2937));white-space:nowrap}.publisher-section select{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937));min-width:150px}.publisher-section select:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.btn-secondary{padding:8px 16px;background:var(--input-bg, #f3f4f6);color:var(--text-primary, var(--text-color, #1f2937));border:1px solid var(--border-color, #e5e7eb);border-radius:4px;cursor:pointer;transition:all .2s;font-size:1em}.btn-secondary:hover:not(:disabled){background:var(--border-light, #e5e7eb);border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}.new-publisher-input{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937));min-width:200px}.new-publisher-input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.question-card{border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:20px;background:var(--card-bg, #ffffff);box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s,transform .2s}.status-0{background:#6b728033;color:#4b5563;border-color:#6b728066}.status-4{background:#22c55e33;color:#16a34a;border-color:#22c55e66}.correct-option{background:#22c55e1a!important;border:2px solid var(--success-color, #22c55e)!important;font-weight:600}.correct-option .option-label{color:var(--success-color, #22c55e)}.modal-content{background:var(--card-bg, #ffffff);padding:0;border-radius:8px;max-width:700px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary, var(--text-color, #1f2937))}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937))}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.form-group-inline{display:flex;align-items:center;gap:12px;margin-bottom:16px}.form-group-inline label{min-width:100px;font-weight:500;color:var(--text-primary, var(--text-color, #1f2937));margin:0;flex-shrink:0}.form-group-inline select,.form-group-inline input{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937))}.form-group-inline select:focus,.form-group-inline input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.option-input-wrapper{display:flex;align-items:center;gap:12px;flex:1}.option-input-wrapper input[type=text]{flex:1}.radio-option-label{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #f3f4f6);transition:all .2s;white-space:nowrap;flex-shrink:0}.radio-option-label:hover{background:var(--border-light, #e5e7eb);border-color:var(--primary-color, #2563eb)}.radio-option-label input[type=radio]{width:auto;margin:0;cursor:pointer}.radio-option-label input[type=radio]:checked+span{color:var(--primary-color, #2563eb);font-weight:600}.radio-option-label:has(input[type=radio]:checked){background:#2563eb1a;border-color:var(--primary-color, #2563eb)}.page-input-wrapper{display:flex;flex-direction:column;gap:6px;flex:1}.page-input-wrapper input{width:100%}.input-hint{font-size:.857em;color:var(--text-secondary, #6b7280);font-style:italic}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--input-bg, #f9f9f9)}.question-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #e5e7eb);justify-content:flex-end}.btn-icon:hover{background:var(--input-bg, #f3f4f6);border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}.edit-btn:hover{background:#2563eb1a;border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}.submit-btn:hover{background:#22c55e1a;border-color:var(--success-color, #22c55e);color:var(--success-color, #22c55e)}.view-btn:hover{background:#6b72801a;border-color:var(--secondary-color, #6b7280);color:var(--secondary-color, #6b7280)}.delete-btn:hover{background:#ef44441a;border-color:var(--error-color, #ef4444);color:var(--error-color, #ef4444)}.question-answer{margin-top:16px;padding:12px;background:var(--input-bg, #f9f9f9);border-radius:6px;border-right:3px solid var(--primary-color, #2563eb)}.question-answer strong{display:block;margin-bottom:8px;color:var(--text-primary, var(--text-color, #1f2937))}.question-answer div{color:var(--text-secondary, var(--subtext-color, #6b7280));line-height:1.6}.question-meta{display:flex;gap:16px;margin-top:12px;font-size:.857em;color:var(--text-secondary, #6b7280)}.question-meta span{padding:4px 8px;background:var(--input-bg, #f3f4f6);border-radius:4px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-header h2{margin:0;font-size:1.429em;color:var(--text-primary, var(--text-color, #1f2937))}.modal-close{background:none;border:none;font-size:1.714em;cursor:pointer;color:var(--text-secondary, #6b7280);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.books-with-questions-section{margin-top:20px;margin-bottom:20px;padding:16px;background:var(--input-bg, #f9f9f9);border-radius:6px;border:1px solid var(--border-color, #e5e7eb);position:relative;z-index:1}.books-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.books-with-questions-section label{font-weight:500;color:var(--text-primary, var(--text-color, #1f2937));font-size:1em;margin:0}.toggle-books-btn{padding:6px 12px;background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.857em;font-weight:500;transition:all .2s;white-space:nowrap}.toggle-books-btn:hover{background:var(--primary-dark, #1d4ed8);transform:translateY(-1px);box-shadow:0 2px 4px #2563eb33}.books-buttons{display:flex;flex-wrap:wrap;gap:8px;width:100%;box-sizing:border-box}.book-button{display:flex;flex-direction:column;align-items:flex-start;padding:10px 14px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;cursor:pointer;transition:all .2s;text-align:right;min-width:150px;max-width:100%;box-sizing:border-box;word-break:break-word}.book-button:hover{background:var(--primary-color, #2563eb);color:#fff;border-color:var(--primary-color, #2563eb);transform:translateY(-2px);box-shadow:0 4px 8px #2563eb33}.book-button-lesson{font-size:.786em;color:var(--text-secondary, #6b7280);margin-bottom:4px;font-weight:500}.book-button:hover .book-button-lesson{color:#ffffffe6}.book-button-name{font-size:.929em;font-weight:600;color:var(--text-primary, var(--text-color, #1f2937));line-height:1.4}.book-button-count{font-size:.786em;color:var(--text-secondary, #6b7280);margin-top:4px;font-weight:500;padding:2px 6px;background:#2563eb1a;border-radius:4px;display:inline-block}.book-button:hover .book-button-count{color:#ffffffe6;background:#fff3}:root{--qd-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--qd-gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--qd-gradient-warning: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--qd-gradient-info: linear-gradient(135deg, #00c6fb 0%, #005bea 100%);--qd-gradient-danger: linear-gradient(135deg, #eb3349 0%, #f45c43 100%);--qd-glass: rgba(255, 255, 255, .05);--qd-glass-border: rgba(255, 255, 255, .1)}.question-design-page{min-height:100vh;background:var(--page-bg, #0f172a);padding-top:var(--topbar-height, 64px);position:relative;overflow-x:hidden}.question-design-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(17,153,142,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.question-design-content{padding:30px 24px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding:24px 28px;background:var(--card-bg, #1e293b);border-radius:20px;border:1px solid var(--border-color, rgba(255,255,255,.1));box-shadow:0 8px 32px #0003;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--qd-gradient-primary)}.page-header h1{margin:0;font-size:1.8rem;font-weight:800;color:var(--text-primary, #ffffff);display:flex;align-items:center;gap:12px}.page-header h1:before{content:"📝";font-size:2rem}.back-btn{padding:12px 24px;background:var(--bg-secondary, #334155);border:1px solid var(--border-color, rgba(255,255,255,.1));color:var(--text-primary, #ffffff);border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:8px}.back-btn:before{content:"→";font-size:1.2rem}.back-btn:hover{background:var(--primary-color, #667eea);border-color:var(--primary-color, #667eea);transform:translate(5px)}.filters-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;padding:24px;background:var(--card-bg, #1e293b);border-radius:20px;border:1px solid var(--border-color, rgba(255,255,255,.1));box-shadow:0 4px 20px #00000026}.filters-section select,.filters-section input{padding:14px 20px;border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:14px;background:var(--bg-secondary, #334155);color:var(--text-primary, #ffffff);font-size:1rem;font-weight:500;transition:all .3s ease;min-width:200px}.filters-section select:focus,.filters-section input:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 4px #667eea33;background:var(--card-bg, #1e293b)}.filters-section select option{background:var(--card-bg, #1e293b);color:var(--text-primary, #ffffff)}.actions-bar{margin-bottom:24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 24px;background:var(--card-bg, #1e293b);border-radius:20px;border:1px solid var(--border-color, rgba(255,255,255,.1))}.publisher-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.publisher-section label{font-weight:600;color:var(--text-secondary, #94a3b8);white-space:nowrap}.publisher-section select{padding:12px 18px;border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:12px;background:var(--bg-secondary, #334155);color:var(--text-primary, #ffffff);min-width:180px;transition:all .3s ease}.publisher-section select:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 4px #667eea33}.btn-primary{padding:14px 28px;background:var(--qd-gradient-primary);color:#fff;border:none;border-radius:14px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:700;font-size:1rem;box-shadow:0 4px 20px #667eea66;display:flex;align-items:center;gap:10px}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #667eea80}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:12px 22px;background:var(--bg-secondary, #334155);color:var(--btn-secondary-text, var(--text-primary, #ffffff));border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600}.btn-secondary:hover:not(:disabled){background:var(--primary-light, rgba(102, 126, 234, .2));border-color:var(--primary-color, #667eea);color:var(--primary-color, #667eea);transform:translateY(-2px)}.questions-list{display:grid;gap:20px}.question-card{position:relative;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:24px;padding:28px;background:var(--card-bg, #1e293b);box-shadow:0 8px 32px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--qd-gradient-primary);opacity:0;transition:opacity .3s ease}.question-card:hover{transform:translateY(-6px) translate(-3px);box-shadow:0 16px 48px #0003,0 0 0 1px var(--primary-color, #667eea);border-color:var(--primary-color, #667eea)}.question-card:hover:before{opacity:1}.question-card{animation:cardSlideIn .5s ease-out both}.question-card:nth-child(1){animation-delay:.05s}.question-card:nth-child(2){animation-delay:.1s}.question-card:nth-child(3){animation-delay:.15s}.question-card:nth-child(4){animation-delay:.2s}.question-card:nth-child(5){animation-delay:.25s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.question-header{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap;padding-bottom:16px;border-bottom:2px solid var(--border-color, rgba(255,255,255,.1))}.question-type,.difficulty,.status-badge{padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:700;border:none;display:flex;align-items:center;gap:6px}.question-type.type-mcq{background:linear-gradient(135deg,#2563eb33,#2563eb1a);color:#60a5fa}.question-type.type-mcq:before{content:"📋"}.question-type.type-essay{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#a78bfa}.question-type.type-essay:before{content:"✍️"}.difficulty.difficulty-easy{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#4ade80}.difficulty.difficulty-easy:before{content:"🟢"}.difficulty.difficulty-medium{background:linear-gradient(135deg,#eab30833,#eab3081a);color:#fbbf24}.difficulty.difficulty-medium:before{content:"🟡"}.difficulty.difficulty-hard{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#f87171}.difficulty.difficulty-hard:before{content:"🔴"}.status-0{background:linear-gradient(135deg,#6b728033,#6b72801a);color:#9ca3af}.status-1{background:linear-gradient(135deg,#2563eb33,#2563eb1a);color:#60a5fa}.status-2{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#fbbf24}.status-3{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#f87171}.status-4{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#4ade80}.question-text{margin-bottom:16px;line-height:1.8;color:var(--text-primary, #ffffff);font-size:1.05rem;padding:16px;background:var(--bg-secondary, #334155);border-radius:16px;border-right:4px solid var(--primary-color, #667eea)}.question-meta-info{margin-bottom:12px;padding:12px 16px;font-size:.9rem;color:var(--text-secondary, #94a3b8);background:var(--bg-secondary, #334155);border-radius:12px;border-right:4px solid var(--qd-gradient-info);display:flex;align-items:center;gap:8px}.question-meta-info:before{content:"📖"}.question-options{margin-top:16px;padding:20px;background:var(--bg-secondary, #334155);border-radius:16px}.option-item{display:flex;align-items:flex-start;gap:12px;margin:10px 0;padding:14px 18px;background:var(--card-bg, #1e293b);border-radius:14px;border:2px solid var(--border-color, rgba(255,255,255,.1));transition:all .3s ease}.option-item:hover{border-color:var(--primary-color, #667eea);transform:translate(-5px)}.option-label{font-weight:700;color:var(--text-secondary, #94a3b8);min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #334155);border-radius:8px;font-size:.9rem}.option-text{flex:1;color:var(--text-primary, #ffffff);line-height:1.6;font-size:.95rem}.correct-option{background:linear-gradient(135deg,#22c55e26,#22c55e0d)!important;border:2px solid rgba(34,197,94,.5)!important}.correct-option .option-label{background:var(--qd-gradient-success);color:#fff}.question-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:2px solid var(--border-color, rgba(255,255,255,.1));justify-content:flex-end}.btn-icon{background:var(--bg-secondary, #334155);border:2px solid var(--border-color, rgba(255,255,255,.1));border-radius:12px;padding:12px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;color:var(--text-primary, #ffffff);font-weight:600}.btn-icon:hover{transform:translateY(-3px)}.edit-btn:hover{background:linear-gradient(135deg,#2563eb33,#2563eb1a);border-color:#60a5fa;color:#60a5fa}.submit-btn:hover{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#4ade80;color:#4ade80}.delete-btn:hover{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#f87171;color:#f87171}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalOverlayIn .3s ease}.modal-content{background:var(--card-bg, #1e293b);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:24px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #0006;animation:modalContentIn .4s cubic-bezier(.4,0,.2,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:var(--qd-gradient-primary);position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:12px}.modal-header h2:before{content:"➕";font-size:1.3rem}.modal-close{background:#fff3;border:none;font-size:1.5rem;cursor:pointer;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s ease}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:28px;overflow-y:auto;flex:1}.modal-actions{display:flex;gap:16px;justify-content:flex-end;padding:24px 28px;border-top:1px solid var(--border-color, rgba(255,255,255,.1));background:var(--bg-secondary, #334155)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-primary, #ffffff);font-size:1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:14px;background:var(--bg-secondary, #334155);color:var(--text-primary, #ffffff);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 4px #667eea33}.form-group textarea{min-height:120px;resize:vertical}.books-with-questions-section{margin:24px 0;padding:24px;background:var(--card-bg, #1e293b);border-radius:20px;border:1px solid var(--border-color, rgba(255,255,255,.1));box-shadow:0 4px 20px #00000026}.books-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.books-with-questions-section label{font-weight:700;color:var(--text-primary, #ffffff);font-size:1.1rem;display:flex;align-items:center;gap:10px}.books-with-questions-section label:before{content:"📚";font-size:1.3rem}.toggle-books-btn{padding:10px 20px;background:var(--qd-gradient-primary);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease}.toggle-books-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.books-buttons{display:flex;flex-wrap:wrap;gap:12px}.book-button{display:flex;flex-direction:column;align-items:flex-start;padding:16px 20px;background:var(--bg-secondary, #334155);border:2px solid var(--border-color, rgba(255,255,255,.1));border-radius:16px;cursor:pointer;transition:all .4s ease;text-align:right;min-width:180px;position:relative;overflow:hidden}.book-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.book-button:hover:before{left:100%}.book-button:hover{background:var(--qd-gradient-primary);border-color:transparent;transform:translateY(-5px);box-shadow:0 8px 25px #667eea66}.book-button-lesson{font-size:.8rem;color:var(--text-muted, #64748b);margin-bottom:6px;font-weight:500}.book-button:hover .book-button-lesson{color:#fffc}.book-button-name{font-size:1rem;font-weight:700;color:var(--text-primary, #ffffff);line-height:1.4}.book-button:hover .book-button-name{color:#fff}.book-button-count{font-size:.8rem;color:var(--text-secondary, #94a3b8);margin-top:8px;font-weight:600;padding:4px 10px;background:#667eea33;border-radius:8px}.book-button:hover .book-button-count{color:#fff;background:#fff3}.error-message{padding:16px 20px;background:linear-gradient(135deg,#ef444426,#ef44440d);color:#f87171;border-radius:14px;margin-bottom:20px;border:2px solid rgba(239,68,68,.3);display:flex;align-items:center;gap:12px}.error-message:before{content:"⚠️";font-size:1.3rem}@media(max-width:768px){.question-design-content{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.page-header h1{font-size:1.4rem}.filters-section{padding:16px}.filters-section select,.filters-section input{width:100%;min-width:auto}.question-card{padding:20px}.question-header{flex-direction:column;align-items:flex-start}.question-actions{flex-wrap:wrap;justify-content:center}.modal-content{width:100%;margin:10px;max-height:95vh;border-radius:20px}.modal-header{padding:20px}.modal-header h2{font-size:1.2rem}.modal-body{padding:20px}.books-buttons{flex-direction:column}.book-button{width:100%;min-width:auto}}[data-theme=light] .question-design-page:before{background:radial-gradient(ellipse at 20% 20%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(118,75,162,.1) 0%,transparent 50%)}[data-theme=light] .question-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .question-card:hover{box-shadow:0 16px 48px #0000001a}[data-theme=light] .question-text{background:#f8fafc;color:#0f172a}[data-theme=light] .filters-section,[data-theme=light] .actions-bar,[data-theme=light] .books-with-questions-section,[data-theme=light] .page-header{background:#fff;border-color:#e2e8f0}[data-theme=light] .filters-section select,[data-theme=light] .filters-section input,[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#f8fafc;color:#0f172a;border-color:#e2e8f0}[data-theme=light] .modal-content,[data-theme=light] .modal-body{background:#fff}.question-review-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px)}@media(max-width:768px){.question-review-page{padding-top:var(--topbar-height, 64px)}}.question-review-content{padding:20px;max-width:1200px;margin:0 auto}.questions-list{display:grid;gap:16px}.question-card{border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:20px;background:var(--card-bg, #ffffff);box-shadow:0 2px 4px #0000000d;cursor:pointer;transition:box-shadow .2s,transform .2s;margin-bottom:12px}.question-type{padding:4px 10px;border-radius:4px;font-size:.857em;font-weight:600;border:1px solid}.question-type.type-mcq{background:#2563eb33;color:#1e40af;border-color:#2563eb66}.question-type.type-essay{background:#8b5cf633;color:#7c3aed;border-color:#8b5cf666}.difficulty{padding:4px 10px;border-radius:4px;font-size:.857em;font-weight:600;border:1px solid}.status-badge{padding:4px 10px;border-radius:4px;font-size:.857em;font-weight:600;border:1px solid}.status-1{background:#2563eb33;color:#1e40af;border-color:#2563eb66}.status-2{background:#f59e0b33;color:#d97706;border-color:#f59e0b66}.status-3{background:#ef444433;color:#dc2626;border-color:#ef444466}.question-meta-info{margin-bottom:8px;padding:6px 10px;font-size:.857em;color:var(--text-secondary, #6b7280);background:var(--input-bg, #f9f9f9);border-radius:4px;border-right:3px solid var(--primary-color, #2563eb)}.correct-option-indicator{margin-top:8px;padding:4px 8px;background:#22c55e1a;border-radius:4px;font-weight:500;color:var(--success-color, #22c55e)}.question-text{margin-bottom:8px;line-height:1.4;color:var(--text-primary, var(--text-color, #1f2937));font-size:.929em;padding:6px 0}.question-options{margin-top:8px;padding:10px;background:var(--input-bg, #f9f9f9);border-radius:6px}.option-item{display:flex;align-items:flex-start;gap:6px;margin:4px 0;padding:6px 8px;background:var(--card-bg, #ffffff);border-radius:4px;border:1px solid var(--border-color, #e5e7eb);transition:all .2s}.option-item:hover{background:var(--input-bg, #f3f4f6)}.option-label{font-weight:600;color:var(--text-secondary, #6b7280);min-width:18px;font-size:.857em}.option-text{flex:1;color:var(--text-primary, var(--text-color, #1f2937));line-height:1.3;font-size:.857em}.modal-content{background:var(--card-bg, #ffffff);padding:24px;border-radius:8px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto}.question-detail{margin-bottom:20px}.options{margin:12px 0;padding:12px;background:var(--input-bg, #f9f9f9);border-radius:4px}.options>div{margin:8px 0;padding:8px;background:var(--card-bg, #ffffff);border-radius:4px;color:var(--text-primary, var(--text-color, #1f2937))}.correct-option{background:#22c55e1a!important;border:2px solid var(--success-color, #22c55e);font-weight:600}.question-meta-detail{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #e5e7eb);display:flex;flex-direction:column;gap:8px;font-size:1em;color:var(--text-secondary, var(--subtext-color, #64748b))}.answer{margin-top:12px;padding:12px;background:#22c55e1a;border-radius:4px;color:var(--text-primary, var(--text-color, #1f2937))}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;font-weight:500;color:var(--text-primary, var(--text-color, #1f2937))}.form-group textarea{width:100%;padding:8px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937))}.form-group textarea:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-primary{padding:10px 20px;background:var(--success-color, #22c55e);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-warning{padding:10px 20px;background:var(--warning-color, #f59e0b);color:#000;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-warning:hover{background:var(--warning-color-dark, #d97706)}.question-reports-page{min-height:100vh;background-color:var(--page-bg);padding-top:var(--topbar-height);position:relative;width:100%;box-sizing:border-box;overflow-x:hidden}@media(max-width:768px){.question-reports-page{padding-top:var(--topbar-height);width:100%;box-sizing:border-box;overflow-x:hidden}.question-reports-content{padding:12px;width:100%;box-sizing:border-box;overflow-x:hidden}.row{margin-right:-8px;margin-left:-8px}.col-12{padding-right:8px;padding-left:8px}.card{margin-bottom:16px;border-radius:12px}.card-body{padding:12px;overflow-x:auto}.table{font-size:.857em;min-width:600px}.table-bordered th,.table-bordered td{padding:8px 4px;font-size:.786em}.card-header{padding:12px 16px;font-size:1rem}.book-title{font-size:.95rem}.total-questions{font-size:1rem;margin-top:12px;padding-top:12px}.main-title{font-size:1.5rem;margin-bottom:1.5rem}}.question-reports-content{padding:20px;max-width:1400px;margin:0 auto;position:relative;z-index:1;width:100%;box-sizing:border-box;overflow-x:hidden}.main-title{font-size:2.3rem;font-weight:700;color:#0056b3;text-align:center;margin-bottom:2.5rem;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,123,255,.15);position:relative}.form-control{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937));font-size:1em;text-align:right!important}.form-control:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb1a}.text-end{text-align:right!important}.rtl{direction:rtl;text-align:right}.mb-4{margin-bottom:1.5rem}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;width:100%;box-sizing:border-box;overflow-x:hidden}.col-12{flex:0 0 100%;max-width:100%;padding-right:15px;padding-left:15px}@media(min-width:992px){.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}}.mx-auto{margin-right:auto;margin-left:auto}.card{background:var(--card-bg, #ffffff);border:none;border-radius:18px;box-shadow:0 4px 16px #00000014;margin-bottom:32px;overflow:hidden;transition:box-shadow .2s,border .2s;width:100%;box-sizing:border-box}.golden-card{border:3px solid #ffd700!important;box-shadow:0 0 16px 2px #ffd70054;z-index:10;position:relative;background:linear-gradient(to bottom,#fffef0,#fff)}.card-header{font-size:1.2rem;font-weight:700;background:linear-gradient(90deg,#007bff 60%,#0056b3);border-radius:18px 18px 0 0!important;text-align:right;display:flex;align-items:center;justify-content:flex-end;padding:16px 20px}.golden-card .card-header{background:linear-gradient(90deg,gold 60%,#fffbe6)}.book-title{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.5px;text-shadow:0 1px 2px rgba(51,51,51,.2);text-align:right}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.golden-badge{background:linear-gradient(90deg,gold 60%,#fffbe6);color:#b8860b;font-weight:700;border-radius:8px;padding:2px 12px;margin-left:10px;font-size:1rem;box-shadow:0 1px 4px #ffd70045}.card-body{background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);border-radius:0 0 18px 18px;padding:20px}.table{width:100%;margin-bottom:0;border-collapse:collapse;table-layout:auto;box-sizing:border-box;overflow-x:auto;display:block}@media(min-width:768px){.table{display:table}}.table-bordered{border:1px solid var(--border-color, #e5e7eb)}.table-bordered th,.table-bordered td{border:1px solid var(--border-color, #e5e7eb);padding:12px;text-align:center;vertical-align:middle!important}.table thead th{background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-weight:600;color:var(--text-primary, var(--text-color, #1f2937))}.align-middle{vertical-align:middle}.range-cell{font-weight:700;padding:10px 0;border-radius:12px;color:var(--text-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-size:1.1rem;box-shadow:0 2px 8px #0000000f;border:1.5px solid rgba(255,255,255,.2);background:var(--border-light);transition:box-shadow .2s,border .2s;text-shadow:0 1px 2px rgba(0,0,0,.2);min-width:60px}.total-row{background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-weight:700;color:var(--primary-color);font-size:1.25rem;letter-spacing:1px;border-top:2.5px solid var(--primary-color)}.total-questions{font-size:1.2rem;color:var(--primary-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-weight:700;text-align:right;letter-spacing:1px;margin-top:16px;padding-top:16px;border-top:2px solid var(--border-color)}.fw-bold{font-weight:700}.mt-2{margin-top:.5rem}.error-message{padding:12px;background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:var(--error-color);border-radius:4px;margin-bottom:16px;border:1px solid var(--border-color)}.exam-maker-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px)}@media(max-width:768px){.exam-maker-page{padding-top:var(--topbar-height, 64px)}}.exam-maker-content{padding:20px;max-width:1200px;margin:0 auto}.page-header h1{margin:0;font-size:1.714em;color:var(--text-primary, var(--text-color, #1f2937));font-family:inherit}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb40}.generate-btn{margin-top:24px;padding:12px 24px;background:var(--success-color, #22c55e);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.143em;font-family:inherit;transition:all .2s ease}.generated-exam-section{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:24px}.exam-actions{margin-bottom:24px}.btn-primary{padding:10px 20px;background:var(--gradient-primary, linear-gradient(135deg, #0b5cff 0%, #60a5fa 100%));color:var(--text-on-primary, #ffffff);border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0b5cff33}.questions-preview{margin-top:24px}.question-preview{display:flex;gap:16px;margin-bottom:24px;padding:16px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--card-bg, #ffffff)}.question-number{font-weight:700;color:var(--primary-color, #2563eb);min-width:30px}.question-content{flex:1}.question-text{margin-bottom:12px;line-height:1.6;color:var(--text-primary, var(--text-color, #1f2937))}.question-options{margin-top:12px;padding:12px;background:var(--input-bg, #f9f9f9);border-radius:4px}.range-checkbox span{font-size:1em;color:var(--text-color, #1f2937);font-family:inherit}.range-text{flex:1;line-height:1.4}.status-summary{display:flex;gap:12px}.status-badge{padding:6px 12px;border-radius:4px;font-size:1em;font-weight:500;font-family:inherit}.status-finalized{background:var(--success-color, #22c55e);color:#fff}.status-non-finalized{background:var(--warning-color, #f59e0b);color:#fff}.question-status-badge{padding:4px 8px;border-radius:4px;font-size:.857em;font-weight:500;white-space:nowrap;font-family:inherit}.question-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:16px;margin-bottom:16px;transition:box-shadow .2s,transform .2s}.question-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.question-header{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.question-type{padding:4px 10px;border-radius:4px;font-size:.857em;font-weight:600;border:1px solid;font-family:inherit}.question-type.type-mcq{background:#2564ebbe;color:#1e40af;border-color:#2563eb66}.question-type.type-essay{background:#9e77faea;color:#6113e9;border-color:#8b5cf666}.difficulty{padding:4px 10px;border-radius:4px;font-size:.857em;font-weight:600;border:1px solid;font-family:inherit}.difficulty.difficulty-easy{background:#22c55e33;color:#16a34a;border-color:#22c55e66}.difficulty.difficulty-medium{background:#eab30833;color:#ca8a04;border-color:#eab30866}.difficulty.difficulty-hard{background:#ef444433;color:#dc2626;border-color:#ef444466}.question-meta-info{margin-bottom:8px;padding:6px 10px;background:var(--input-bg, #f9f9f9);border-radius:4px;font-size:.857em;color:var(--text-secondary, #6b7280);font-family:inherit}.question-text{margin-bottom:8px;line-height:1.4;color:var(--text-primary, var(--text-color, #1f2937));font-size:.929em;padding:6px 0;font-family:inherit}.question-options{margin-top:8px;padding:6px 10px;background:var(--input-bg, #f9f9f9);border-radius:6px;border:1px solid var(--border-color, #e5e7eb)}.question-options span{color:var(--text-primary, var(--text-color, #1f2937))!important}.option-item{display:flex;align-items:flex-start;gap:6px;padding:4px 6px;font-size:.857em;margin-bottom:3px;border-radius:4px;transition:background .2s;font-family:inherit}.option-item:last-child{margin-bottom:0}.option-item.correct-option{background:#22c55e26;padding:4px 6px;border-radius:4px;border:1px solid rgba(34,197,94,.4)}.question-options .option-item .option-label,.question-options .option-item.correct-option .option-label,.question-options .option-item span.option-label{font-weight:500;min-width:20px;color:var(--text-primary, var(--text-color, #1f2937))!important;font-size:.857em;font-family:inherit}.question-options .option-item .option-text,.question-options .option-item.correct-option .option-text,.question-options .option-item span.option-text{flex:1;color:var(--text-primary, var(--text-color, #1f2937))!important;line-height:1.4;font-size:.857em;font-family:inherit}.correct-option-indicator{margin-top:8px;padding:8px;background:#22c55e26;border-radius:4px;font-weight:600;color:#16a34a;font-size:.857em;font-family:inherit}.question-answer{margin-top:12px;padding:12px;background:var(--card-bg, #ffffff);border-radius:6px;border:1px solid rgba(59,130,246,.2)}.question-answer strong{display:block;margin-bottom:8px;color:#1e40af;font-size:.929em;font-family:inherit}.question-answer div{color:var(--text-primary, #1f2937);font-size:.929em;line-height:1.5;font-family:inherit}.question-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb)}.btn-secondary{padding:6px 12px;background:var(--input-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, var(--text-color, #1f2937));border-radius:4px;cursor:pointer;font-size:.857em;font-family:inherit;transition:all .2s ease}.number-input{flex:1;text-align:center;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;color:var(--text-primary, var(--text-color, #1f2937));font-size:var(--base-font-size, 16px);min-width:60px;min-height:44px}.number-input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb40}.number-btn:active:not(:disabled){transform:scale(.95)}.number-btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{background:none;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-primary, var(--text-color, #1f2937))}.btn-icon:hover:not(:disabled){background:var(--input-bg, #f3f4f6);border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon.replace-btn:hover:not(:disabled){background:#eab3081a;border-color:var(--warning-color, #f59e0b);color:var(--warning-color, #f59e0b)}.btn-icon.view-btn:hover:not(:disabled){background:#2563eb1a;border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}@media(max-width:768px){.number-input-wrapper{gap:8px;width:100%}.number-input{min-width:100px;width:100%;min-height:52px;font-size:1.5em;font-weight:700;padding:14px 12px;font-family:inherit;-moz-appearance:textfield}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-btn{min-width:52px;width:52px;min-height:52px;font-size:1.714em;font-weight:700;font-family:inherit;flex-shrink:0}.form-row{grid-template-columns:1fr;gap:20px}.form-group{width:100%}.form-group label{font-size:1.071em;margin-bottom:8px;font-weight:600}}.exam-maker-old-style{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:80px;direction:rtl;text-align:right;font-family:var(--font-family, inherit),Tahoma,Geneva,Verdana,sans-serif}.exam-maker-old-style .container{max-width:1200px;margin:0 auto;padding:20px}.exam-maker-old-style .card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 2px 4px #0000001a}.exam-maker-old-style .card-header{background:var(--primary-color, #2563eb)!important;color:#fff;padding:12px 20px;border-bottom:none}.exam-maker-old-style .card-header h5{margin:0;font-size:1.286em}.exam-maker-old-style .card-body{padding:24px}.exam-maker-old-style .form-group{margin-bottom:16px}.exam-maker-old-style .form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-color, #1f2937)}.exam-maker-old-style .form-control{width:100%;padding:8px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-color, #1f2937);font-size:1em;text-align:right}.exam-maker-old-style .form-control:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.exam-maker-old-style .form-control:disabled{background:var(--input-bg-disabled, #f3f4f6);cursor:not-allowed}.exam-maker-old-style .btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1em;text-align:right;transition:all .2s}.exam-maker-old-style .btn-success{background:var(--success-color, #22c55e);color:#fff}.exam-maker-old-style .btn-success:hover:not(:disabled){background:var(--success-color-dark, #16a34a)}.exam-maker-old-style .btn-primary{background:var(--primary-color, #2563eb);color:#fff}.exam-maker-old-style .btn-primary:hover{background:var(--primary-dark, #1d4ed8)}.exam-maker-old-style .btn-sm{padding:6px 12px;font-size:.857em}.exam-maker-old-style .btn-outline-primary{background:transparent;border:1px solid var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}.exam-maker-old-style .btn-outline-primary:hover{background:var(--primary-color, #2563eb);color:#fff}.exam-maker-old-style .btn-outline-success{background:transparent;border:1px solid var(--success-color, #22c55e);color:var(--success-color, #22c55e)}.exam-maker-old-style .btn-outline-success:hover{background:var(--success-color, #22c55e);color:#fff}.exam-maker-old-style .spinner-border-sm{width:1rem;height:1rem;border-width:.15em}.exam-maker-old-style .question-card{margin-bottom:16px}.exam-maker-old-style .badge{padding:4px 8px;border-radius:4px;font-size:.857em;font-weight:500;margin-left:6px}.exam-maker-old-style .badge.bg-secondary{background:var(--secondary-color, #6b7280)!important;color:#fff}.exam-maker-old-style .badge.bg-info{background:var(--info-color, #3b82f6)!important;color:#fff}.exam-maker-old-style .badge.bg-warning{background:var(--warning-color, #f59e0b)!important;color:#fff}.exam-maker-old-style .badge.bg-success{background:var(--success-color, #22c55e)!important;color:#fff}.exam-maker-old-style .badge.bg-primary{background:var(--primary-color, #2563eb)!important;color:#fff}.exam-maker-old-style .badge.bg-danger{background:var(--error-color, #ef4444)!important;color:#fff}.exam-maker-old-style .options-container{margin-top:12px}.exam-maker-old-style .form-check{padding-right:1.5em;padding-left:0;margin-bottom:8px}.exam-maker-old-style .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.exam-maker-old-style .form-check-label{margin-right:.5em;cursor:pointer}.exam-maker-old-style .answer-container{margin-top:12px}.exam-maker-old-style .alert{padding:12px;border-radius:4px;margin-bottom:8px}.exam-maker-old-style .alert-success{background:#22c55e1a;border:1px solid var(--success-color, #22c55e);color:var(--success-color-dark, #16a34a)}.exam-maker-old-style .alert-info{background:#3b82f61a;border:1px solid var(--info-color, #3b82f6);color:var(--info-color-dark, #2563eb)}.exam-maker-old-style .d-flex{display:flex}.exam-maker-old-style .justify-content-between{justify-content:space-between}.exam-maker-old-style .align-items-center{align-items:center}.exam-maker-old-style .mb-3{margin-bottom:1rem}.exam-maker-old-style .mb-4{margin-bottom:1.5rem}.exam-maker-old-style .mt-3{margin-top:1rem}.exam-maker-old-style .mt-4{margin-top:1.5rem}.exam-maker-old-style .me-1{margin-left:.25rem}.exam-maker-old-style .me-2{margin-left:.5rem}.exam-maker-old-style .ms-2{margin-right:.5rem}.exam-maker-old-style .text-right{text-align:right}.exam-maker-old-style .row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.exam-maker-old-style .col-md-6{flex:0 0 50%;max-width:50%;padding-right:12px;padding-left:12px}@media(max-width:768px){.exam-maker-old-style .col-md-6{flex:0 0 100%;max-width:100%}}.self-exam-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px)}.self-exam-content{padding:20px;max-width:1200px;margin:0 auto}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.form-group label{margin-bottom:4px;font-weight:500;color:var(--text-primary, var(--text-color, #1f2937))}.form-group select,.form-group input{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937))}.ranges-section{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:20px;margin-bottom:24px}.ranges-section h3{margin:0 0 12px;font-size:1.286em;color:var(--text-color, #1f2937);font-family:inherit}.config-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color, #e5e7eb)}.config-section h3{margin-bottom:16px;color:var(--text-primary, var(--text-color, #1f2937))}.number-input-wrapper{display:flex;align-items:center;gap:4px;width:100%}.number-input{flex:1;text-align:center;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937));font-size:var(--base-font-size, 16px);min-width:60px;min-height:44px}.number-btn{width:32px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--input-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);border-radius:4px;color:var(--text-primary, var(--text-color, #1f2937));cursor:pointer;font-size:1.286em;font-weight:500;font-family:inherit;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-width:44px;min-height:44px;flex-shrink:0}.number-btn:hover:not(:disabled){background:var(--primary-color, #2563eb);color:#fff;border-color:var(--primary-color, #2563eb)}.generate-btn{margin-top:24px;padding:12px 24px;background:var(--success-color, #22c55e);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.143em;font-family:inherit;transition:all .2s ease;width:100%}@media(max-width:768px){.self-exam-content{padding:12px}.form-row{grid-template-columns:1fr;gap:20px}.number-input{min-width:100px;width:100%;min-height:52px;font-size:1.5em;font-weight:700;padding:14px 12px}.number-btn{min-width:52px;width:52px;min-height:52px;font-size:1.714em;font-weight:700}.ranges-grid{grid-template-columns:1fr}}.public-exam-maker-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px)}.public-exam-maker-content{padding:20px;max-width:1200px;margin:0 auto}.page-description{color:var(--text-secondary, #6b7280);font-size:1em;line-height:1.6;margin:0}.exam-form-section{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:24px;margin-bottom:24px}.lessons-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0;font-size:1.286em;color:var(--text-primary, var(--text-color, #1f2937))}.btn-secondary{padding:8px 16px;background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.929em;transition:all .2s}.btn-secondary:hover{background:var(--primary-dark, #1d4ed8)}.empty-state{padding:40px;text-align:center;color:var(--text-secondary, #6b7280);background:var(--input-bg, #f9f9f9);border-radius:4px}.lessons-list{display:flex;flex-direction:column;gap:16px}.lesson-item{border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:16px;background:var(--card-bg, #ffffff)}.lesson-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lesson-header h4{margin:0;font-size:1.143em;color:var(--text-primary, var(--text-color, #1f2937))}.btn-danger{padding:6px 12px;background:var(--error-color, #ef4444);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.857em;transition:all .2s}.btn-danger:hover{background:var(--error-dark, #dc2626)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-group input,.form-group select{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937));font-size:1em}.form-group small{margin-top:4px;font-size:.857em;color:var(--text-secondary, #6b7280)}.percentage-summary{margin-top:16px;padding:12px;background:var(--input-bg, #f9f9f9);border-radius:4px;text-align:center;font-size:1.143em}.percentage-summary .valid{color:var(--success-color, #10b981);font-weight:700}.percentage-summary .invalid{color:var(--error-color, #ef4444);font-weight:700}.error-text{color:var(--error-color, #ef4444);font-size:.857em}.create-btn{width:100%;padding:12px 24px;background:var(--success-color, #22c55e);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.143em;font-family:inherit;transition:all .2s ease;margin-top:24px}.create-btn:hover:not(:disabled){background:var(--success-color-dark, #16a34a);transform:translateY(-1px)}.create-btn:disabled{background:var(--secondary-color, #9ca3af);cursor:not-allowed;opacity:.6}@media(max-width:768px){.public-exam-maker-content{padding:12px}.form-row{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch;gap:12px}.section-header button{width:100%}}.public-exam-setup-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px)}.public-exam-setup-content{padding:20px;max-width:1200px;margin:0 auto}.page-header h1{margin:0 0 8px;font-size:1.714em;color:var(--text-primary, var(--text-color, #1f2937));font-family:inherit}.exam-title{color:var(--text-secondary, #6b7280);font-size:1.143em;margin:0}.lessons-setup-section{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.lesson-setup-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:24px}.lesson-setup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border-color, #e5e7eb)}.lesson-setup-header h3{margin:0;font-size:1.286em;color:var(--text-primary, var(--text-color, #1f2937))}.lesson-summary{color:var(--text-secondary, #6b7280);font-size:.929em}.lesson-config{display:flex;flex-direction:column;gap:20px}.config-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:4px;font-weight:500;color:var(--text-primary, var(--text-color, #1f2937));font-size:.929em}.form-group input{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937));font-size:1em}.ranges-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color, #e5e7eb)}.ranges-section h4{margin:0 0 12px;font-size:1.143em;color:var(--text-primary, var(--text-color, #1f2937))}.empty-ranges{padding:20px;text-align:center;color:var(--text-secondary, #6b7280);background:var(--input-bg, #f9f9f9);border-radius:4px}.ranges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.range-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s}.range-checkbox:hover{background:var(--input-bg, #f3f4f6)}.range-checkbox.selected{background:#2563eb1a;border:1px solid var(--primary-color, #2563eb)}.range-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.range-text{flex:1}.actions-section{display:flex;justify-content:center;margin-top:32px}.generate-btn{padding:12px 48px;background:var(--success-color, #22c55e);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.143em;font-family:inherit;transition:all .2s ease}.generate-btn:hover:not(:disabled){background:var(--success-color-dark, #16a34a);transform:translateY(-1px)}.generate-btn:disabled{background:var(--secondary-color, #9ca3af);cursor:not-allowed;opacity:.6}.loading{padding:40px;text-align:center;color:var(--text-secondary, #6b7280)}@media(max-width:768px){.public-exam-setup-content{padding:12px}.config-row,.ranges-grid{grid-template-columns:1fr}.lesson-setup-header{flex-direction:column;align-items:flex-start;gap:8px}}.exam-print-page{direction:rtl;font-family:var(--font-family, inherit),"BNazanin","Tahoma";margin:10px;font-size:1em;line-height:1.4;padding:10px 20px 20px;background:#fff!important;color:#000!important;position:fixed;inset:0;overflow-y:auto;z-index:100}.school-name{font-family:var(--font-family, inherit),"BTitr","B Titr","Tahoma";font-weight:700}.title{text-align:right;font-size:small;margin:12px 0 16px}.section-title{font-weight:700;margin:14px 0 8px;border-bottom:1px solid #000!important;padding-bottom:4px;color:#000!important}.question,.question p{margin-bottom:0;color:#000!important}.options{margin-right:10px;margin-top:0}.option-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.option-cell{display:flex;gap:8px;align-items:flex-start}.checkbox{display:inline-block;width:12px;height:12px;border:1px solid #000!important;flex:0 0 12px;margin-top:4px;background:var(--bg-color, white)!important}.opt-label{white-space:nowrap;margin-left:4px}.option-content{min-width:0;display:inline-block;vertical-align:top}.option-text{display:inline;overflow-wrap:break-word;word-break:break-word;color:#000!important}.answer-area{height:75px;border:none;margin:8px 0 4px}.print-button{margin-top:20px;padding:10px 20px;background:var(--primary-color, #2563eb);color:var(--text-primary, #1f2937);border:none;border-radius:4px;cursor:pointer;font-size:1.143em}.exam-answers-page{direction:rtl;font-family:var(--font-family, inherit),"BNazanin","Tahoma";margin:10px;font-size:1em;line-height:1.2;padding:10px 20px 20px;background:#fff!important;color:#000!important;position:fixed;inset:0;overflow-y:auto;z-index:100}.header-table{width:100%;border:1px solid black!important;border-collapse:collapse;margin-bottom:10px}.header-table td{border:1px solid black!important;padding:6px;vertical-align:middle;color:#000!important;background:#fff!important}.header-table h3{text-align:center;margin:15px 0;color:#000!important}.answer{margin-bottom:10px;color:#000!important}.answer p{color:#000!important}.print-button{margin-top:20px;padding:10px 20px;background:var(--primary-color, #2563eb);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.143em}@media print{.print-button{display:none}}.exam-management-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px)}.tabs-container{display:flex;gap:0;border-bottom:2px solid var(--border-color, #e5e7eb);margin-bottom:20px}.tab-button{padding:12px 24px;border:none;background:none;cursor:pointer;font-size:1.143em;font-weight:400;color:var(--text-secondary, #6b7280);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;position:relative}.tab-button:hover{color:var(--primary-color, #3b82f6);background-color:var(--input-bg, #f3f4f6)}.tab-button.active{font-weight:600;color:var(--primary-color, #3b82f6);border-bottom-color:var(--primary-color, #3b82f6)}@media(max-width:768px){.exam-management-page{padding-top:var(--topbar-height, 64px)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:var(--card-bg, #ffffff);border-radius:8px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary, var(--text-color, #1f2937))}.modal-close{background:none;border:none;font-size:2em;cursor:pointer;color:var(--text-secondary, var(--subtext-color, #6b7280));padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.modal-close:hover{background:var(--input-bg, #f3f4f6)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid var(--border-color, #e5e7eb)}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-group{flex:1}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-primary, var(--text-color, #1f2937))}.form-group .form-control{width:100%;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;font-size:1em;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937))}.form-group .form-control:disabled{background-color:var(--input-bg, #f5f5f5);cursor:not-allowed;opacity:.6}.exam-management-content{padding:20px;max-width:1400px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background-color:var(--card-bg, #ffffff);padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;position:relative}.back-btn{padding:8px 16px;background:var(--input-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, var(--text-color, #1f2937));border-radius:4px;cursor:pointer;font-family:var(--font-family);font-size:1em;transition:all .3s ease}.header h1{margin:0;color:var(--text-primary, var(--text-color, #1f2937));font-size:1.5rem}.actions{display:flex;gap:10px}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-family:var(--font-family);font-size:1em;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-secondary{background-color:var(--secondary-color, #6b7280);color:#fff}.btn-secondary:hover{background-color:var(--secondary-dark, #4b5563);transform:translateY(-1px)}.btn-sm{padding:4px 8px;font-size:.857em}.search-container{margin-bottom:20px;background-color:var(--card-bg, #ffffff);padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color, #e5e7eb)}.search-form{display:flex;gap:10px}.search-input{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;font-family:var(--font-family);font-size:1em;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937))}.search-input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb40}.form-control,.form-select{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;font-family:var(--font-family);font-size:1em;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937))}.form-select{min-width:150px}.table-container{background-color:var(--card-bg, #ffffff);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color, #e5e7eb);overflow-x:auto}table{width:100%;border-collapse:collapse;margin-bottom:20px}th,td{padding:12px;text-align:right;border-bottom:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, var(--text-color, #1f2937))}th{background-color:var(--input-bg, #f8f9fa);font-weight:500;color:var(--text-primary, var(--text-color, #1f2937))}tr:hover{background-color:var(--input-bg, #f8f9fa)}.status-passed{color:var(--success-color, #15803d);font-weight:600;background:#16803d33;padding:4px 8px;border-radius:4px;border:1px solid rgba(22,128,61,.3)}.status-failed{color:var(--error-color, #b91c1c);font-weight:600;background:#b91c1c33;padding:4px 8px;border-radius:4px;border:1px solid rgba(185,28,28,.3)}.status-pending{color:var(--warning-color, #d97706);font-weight:600;background:#f59e0b2e;padding:4px 8px;border-radius:4px;border:1px solid rgba(245,158,11,.35)}tr.status-passed{background-color:#16803d1a;border-left:3px solid rgba(22,128,61,.5)}tr.status-failed{background-color:#b91c1c1a;border-left:3px solid rgba(185,28,28,.5)}tr.status-pending{background-color:#f59e0b14;border-left:3px solid rgba(245,158,11,.45)}tr.status-passed:hover{background-color:#16803d26}tr.status-failed:hover{background-color:#b91c1c26}tr.status-pending:hover{background-color:#f59e0b24}.details-fade.status-passed{background:#16803d14!important}.details-fade.status-failed{background:#b91c1c14!important}.details-fade.status-pending{background:#f59e0b14!important}.exam-details-row{display:none}.score-input{text-align:center;width:60px;padding:4px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937))}.save-score{font-size:.857em;padding:4px 8px}.toggle-finalized{background:none;border:none;cursor:pointer;font-size:1.286em;padding:4px 8px;color:var(--text-primary, var(--text-color, #1f2937))}.error-message{background-color:#ef44441a;color:var(--error-color, #ef4444);padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;border:1px solid rgba(239,68,68,.2)}.row{display:flex;flex-wrap:wrap;margin:0 -8px}.col-12{flex:0 0 100%;padding:0 8px}.col-md-2{flex:0 0 16.666667%;padding:0 8px}.col-md-3{flex:0 0 25%;padding:0 8px}.col-md-4{flex:0 0 33.333333%;padding:0 8px}.g-2>*{margin-bottom:8px}.d-grid{display:grid}.flex-wrap{flex-wrap:wrap}.w-100{width:100%}.mb-2{margin-bottom:8px}.mb-md-0{margin-bottom:0}.text-center{text-align:center}.p-4{padding:16px;color:var(--text-secondary, var(--subtext-color, #6b7280))}@media(max-width:768px){.col-md-2,.col-md-3,.col-md-4{flex:0 0 100%}.mb-md-0{margin-bottom:8px}}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.286em;padding:4px 8px;border-radius:4px;transition:background .2s;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--input-bg, #f3f4f6)}.delete-btn{color:#dc2626}.delete-btn:hover{background:#dc262626;color:#b91c1c}.edit-btn:hover{background:#2563eb1a}.save-btn:hover{background:#22c55e1a}.cancel-btn:hover{background:#ef44441a}.pagination-container{padding:15px 0}.pagination-container button:disabled{opacity:.5;cursor:not-allowed}.pagination-container button:disabled:hover{background-color:var(--secondary-color, #6b7280);transform:none}.exam-details-row{background-color:var(--input-bg, #f8f9fa)}.exam-details-row td{border-top:none;padding:0}.exam-row{cursor:pointer}.exam-row:hover{background-color:var(--input-bg, #f8f9fa)}.exam-details-row{display:table-row!important}.exam-details-row.hidden{display:none!important}.notification-drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:1298;animation:fadeIn .2s ease}.notification-drawer{position:fixed;top:0;right:-400px;width:400px;max-width:90vw;height:100vh;background:var(--drawer-bg, #ffffff);box-shadow:-4px 0 20px #00000026;z-index:1299;display:flex;flex-direction:column;transition:right .3s ease}.notification-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--drawer-bg, #ffffff)}.notification-drawer-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-color, #1f2937)}.mark-all-read-btn{background:none;border:none;color:var(--primary-color, #2563eb);font-size:.929em;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.mark-all-read-btn:hover{background:var(--input-bg, #f3f4f6)}.close-drawer-btn{background:none;border:none;font-size:2em;line-height:1;color:var(--subtext-color, #6b7280);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-drawer-btn:hover{background:var(--input-bg, #f3f4f6);color:var(--text-color, #1f2937)}.notification-filters{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);overflow-x:auto;background:var(--drawer-bg, #ffffff)}.filter-btn{background:var(--input-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);color:var(--text-color, #1f2937);padding:6px 12px;border-radius:6px;font-size:.929em;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-btn:hover{background:var(--border-color, #e5e7eb)}.filter-btn.active{background:var(--primary-color, #2563eb);color:var(--card-bg, #ffffff);border-color:var(--primary-color, #2563eb)}.notification-list{flex:1;overflow-y:auto;padding:8px}.notification-loading,.notification-empty{text-align:center;padding:40px 20px;color:var(--subtext-color, #6b7280);font-size:1em}.notification-item{display:flex;gap:12px;padding:12px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;border-right:none}.notification-item:hover{transform:translate(-2px);box-shadow:0 2px 8px var(--card-border)}.notification-item.unread{font-weight:600;font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:var(--text-color);background-color:var(--primary-color);border-color:var(--primary-color);border-left:4px solid var(--primary-color)}.notification-item.urgent{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.notification-icon{font-size:1.714em;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.notification-header h4{margin:0;font-size:1em;font-weight:600;color:var(--text-color, #1f2937);flex:1}.notification-badges{display:flex;gap:4px;flex-shrink:0}.notification-new-badge,.priority-badge{font-size:.714em;font-weight:700;color:var(--card-bg, #ffffff);padding:2px 6px;border-radius:10px;white-space:nowrap}.notification-text{margin:6px 0;font-size:.929em;color:var(--subtext-color, #6b7280);line-height:1.5}.notification-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.786em;color:var(--subtext-color, #6b7280)}.notification-action-link{color:var(--primary-color, #2563eb);font-weight:600}.notification-drawer-footer{padding:16px 20px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--drawer-bg, #ffffff)}.view-all-btn{width:100%;background:var(--primary-color, #2563eb);color:var(--card-bg, #ffffff);border:none;padding:10px 16px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:var(--primary-dark, #1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--input-bg, #f9fafb)}.notification-list::-webkit-scrollbar-thumb{background:var(--subtext-color, #9ca3af);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--text-color, #6b7280)}@media(max-width:640px){.notification-drawer{width:100vw;max-width:100vw}}:root{--notif-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--notif-gradient-info: linear-gradient(135deg, #00c6fb 0%, #005bea 100%);--notif-gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--notif-gradient-warning: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--notif-gradient-alert: linear-gradient(135deg, #eb3349 0%, #f45c43 100%);--notif-glass: rgba(255, 255, 255, .05);--notif-glass-border: rgba(255, 255, 255, .1)}.notification-drawer-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1298;animation:notifOverlayIn .4s cubic-bezier(.4,0,.2,1)}@keyframes notifOverlayIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.notification-drawer{position:fixed;top:0;right:-480px;width:480px;max-width:95vw;height:100vh;background:var(--card-bg, #1e293b);box-shadow:-20px 0 60px #0000004d,-5px 0 20px #0003;z-index:1299;display:flex;flex-direction:column;transition:right .5s cubic-bezier(.4,0,.2,1);border-radius:32px 0 0 32px;overflow:hidden}.notification-drawer.open{right:0}.notification-drawer-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:var(--notif-gradient-primary);overflow:hidden}.notification-drawer-header:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 60%);animation:notifHeaderShimmer 6s linear infinite}@keyframes notifHeaderShimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-drawer-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(0,0,0,.2),transparent);pointer-events:none}.notification-drawer-header h3{margin:0;font-size:1.5rem;font-weight:800;color:#fff;position:relative;z-index:1;display:flex;align-items:center;gap:12px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.notification-drawer-header h3:before{content:"🔔";font-size:1.8rem;animation:notifBellRing 3s ease-in-out infinite}@keyframes notifBellRing{0%,to{transform:rotate(0)}5%{transform:rotate(15deg)}10%{transform:rotate(-15deg)}15%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}25%{transform:rotate(0)}}.mark-all-read-btn{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;padding:10px 18px;border-radius:24px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.mark-all-read-btn:before{content:"✓";font-weight:700}.mark-all-read-btn:hover{background:#ffffff59;transform:scale(1.05);box-shadow:0 4px 20px #0003}.close-drawer-btn{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;font-size:1.6rem;line-height:1;color:#fff;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-drawer-btn:hover{background:#ffffff59;transform:rotate(90deg) scale(1.1)}.notification-filters{display:flex;gap:10px;padding:16px 24px;background:var(--bg-secondary, #334155);border-bottom:1px solid var(--border-color, rgba(255,255,255,.1));overflow-x:auto;scrollbar-width:none}.notification-filters::-webkit-scrollbar{display:none}.filter-btn{background:var(--card-bg, #1e293b);border:1px solid var(--border-color, rgba(255,255,255,.15));color:var(--text-secondary, #94a3b8);padding:10px 20px;border-radius:24px;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease;display:flex;align-items:center;gap:6px}.filter-btn:hover{background:var(--primary-light, rgba(96, 165, 250, .15));border-color:var(--primary-color, #60a5fa);color:var(--text-primary, #f8fafc);transform:translateY(-2px)}.filter-btn.active{background:var(--notif-gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 20px #667eea66}.filter-emoji{font-size:1rem;display:inline-flex;align-items:center;justify-content:center}.notification-list{flex:1;overflow-y:auto;padding:16px;background:linear-gradient(180deg,var(--bg-secondary, #334155) 0%,var(--page-bg, #1e293b) 100%)}.notification-loading,.notification-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #64748b)}.notification-empty{display:flex;flex-direction:column;align-items:center;gap:16px}.notification-empty:before{content:"🔕";font-size:4rem;opacity:.5;animation:notifEmptyBounce 2s ease-in-out infinite}@keyframes notifEmptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.notification-item{position:relative;display:flex;gap:16px;padding:20px;margin-bottom:12px;border-radius:20px;cursor:pointer;background:var(--card-bg, #1e293b);border:1px solid var(--border-color, rgba(255,255,255,.1));transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.notification-item:before{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:var(--notif-gradient-info);opacity:0;transition:opacity .3s ease}.notification-item:hover{transform:translate(-8px) scale(1.02);box-shadow:0 10px 40px #0003,0 0 0 1px var(--primary-color, #60a5fa);border-color:var(--primary-color, #60a5fa)}.notification-item:hover:before{opacity:1}.notification-item{animation:notifItemSlideIn .5s ease-out both}.notification-item:nth-child(1){animation-delay:.05s}.notification-item:nth-child(2){animation-delay:.1s}.notification-item:nth-child(3){animation-delay:.15s}.notification-item:nth-child(4){animation-delay:.2s}.notification-item:nth-child(5){animation-delay:.25s}.notification-item:nth-child(6){animation-delay:.3s}.notification-item:nth-child(7){animation-delay:.35s}.notification-item:nth-child(8){animation-delay:.4s}.notification-item:nth-child(9){animation-delay:.45s}.notification-item:nth-child(10){animation-delay:.5s}@keyframes notifItemSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.notification-item.unread{background:linear-gradient(135deg,#667eea26,#764ba21a);border-color:#667eea4d}.notification-item.unread:after{content:"";position:absolute;top:20px;left:20px;width:12px;height:12px;background:var(--notif-gradient-primary);border-radius:50%;box-shadow:0 0 15px #667eea99;animation:notifUnreadPulse 2s ease-in-out infinite}@keyframes notifUnreadPulse{0%,to{transform:scale(1);box-shadow:0 0 15px #667eea99}50%{transform:scale(1.2);box-shadow:0 0 25px #667eeacc}}.notification-item.urgent{background:linear-gradient(135deg,#eb334926,#f45c431a);border-color:#eb334966;animation:notifItemSlideIn .5s ease-out both,notifUrgentGlow 2s ease-in-out infinite}@keyframes notifUrgentGlow{0%,to{box-shadow:0 0 20px #eb33494d}50%{box-shadow:0 0 40px #eb334980}}.notification-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;background:var(--notif-glass);border:1px solid var(--notif-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.notification-item:hover .notification-icon{transform:scale(1.1) rotate(5deg)}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.notification-header h4{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary, #f8fafc);line-height:1.4}.notification-badges{display:flex;gap:6px;flex-shrink:0}.notification-new-badge{font-size:.7rem;font-weight:800;color:#fff;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;animation:notifBadgeShine 2s ease-in-out infinite}@keyframes notifBadgeShine{0%,to{opacity:1}50%{opacity:.7}}.priority-badge{font-size:.7rem;font-weight:800;color:#fff;padding:4px 10px;border-radius:12px;display:flex;align-items:center;gap:4px}.priority-badge:before{content:"⚡"}.notification-text{margin:0 0 12px;font-size:.95rem;color:var(--text-secondary, #cbd5e1);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-footer{display:flex;justify-content:space-between;align-items:center}.notification-time{font-size:.85rem;color:var(--text-muted, #64748b);display:flex;align-items:center;gap:6px}.notification-time:before{content:"🕐";font-size:.9rem}.notification-action-link{color:var(--primary-color, #60a5fa);font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:4px;transition:all .3s ease}.notification-action-link:hover{color:#fff;text-shadow:0 0 10px var(--primary-color)}.notification-drawer-footer{padding:20px 24px;background:var(--card-bg, #1e293b);border-top:1px solid var(--border-color, rgba(255,255,255,.1))}.view-all-btn{width:100%;background:var(--notif-gradient-primary);color:#fff;border:none;padding:16px 24px;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px}.view-all-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.view-all-btn:hover:before{left:100%}.view-all-btn:hover{transform:translateY(-3px);box-shadow:0 10px 40px #667eea66,0 0 0 2px #fff3}.view-all-btn:after{content:"→";font-size:1.2rem;transition:transform .3s ease}.view-all-btn:hover:after{transform:translate(5px)}.notification-list::-webkit-scrollbar{width:8px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:var(--border-color, rgba(255,255,255,.2));border-radius:4px;transition:background .3s ease}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color, #60a5fa)}@media(max-width:640px){.notification-drawer{width:100vw;max-width:100vw;border-radius:0}.notification-drawer-header{padding:20px}.notification-drawer-header h3{font-size:1.3rem}.notification-item{padding:16px;margin-bottom:10px}.notification-icon{width:48px;height:48px;font-size:1.5rem}.notification-header h4{font-size:1rem}.filter-btn{padding:8px 16px;font-size:.85rem}}@keyframes notifRipple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.notification-item:active:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:#ffffff4d;border-radius:50%;animation:notifRipple .6s ease-out}[data-theme=default] .notification-drawer,[data-theme=midnight] .notification-drawer,[data-theme=ocean] .notification-drawer,[data-theme=forest] .notification-drawer,[data-theme=sunset] .notification-drawer,[data-theme=royal] .notification-drawer,[data-theme=cherry] .notification-drawer{background:var(--card-bg)}[data-theme=light] .notification-drawer{background:#fff;box-shadow:-20px 0 60px #00000026,-5px 0 20px #0000001a}[data-theme=light] .notification-item{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .notification-item.unread{background:linear-gradient(135deg,#667eea1a,#764ba20d)}[data-theme=light] .notification-header h4{color:#0f172a}[data-theme=light] .notification-text{color:#475569}[data-theme=light] .notification-time{color:#64748b}[data-theme=light] .filter-btn{background:#f1f5f9;border-color:#e2e8f0;color:#475569}[data-theme=light] .notification-list{background:linear-gradient(180deg,#f1f5f9,#fff)}.messages-drawer-overlay{position:fixed;inset:0;background:var(--primary-color-light);z-index:1298;animation:fadeIn .2s ease}.messages-drawer{position:fixed;top:0;right:-400px;width:400px;max-width:90vw;height:100vh;background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);box-shadow:-4px 0 20px #00000026;z-index:1299;display:flex;flex-direction:column;transition:right .3s ease}.messages-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background-color:var(--primary-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.messages-drawer-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.drawer-header-actions{display:flex;align-items:center;gap:8px}.mark-all-read-btn{background:none;border:none;color:var(--primary-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-size:.929em;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.mark-all-read-btn:hover{background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.close-drawer-btn{background:none;border:none;font-size:2em;line-height:1;color:var(--subtext-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-drawer-btn:hover{background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:var(--text-color, #1f2937)}.messages-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--border-color);background-color:var(--border-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.messages-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--subtext-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);padding:12px 8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease}.messages-tab:hover{color:var(--text-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);background:var(--border-light)}.messages-tab.active{color:var(--primary-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);border-bottom-color:var(--primary-color);background:transparent}.messages-list{flex:1;overflow-y:auto;padding:8px;background-color:var(--card-bg)}.messages-loading,.messages-empty{text-align:center;padding:40px 20px;color:var(--subtext-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);font-size:1em}.message-item{display:flex;gap:12px;padding:12px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);background:var(--border-light)}.message-item:hover{transform:translate(-2px);box-shadow:0 2px 8px #0000001a;border-color:var(--primary-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.message-item.unread{background:var(--primary-color-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);border-color:var(--primary-color);font-weight:600}.message-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--border-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.message-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.message-header h4{margin:0;font-size:1em;font-weight:600;color:var(--text-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.message-unread-badge{font-size:.714em;font-weight:700;color:#fff;background:var(--primary-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);padding:2px 6px;border-radius:10px;white-space:nowrap}.message-title{margin:4px 0;font-size:1em;font-weight:600;color:var(--text-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.message-preview{margin:4px 0;font-size:.929em;color:var(--subtext-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);line-height:1.4}.message-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.786em;color:var(--subtext-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.messages-drawer-footer{padding:16px 20px;border-top:1px solid var(--border-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);background:var(--card-bg)}.view-all-btn{width:100%;background:var(--primary-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:var(--primary-dark);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.messages-list::-webkit-scrollbar-track{background:var(--border-light);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.messages-list::-webkit-scrollbar-thumb{background:var(--subtext-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);border-radius:3px}.messages-list::-webkit-scrollbar-thumb:hover{background:var(--subtext-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}@media(max-width:640px){.messages-drawer{width:100vw;max-width:100vw}}:root{--msg-primary: #0088cc;--msg-primary-light: rgba(0, 136, 204, .1);--msg-warning: #f59e0b;--msg-warning-light: rgba(245, 158, 11, .1);--msg-success: #10b981;--msg-success-light: rgba(16, 185, 129, .1);--msg-info: #3b82f6;--msg-info-light: rgba(59, 130, 246, .1);--msg-gradient-telegram: linear-gradient(135deg, #0088cc 0%, #00a0dc 100%);--msg-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--msg-gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--msg-gradient-info: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%)}.messages-drawer-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1298;animation:msgOverlayFadeIn .3s ease}@keyframes msgOverlayFadeIn{0%{opacity:0}to{opacity:1}}.messages-drawer{position:fixed;top:0;right:-450px;width:450px;max-width:95vw;height:100vh;background:var(--card-bg, #ffffff);box-shadow:-8px 0 40px #0003;z-index:1299;display:flex;flex-direction:column;transition:right .4s cubic-bezier(.4,0,.2,1);border-radius:24px 0 0 24px;overflow:hidden}.messages-drawer.open{right:0}.messages-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--msg-gradient-telegram);color:#fff;position:relative;overflow:hidden}.messages-drawer-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:msgHeaderShine 8s linear infinite}@keyframes msgHeaderShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.messages-drawer-header h3{margin:0;font-size:1.4rem;font-weight:700;position:relative;z-index:1;display:flex;align-items:center;gap:10px}.messages-drawer-header h3:before{content:"💬";font-size:1.5rem}.drawer-header-actions{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.mark-all-read-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.85rem;cursor:pointer;padding:8px 14px;border-radius:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mark-all-read-btn:hover{background:#ffffff4d;transform:scale(1.05)}.close-drawer-btn{background:#fff3;border:none;font-size:1.5rem;line-height:1;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-drawer-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.close-drawer-btn{z-index:1301;pointer-events:auto}.messages-tabs{display:flex;gap:0;padding:0;background:var(--bg-secondary, #f8fafc);border-bottom:1px solid var(--border-color, #e5e7eb)}.messages-tab{flex:1;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary, #64748b);padding:16px 12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.messages-tab:before{content:"";width:20px;height:20px;background-size:contain;background-repeat:no-repeat;opacity:.6}.messages-tab:first-child:before{content:"📥"}.messages-tab:nth-child(2):before{content:"👥"}.messages-tab:nth-child(3):before{content:"💬"}.messages-tab:hover{color:var(--msg-primary);background:var(--msg-primary-light)}.messages-tab.active{color:var(--msg-primary);border-bottom-color:var(--msg-primary);background:#fff}.messages-tab .tab-badge{background:var(--msg-primary);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:12px;font-weight:700;animation:msgBadgePulse 2s ease-in-out infinite}@keyframes msgBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.messages-search{padding:12px 20px;background:var(--bg-secondary, #f8fafc);border-bottom:1px solid var(--border-color, #e5e7eb)}.messages-search-input{width:100%;padding:12px 16px 12px 44px;background:var(--card-bg, white);border:2px solid var(--border-color, #e5e7eb);border-radius:24px;font-size:.95rem;color:var(--text-primary, #1f2937);transition:all .3s ease;outline:none}.messages-search-input::placeholder{color:var(--text-muted, #9ca3af)}.messages-search-input:focus{border-color:var(--msg-primary);box-shadow:0 0 0 4px var(--msg-primary-light)}.messages-search-wrapper{position:relative}.messages-search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted, #9ca3af);pointer-events:none}.messages-list{flex:1;overflow-y:auto;padding:12px;background:var(--bg-secondary, #f0f2f5)}.messages-loading,.messages-empty{text-align:center;padding:60px 20px;color:var(--text-secondary, #64748b)}.messages-empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.messages-empty h4{margin:0 0 8px;font-size:1.1rem;color:var(--text-primary, #1f2937)}.messages-empty p{margin:0;font-size:.9rem}.message-item{display:flex;gap:14px;padding:16px;margin-bottom:8px;border-radius:16px;cursor:pointer;transition:all .3s ease;background:var(--card-bg, white);border:1px solid transparent;position:relative;overflow:hidden}.message-item:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:transparent;transition:all .3s ease}.message-item:hover{transform:translate(-4px);box-shadow:0 4px 20px #00000014;border-color:var(--msg-primary)}.message-item:hover:before{background:var(--msg-primary)}.message-item.type-warning{background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);border-right:4px solid var(--msg-warning)}.message-item.type-warning:before{background:var(--msg-warning)}.message-item.type-warning .message-type-badge{background:var(--msg-gradient-warning)}.message-item.type-success,.message-item.type-encouragement{background:linear-gradient(135deg,#10b9810d,#10b98105);border-right:4px solid var(--msg-success)}.message-item.type-success:before,.message-item.type-encouragement:before{background:var(--msg-success)}.message-item.type-success .message-type-badge,.message-item.type-encouragement .message-type-badge{background:var(--msg-gradient-success)}.message-item.type-info,.message-item.type-announcement{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-right:4px solid var(--msg-info)}.message-item.type-info:before,.message-item.type-announcement:before{background:var(--msg-info)}.message-item.type-info .message-type-badge,.message-item.type-announcement .message-type-badge{background:var(--msg-gradient-info)}.message-item.unread{background:var(--msg-primary-light);border-color:var(--msg-primary)}.message-item.unread:after{content:"";position:absolute;top:16px;left:16px;width:10px;height:10px;background:var(--msg-primary);border-radius:50%;animation:msgUnreadDot 1.5s ease-in-out infinite}@keyframes msgUnreadDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.message-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid var(--border-color, #e5e7eb);position:relative;transition:all .3s ease}.message-item:hover .message-avatar{border-color:var(--msg-primary);transform:scale(1.05)}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar.online:after{content:"";position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:var(--msg-success);border:3px solid white;border-radius:50%}.message-avatar svg{width:100%;height:100%;padding:12px;background:var(--msg-gradient-telegram);color:#fff}.message-content{flex:1;min-width:0}.message-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.message-header h4{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary, #1f2937);display:flex;align-items:center;gap:8px}.message-type-badge{font-size:.65rem;font-weight:700;color:#fff;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.message-unread-badge{font-size:.7rem;font-weight:700;color:#fff;background:var(--msg-primary);padding:3px 10px;border-radius:12px;animation:msgBadgePulse 2s ease-in-out infinite}.message-title{margin:0 0 4px;font-size:.95rem;font-weight:600;color:var(--text-primary, #1f2937)}.message-preview{margin:0;font-size:.9rem;color:var(--text-secondary, #64748b);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.message-time{font-size:.8rem;color:var(--text-muted, #9ca3af);display:flex;align-items:center;gap:4px}.message-time:before{content:"🕐";font-size:.75rem}.message-actions{display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.message-item:hover .message-actions{opacity:1}.message-action-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary, #f0f2f5);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.9rem}.message-action-btn:hover{background:var(--msg-primary);color:#fff;transform:scale(1.1)}.messages-drawer-footer{padding:16px 20px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, white);display:flex;gap:12px}.view-all-btn{flex:1;background:var(--msg-gradient-telegram);color:#fff;border:none;padding:14px 20px;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.view-all-btn:before{content:"📬";font-size:1.1rem}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0088cc4d}.new-message-btn{width:52px;height:52px;background:var(--msg-gradient-success);color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #10b9814d}.new-message-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 8px 24px #10b98166}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:transparent}.messages-list::-webkit-scrollbar-thumb{background:var(--text-muted, #9ca3af);border-radius:3px}.messages-list::-webkit-scrollbar-thumb:hover{background:var(--msg-primary)}@media(max-width:640px){.messages-drawer{width:100vw;max-width:100vw;border-radius:0}.messages-drawer-header{padding:16px 20px}.messages-drawer-header h3{font-size:1.2rem}.message-avatar{width:48px;height:48px}.message-item{padding:12px}}.message-item{animation:msgItemSlideIn .4s ease-out both}.message-item:nth-child(1){animation-delay:.05s}.message-item:nth-child(2){animation-delay:.1s}.message-item:nth-child(3){animation-delay:.15s}.message-item:nth-child(4){animation-delay:.2s}.message-item:nth-child(5){animation-delay:.25s}.message-item:nth-child(6){animation-delay:.3s}.message-item:nth-child(7){animation-delay:.35s}.message-item:nth-child(8){animation-delay:.4s}.message-item:nth-child(9){animation-delay:.45s}.message-item:nth-child(10){animation-delay:.5s}@keyframes msgItemSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.group-message-item{position:relative}.group-message-item .group-badge{position:absolute;top:8px;left:8px;background:var(--msg-gradient-info);color:#fff;font-size:.65rem;padding:2px 8px;border-radius:8px;font-weight:600}.direct-messages-section{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border-color, #e5e7eb)}.direct-messages-section h5{margin:0 0 12px;font-size:.85rem;color:var(--text-secondary, #64748b);display:flex;align-items:center;gap:8px}.direct-messages-section h5:before{content:"💬"}.user-search-results{position:absolute;top:100%;left:0;right:0;background:var(--card-bg, white);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;margin-top:8px;max-height:300px;overflow-y:auto;box-shadow:0 8px 32px #00000026;z-index:10}.user-search-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color, #e5e7eb)}.user-search-item:last-child{border-bottom:none}.user-search-item:hover{background:var(--msg-primary-light)}.user-search-item img{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-search-item .user-info{flex:1}.user-search-item .user-name{font-weight:600;color:var(--text-primary, #1f2937);font-size:.95rem}.user-search-item .user-role{font-size:.8rem;color:var(--text-secondary, #64748b)}.permits-container{max-width:1400px;margin:0 auto;padding:20px;padding-top:var(--topbar-height, 64px);direction:rtl;position:relative;z-index:1}@media(max-width:768px){.permits-container{padding-top:var(--topbar-height, 64px)}}@media(max-width:768px){.permits-modal-wrapper .permits-container{padding-top:0!important}.permits-modal-wrapper .permits-container .permits-header{margin-top:0;padding-top:12px}}.permits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color, #e2e8f0)}.permits-header h1{margin:0;font-size:1.714em;font-weight:700;color:var(--text-color, #1e293b)}.permits-search-section{margin-bottom:20px;padding:16px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px}.search-input-group{display:flex;gap:8px;align-items:center;position:relative}.search-type-select{padding:4px;border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-size:1em;font-family:inherit;background:var(--input-bg, white);color:var(--text-color, #1f2937);cursor:pointer;min-width:60px}.search-input{flex:1;padding:10px 40px 10px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-size:1em;font-family:inherit;background:var(--input-bg, white);color:var(--text-color, #1f2937);transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.clear-search-btn{position:absolute;left:12px;background:none;border:none;font-size:1.714em;color:var(--subtext-color, #6b7280);cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.clear-search-btn:hover{background:var(--input-bg, #f3f4f6);color:var(--text-color, #1f2937)}.permits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-top:20px}.permit-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s}.permit-card:hover{box-shadow:0 4px 8px #00000026}.permit-card-top{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e2e8f0)}.permit-student-header{display:flex;align-items:center;gap:16px;padding:12px;background:var(--input-bg, #f8fafc);border-radius:8px;transition:all .2s}.permit-student-header:hover{background:var(--border-light, #f1f5f9);transform:translate(-2px)}.permit-student-avatar{width:90px;height:90px;min-width:90px;min-height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color, #3b82f6);flex-shrink:0;overflow:hidden;display:block}.permit-student-info{flex:1;min-width:0}.permit-student-name{font-weight:700;font-size:1.286em;color:var(--text-color, #1e293b);word-break:break-word;line-height:1.4;margin-bottom:4px}.permit-student-role{font-size:1em;color:var(--subtext-color, #64748b)}.permit-lesson-book-section{margin-top:16px;margin-bottom:12px;padding-top:12px;border-top:1px solid var(--border-color, #e2e8f0)}.permit-lesson-book-section .permit-title{font-size:1.143em;font-weight:600;color:var(--text-color, #1e293b);word-break:break-word;margin:0;text-align:center}.permit-card-top .permit-title{font-size:1.143em;font-weight:600;color:var(--text-color, #1e293b);word-break:break-word;margin:0}.permit-card-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}.permit-meta-section{margin-bottom:12px;padding:12px;background:var(--input-bg, #f8f9fa);border-radius:8px}.permit-meta-section .permit-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0}.permit-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--border-color, #e2e8f0);margin-top:0}.permit-card-footer .expand-btn{margin:0;flex-shrink:0}.permit-card-footer .permit-main-actions{margin:0;flex:1;justify-content:flex-end}.permit-users-section{display:flex;flex-direction:column;gap:12px;min-width:200px}.permit-user-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--input-bg, #f8fafc);border-radius:8px;transition:all .2s;position:relative}.permit-user-card:hover{background:var(--border-light, #f1f5f9);transform:translate(-2px)}.permit-user-card .avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;overflow:hidden;display:block;flex-shrink:0}.permit-user-card .user-info{flex:1;min-width:0}.permit-user-card .user-name{font-weight:600;font-size:1em;color:var(--text-color, #1e293b);word-break:break-word;line-height:1.4}.permit-user-card .user-role{font-size:.857em;color:var(--subtext-color, #64748b);margin-top:2px}.permit-user-card .message-btn-icon,.permit-student-header .message-btn-icon{background:var(--primary-color, #3b82f6);color:var(--text-color, #1f2937);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);border:none;border-radius:6px}.permit-user-card .message-btn-icon:hover,.permit-student-header .message-btn-icon:hover{background:var(--primary-dark, #2563eb);transform:scale(1.05)}.permit-avatars{display:flex;gap:8px}.permit-avatars .avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.permit-info{flex:1;min-width:0}.permit-title{font-size:1.143em;font-weight:600;color:var(--text-color, #1e293b);margin-bottom:8px;word-break:break-word}.permit-meta{font-size:1em;color:var(--subtext-color, #64748b);line-height:1.6;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.permit-score{font-size:1.143em;color:var(--success-color, #059669)}.expand-btn{background:var(--input-bg, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;padding:8px 12px;cursor:pointer;font-size:1em;color:var(--text-color, #475569);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);transition:background .2s}.expand-btn:hover{background:var(--border-light, #e2e8f0)}.permit-card-details{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color, #e2e8f0)}.scores-details h4{font-size:1em;font-weight:600;color:var(--text-color, #1e293b);margin-bottom:12px}.scores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;font-size:1em;color:var(--text-color, #475569)}.guidance-section{margin-bottom:16px;padding:12px;background:var(--input-bg, #f8f9fa);border-radius:8px;border-right:3px solid var(--primary-color, #3b82f6)}.guidance-section h4{font-size:1em;font-weight:600;color:var(--text-color, #1e293b);margin-bottom:8px}.guidance-section p{font-size:1em;color:var(--text-color, #475569);line-height:1.6;margin:0}.permit-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #e2e8f0)}.permit-main-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:1em;font-weight:500;transition:all .2s}.btn-primary{background:var(--gradient-primary, linear-gradient(135deg, #0b5cff 0%, #60a5fa 100%));color:var(--text-on-primary, #ffffff);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif);box-shadow:0 2px 8px #0b5cff33}.btn-secondary{background:var(--input-bg, #f1f5f9);color:var(--text-color, #475569);border:1px solid var(--border-color, #e2e8f0)}.btn-secondary:hover{background:var(--border-light, #e2e8f0)}.btn-outline{background:transparent;color:var(--primary-color, #3b82f6);border:1px solid var(--primary-color, #3b82f6)}.btn-outline:hover{background:var(--input-bg, #eff6ff)}.btn-danger{background:var(--error-color, #ef4444);color:var(--text-color, #1f2937);font-family:var(--font-family, "Vazir", "IranSans", "Tahoma", Arial, sans-serif)}.btn-danger:hover{background:var(--error-color-dark, #dc2626)}.btn-sm{padding:6px 12px;font-size:.929em}.loading,.no-data,.error-message{text-align:center;padding:40px;font-size:1.143em;color:var(--subtext-color, #64748b)}.error-message{color:var(--error-color, #ef4444);background:var(--input-bg, #fef2f2);border:1px solid var(--border-color, #fecaca);border-radius:8px;padding:16px;margin-bottom:20px}.modal-bg{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-bg.show{display:flex}.modal-content-box{background:var(--card-bg, white);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;color:var(--text-color, #1e293b)}.modal-content-box h2{color:var(--text-color, #1e293b);margin-top:0}.modal-close{position:absolute;top:16px;left:16px;font-size:1.714em;cursor:pointer;color:var(--subtext-color, #64748b);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.modal-close:hover{background:var(--input-bg, #f1f5f9)}.modal-content-box h2{margin:0 0 20px;font-size:1.429em;font-weight:700;color:var(--text-color, #1e293b)}.modal-form{display:flex;flex-direction:column;gap:16px}.form-group label{font-size:1em;font-weight:500;color:var(--text-color, #1e293b)}.form-control{padding:10px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:1em;font-family:inherit;background:var(--input-bg, #ffffff);color:var(--text-color, #1e293b)}.form-control:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color, #e2e8f0)}@media(max-width:768px){.permits-grid{grid-template-columns:1fr}.permits-header{flex-direction:column;align-items:flex-start;gap:16px}.permits-container{padding-top:140px}}.exam-results-view-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px);padding:20px}.exam-results-content{max-width:1200px;margin:0 auto;background:var(--card-bg, #ffffff);border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.results-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color, #e5e7eb)}.results-header h1{margin:0 0 16px;color:var(--text-primary, #1f2937);font-size:1.714em}.exam-info-summary{display:flex;gap:24px;flex-wrap:wrap;color:var(--text-secondary, #6b7280)}.exam-info-summary p{margin:0}.total-score{color:var(--primary-color, #2563eb)!important;font-size:1.143em;font-weight:600}.results-display{margin-top:24px}.answer-item-view{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:20px}.question-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.question-progress-text{font-weight:600;color:var(--text-primary, #1f2937)}.score-badge{padding:6px 12px;border-radius:4px;font-weight:600;font-size:.929em}.score-badge.correct{background:#22c55e26;color:#16a34a}.score-badge.incorrect{background:#ef444426;color:#dc2626}.question-text{margin-bottom:20px;padding:12px;background:var(--input-bg, #f9f9f9);border-radius:6px;line-height:1.6;color:var(--text-primary, #1f2937)}.mcq-answer-view{margin-bottom:20px}.selected-option{padding:12px 16px;border-radius:6px;border:2px solid;font-weight:500}.selected-option.correct{background:#22c55e1a;border-color:#16a34a;color:#16a34a}.selected-option.incorrect{background:#ef44441a;border-color:#dc2626;color:#dc2626}.correctness{display:block;margin-top:8px;font-weight:600}.correctness.correct{color:#16a34a}.correctness.incorrect{color:#dc2626}.essay-answer-view{margin-bottom:20px}.answer-text,.correct-answer,.score-display{margin-bottom:16px;padding:12px;background:var(--input-bg, #f9f9f9);border-radius:6px}.answer-text{border-right:3px solid var(--primary-color, #2563eb)}.correct-answer{border-right:3px solid #16a34a;background:#22c55e0d}.answer-content{margin-top:8px;padding:8px;background:var(--card-bg, #ffffff);border-radius:4px;line-height:1.6;white-space:pre-wrap;color:var(--text-primary, #1f2937)}.question-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color, #e5e7eb);gap:12px}.indicator{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--border-color, #e5e7eb);background:var(--input-bg, #f3f4f6);cursor:pointer;transition:all .2s;font-weight:500;color:var(--text-primary, #1f2937)}.indicator:hover,.indicator.active{background:var(--primary-color, #2563eb);color:#fff;border-color:var(--primary-color, #2563eb)}.indicator.answered{background:#eab30833;border-color:#eab30866}.indicator.correct{background:#22c55e33;border-color:#22c55e66}.btn-secondary{padding:10px 20px;background:var(--input-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, #1f2937);border-radius:4px;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--border-light, #e5e7eb)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.no-results,.no-answers,.loading{text-align:center;padding:40px;color:var(--text-secondary, #6b7280)}.score-editor-self{margin-top:16px;padding:16px;background:#2563eb0d;border:2px solid var(--primary-color, #2563eb);border-radius:8px}.score-editor-self label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:12px}.score-input-wrapper{display:flex;align-items:center;gap:8px}.score-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-color, #2563eb);border:1px solid var(--primary-color, #2563eb);border-radius:4px;color:#fff;cursor:pointer;font-size:1.286em;font-weight:700;transition:all .2s}.score-btn:hover:not(:disabled){background:var(--primary-dark, #1d4ed8);transform:scale(1.05)}.score-btn:disabled{opacity:.5;cursor:not-allowed}.score-input{width:80px;padding:8px 12px;border:2px solid var(--primary-color, #2563eb);border-radius:4px;font-size:1.143em;font-weight:700;text-align:center}.score-input:focus{outline:none;box-shadow:0 0 0 3px #2563eb40}.max-score{color:var(--text-secondary, #6b7280);font-weight:500}.btn-primary{padding:8px 16px;background:var(--success-color, #22c55e);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--success-color-dark, #16a34a)}.btn-primary.btn-sm{padding:6px 12px;font-size:.929em}.current-score-display{margin-top:12px;padding:8px;background:var(--input-bg, #f9f9f9);border-radius:4px;color:var(--text-secondary, #6b7280);font-size:.929em}@media(max-width:768px){.exam-results-view-page{padding:12px}.exam-results-content{padding:16px}.question-navigation{flex-direction:column}.question-indicators{width:100%;justify-content:center}.indicator{width:32px;height:32px;font-size:.857em}.exam-info-summary{flex-direction:column;gap:8px}}.online-exam-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px)}@media(max-width:768px){.online-exam-page{padding-top:var(--topbar-height, 64px)}}.online-exam-content{padding:20px;max-width:1000px;margin:0 auto}.exam-intro-page{padding:40px 20px;max-width:800px;margin:0 auto}.intro-header{text-align:center;margin-bottom:40px}.intro-header h1{font-size:2em;font-family:inherit;color:var(--text-primary, var(--text-color, #1f2937));margin-bottom:20px}.intro-content{background:var(--card-bg, #ffffff);border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary, var(--text-color, #1f2937))}.exam-info{margin-bottom:40px}.info-item{padding:16px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;font-size:1.143em;color:var(--text-primary, var(--text-color, #1f2937))}.info-item:last-child{border-bottom:none}.info-item strong{color:var(--text-secondary, #6b7280)}.intro-actions{text-align:center}.btn-large{padding:16px 48px;font-size:1.286em;font-weight:700}.exam-header{background:var(--card-bg, #ffffff);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary, var(--text-color, #1f2937))}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.exam-header h2{font-size:1.714em;color:var(--text-primary, var(--text-color, #1f2937));margin:0}.question-progress{text-align:center;color:var(--text-secondary, #6b7280);font-size:1em;padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb)}.timer{padding:10px 20px;background:#ff9800;color:#fff;border-radius:6px;font-weight:700;font-size:1.143em;white-space:nowrap}.timer-warning{background:#f44336;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.question-page{background:var(--card-bg, #ffffff);border-radius:8px;padding:32px;box-shadow:0 2px 4px #0000001a;min-height:500px;display:flex;flex-direction:column;color:var(--text-primary, var(--text-color, #1f2937))}.question-item{flex:1;margin-bottom:32px}.question-header{display:flex;gap:12px;margin-bottom:20px;align-items:center}.question-number{font-weight:700;font-size:1.429em;color:#007bff}.question-points{color:var(--text-secondary, #6b7280);font-size:1em}.question-text{margin-bottom:24px;line-height:1.8;font-size:1.286em;color:var(--text-primary, var(--text-color, #1f2937));padding:16px;background:var(--input-bg, #f8f9fa);border-radius:6px;white-space:pre-wrap;word-wrap:break-word;clear:both}.question-text br{line-height:1.8}.options-list{display:flex;flex-direction:column;gap:12px;clear:both;margin-top:8px}.option-label{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--card-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937))}.option-label:hover{background:var(--card-bg, #f0f7ff);border-color:var(--primary-color, #007bff);color:var(--text-secondary, #1f2937)}.option-label.selected{background:var(--primary-color, #e3f2fd);border-color:var(--primary-color, #007bff)}.option-label input[type=radio]{cursor:pointer;width:20px;height:20px}.option-label span{font-size:1.143em;flex:1;color:var(--text-primary, var(--text-color, #1f2937))}.essay-answer{width:100%;padding:1px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;font-family:inherit;font-size:1.143em;resize:vertical;min-height:200px;line-height:1;background:var(--input-bg, #ffffff);color:var(--text-primary, var(--text-color, #1f2937))}.essay-answer:focus{outline:none;border-color:var(--primary-color, #007bff)}.question-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:2px solid var(--border-color, #e5e7eb);gap:16px}.question-indicators{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;flex:1}.indicator{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color, #e5e7eb);background:var(--card-bg, #ffffff);cursor:pointer;font-size:1em;font-weight:700;transition:all .2s;color:var(--text-secondary, #6b7280)}.indicator:hover{border-color:var(--primary-color, #007bff);background:var(--hover-bg, #f0f7ff)}.indicator.active{background:var(--primary-color, #007bff);border-color:var(--primary-color, #007bff);color:#fff}.indicator.answered.active{background:var(--primary-color, #007bff);border-color:var(--primary-color, #007bff)}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:1.143em;font-weight:700;transition:all .2s}.btn-primary{background:var(--gradient-success, linear-gradient(135deg, #10b981 0%, #34d399 100%));color:var(--text-on-primary, #ffffff);box-shadow:0 2px 8px #10b98133}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-secondary:disabled{background:#ccc;cursor:not-allowed}.exam-result-page{padding:40px 20px;max-width:800px;margin:0 auto}.result-header{text-align:center;margin-bottom:40px}.result-header h1{font-size:2.286em;color:var(--text-primary, var(--text-color, #1f2937));font-family:inherit}.result-content{background:var(--card-bg, #ffffff);border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary, var(--text-color, #1f2937))}.result-message{text-align:center;padding:24px;border-radius:8px;margin-bottom:32px}.result-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.result-message p{font-size:1.286em;font-weight:700;margin:0}.result-info{margin-bottom:32px}.result-info p{padding:12px;border-bottom:1px solid var(--border-color, #e5e7eb);font-size:1.143em;display:flex;justify-content:space-between;color:var(--text-primary, var(--text-color, #1f2937))}.result-info p:last-child{border-bottom:none}.result-info strong{color:var(--text-secondary, #6b7280)}.error-message{padding:12px 16px;background:var(--error-bg, #ffebee);color:var(--error-color, #c62828);border-radius:6px;margin-bottom:16px;border:1px solid var(--error-border, #ffcdd2)}.no-questions{text-align:center;padding:40px;color:var(--text-secondary, #6b7280);font-size:1.286em}@media(max-width:768px){.online-exam-content{padding:12px}.question-page{padding:20px}.header-top{flex-direction:column;gap:12px;align-items:flex-start}.question-navigation{flex-direction:column;gap:16px}.question-indicators{max-width:100%;overflow-x:auto;justify-content:flex-start}.intro-content{padding:24px}.exam-info{margin-bottom:24px}.info-item{flex-direction:column;gap:8px}}.exam-correction-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px)}@media(max-width:768px){.exam-correction-page{padding-top:var(--topbar-height, 64px)}}.exam-correction-content{padding:20px;max-width:1200px;margin:0 auto}.back-btn{padding:8px 16px;background:var(--input-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, var(--text-color, #1f2937));border-radius:4px;cursor:pointer;transition:all .2s ease}.exam-info{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:20px;margin-bottom:24px;display:flex;gap:24px;flex-wrap:wrap}.info-item{display:flex;gap:8px}.info-label{font-weight:600;color:var(--text-secondary, var(--subtext-color, #6b7280))}.info-value{color:var(--text-primary, var(--text-color, #1f2937))}.correction-method-section{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:20px;margin-bottom:24px}.correction-method-section h3{margin-bottom:16px;color:var(--text-primary, var(--text-color, #1f2937))}.method-buttons{display:flex;gap:12px}.method-btn{padding:10px 20px;background:var(--input-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, var(--text-color, #1f2937));border-radius:4px;cursor:pointer;transition:all .2s ease}.method-btn:hover{background:var(--border-light, #e5e7eb)}.method-btn.active{background:var(--primary-color, #2563eb);color:#fff;border-color:var(--primary-color, #2563eb)}.auto-correction-section,.manual-correction-section{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:20px;margin-bottom:24px}.questions-list{margin-bottom:20px}.btn-primary{padding:10px 20px;background:var(--gradient-success, linear-gradient(135deg, #10b981 0%, #34d399 100%));color:var(--text-on-primary, #ffffff);border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #10b98133}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-primary:disabled{background:var(--secondary-color, #9ca3af);cursor:not-allowed;opacity:.6}.error-message{padding:12px;background:#ef44441a;color:var(--error-color, #ef4444);border-radius:4px;margin-bottom:16px;border:1px solid rgba(239,68,68,.2)}.exam-question-menu-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:64px}.exam-question-menu-content{padding:20px;max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.back-btn{padding:8px 16px;background:var(--input-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, var(--text-color, #1f2937));border-radius:4px;cursor:pointer;font-size:1em;transition:all .2s ease}.back-btn:hover{background:var(--border-light, #e5e7eb)}.page-header h1{margin:0;font-size:1.714em;color:var(--text-primary, var(--text-color, #1f2937))}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.menu-item{background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e5e7eb);border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.menu-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--item-color, var(--primary-color, #2563eb));transform:scaleX(0);transition:transform .3s ease}.menu-item:hover{border-color:var(--item-color, var(--primary-color, #2563eb));box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.menu-item:hover:before{transform:scaleX(1)}.menu-item-icon{font-size:2.857em;margin-bottom:16px;color:var(--item-color, var(--primary-color, #2563eb));transition:all .3s ease;display:flex;align-items:center;justify-content:center}.menu-item:hover .menu-item-icon{transform:scale(1.1);color:var(--item-color, var(--primary-color, #2563eb))}.menu-item-content{flex:1;width:100%}.menu-item-title{margin:0 0 8px;font-size:1.286em;font-weight:600;color:var(--text-primary, var(--text-color, #1f2937))}.menu-item-description{margin:0;font-size:1em;color:var(--text-secondary, var(--subtext-color, #64748b));line-height:1.5}.menu-item-arrow{margin-top:16px;font-size:1.429em;color:var(--item-color, var(--primary-color, #2563eb));opacity:0;transform:translate(-10px);transition:all .3s ease}.menu-item:hover .menu-item-arrow{opacity:1;transform:translate(0)}@media(max-width:768px){.menu-grid{grid-template-columns:1fr}.menu-item{padding:20px}.exam-types-row{flex-direction:column}.exam-type-card{min-width:100%}}.exam-types-section{margin-bottom:48px;padding:24px;background:var(--card-bg, #ffffff);border-radius:12px;border:2px solid var(--border-color, #e5e7eb)}.section-title{margin:0 0 24px;font-size:1.571em;font-weight:600;color:var(--text-primary, var(--text-color, #1f2937));text-align:center}.exam-types-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.exam-type-card{flex:1;min-width:200px;max-width:280px;background:var(--input-bg, #f3f4f6);border:2px solid var(--border-color, #e5e7eb);border-radius:12px;padding:24px 16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.exam-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--item-color, var(--primary-color, #2563eb));transform:scaleX(0);transition:transform .3s ease}.exam-type-card:hover{background:var(--card-bg, #ffffff);border-color:var(--item-color, var(--primary-color, #2563eb));box-shadow:0 6px 16px #0000001f;transform:translateY(-4px)}.exam-type-card:hover:before{transform:scaleX(1)}.exam-type-icon{font-size:3.143em;margin-bottom:16px;color:var(--item-color, var(--primary-color, #2563eb));transition:all .3s ease;display:flex;align-items:center;justify-content:center}.exam-type-card:hover .exam-type-icon{transform:scale(1.15) rotateY(360deg)}.exam-type-title{margin:0 0 8px;font-size:1.143em;font-weight:700;color:var(--text-primary, var(--text-color, #1f2937))}.exam-type-description{margin:0;font-size:.857em;color:var(--text-secondary, var(--subtext-color, #64748b));line-height:1.4}.classroom-exam-setup-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px);display:flex;justify-content:center}@media(max-width:768px){.classroom-exam-setup-page{padding-top:var(--topbar-height, 64px)}}.classroom-exam-setup-content{width:100%;max-width:880px;padding:24px;display:flex;flex-direction:column;gap:20px}.page-header h1{font-size:1.714em;font-weight:700;color:var(--text-primary, #1f2937);margin-bottom:4px;text-align:center;font-family:inherit}.exam-subtitle{text-align:center;color:var(--text-secondary, #4b5563);font-size:1.071em;margin:0;font-family:inherit}.setup-form{background:var(--card-bg, #ffffff);padding:24px;border-radius:12px;box-shadow:var(--card-shadow, 0 6px 24px rgba(15, 23, 42, .08));display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;color:var(--text-primary, #1f2937);font-size:1em;font-family:inherit}.form-group select,.form-group input[type=datetime-local]{padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1.071em;color:var(--text-primary, #1f2937);background:var(--input-bg, #f9fafb);font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group select:focus,.form-group input[type=datetime-local]:focus{border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px var(--bg-secondary);outline:none}.timing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.students-section{display:flex;flex-direction:column;gap:12px}.students-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.students-header h3{margin:0;font-size:1.143em;font-weight:700;color:var(--text-primary, #1f2937);font-family:inherit}.students-search{width:100%}.students-search .search-input{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1.071em;color:var(--text-primary, #1f2937);background:var(--input-bg, #f9fafb);font-family:inherit;transition:border-color .2s,box-shadow .2s}.students-search .search-input:focus{border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px var(--bg-secondary);outline:none;background:var(--card-bg, #ffffff)}.students-search .search-input::placeholder{color:var(--text-secondary, #9ca3af)}.students-list{max-height:340px;overflow-y:auto;background:var(--input-bg, #f3f4f6);border-radius:10px;padding:12px;border:1px solid var(--border-color, #e5e7eb);display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.student-checkbox{display:flex;align-items:center;gap:10px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .2s ease}.student-checkbox:hover{border-color:var(--primary-color-light, #93c5fd);box-shadow:0 4px 8px var(--bg-secondary)}.student-checkbox.selected{border-color:var(--primary-color, #2563eb);background:var(--bg-secondary)}.student-checkbox input{width:18px;height:18px;accent-color:var(--primary-color, #2563eb)}.btn-primary{padding:12px 20px;background:var(--gradient-primary, linear-gradient(135deg, #0b5cff 0%, #60a5fa 100%));color:var(--text-on-primary, #ffffff);border:none;border-radius:8px;font-size:1.143em;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0b5cff33}.btn-secondary{padding:10px 18px;background:var(--input-bg, #f9fafb);color:var(--text-primary, #1f2937);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-weight:600;font-size:1em;font-family:inherit;cursor:pointer;transition:background .2s ease,border-color .2s}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-color, #2563eb)}.error-message{color:var(--error-color, #ef4444);background:var(--bg-secondary);border:1px solid var(--error-color);padding:12px 16px;border-radius:10px;text-align:center}.success-message{color:var(--success-color, #10b981);background:var(--bg-secondary);border:1px solid var(--success-color);padding:12px 16px;border-radius:10px;text-align:center}.exam-link-card{background:var(--card-bg, #ffffff);border-radius:12px;padding:20px;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 4px 16px var(--bg-secondary);display:flex;flex-direction:column;gap:12px}.exam-link-card h3{margin:0;font-size:1.286em;font-weight:700;color:var(--text-primary, #1f2937);font-family:inherit}.link-helper{margin:0;color:var(--text-secondary, #4b5563);font-size:1em;font-family:inherit}.link-box{word-break:break-all;padding:12px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color);font-family:var(--font-family, inherit);font-size:.929em}.copy-status{font-size:.929em;color:var(--text-secondary, #4b5563);font-family:inherit}.print-actions{background:var(--card-bg, #ffffff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);padding:20px;box-shadow:0 6px 24px var(--bg-secondary);display:flex;flex-direction:column;gap:12px;align-items:flex-start}.print-buttons{display:flex;flex-wrap:wrap;gap:12px}.empty-state{grid-column:1 / -1;text-align:center;color:var(--text-secondary, #4b5563);padding:20px}.classroom-exam-control-page{min-height:100vh;background-color:var(--page-bg, var(--bg-color, #f7f7fa));padding-top:var(--topbar-height, 64px)}@media(max-width:768px){.classroom-exam-control-page{padding-top:var(--topbar-height, 64px)}}.classroom-exam-control-content{max-width:1200px;margin:0 auto;padding:24px}.page-header{margin-bottom:24px}.page-header h1{font-size:2em;color:var(--text-color);font-family:var(--font-family);margin-bottom:8px}.exam-info{color:var(--text-secondary);font-family:var(--font-family);font-size:1.143em}.exam-status-card{background:var(--background-secondary);padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.status-badge{display:inline-block;padding:8px 16px;border-radius:6px;font-weight:600;font-size:1em}.status-active{background:#10b98133;color:var(--success-color);font-family:var(--font-family)}.status-inactive{background:#ef444433;color:var(--error-color);font-family:var(--font-family)}.status-badge.answered{background:#10b98133;color:var(--success-color);font-family:var(--font-family)}.status-badge.not-answered{background:#9ca3af33;color:var(--text-secondary);font-family:var(--font-family)}.exam-stats{display:flex;gap:32px;margin-top:16px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:1em;color:var(--text-secondary);font-family:var(--font-family)}.stat-value{font-size:1.429em;font-weight:700;color:var(--primary-color);font-family:var(--font-family)}.control-actions{margin-bottom:24px}.btn-primary,.btn-secondary,.btn-danger{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:1.143em;font-weight:600;transition:all .2s}.btn-primary{background:var(--gradient-primary, linear-gradient(135deg, #0b5cff 0%, #60a5fa 100%));color:var(--text-on-primary, #ffffff);box-shadow:0 2px 8px #0b5cff33}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--secondary-dark)}.btn-secondary.btn-sm{padding:6px 12px;font-size:1em}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background:var(--error-color-dark)}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed}.participants-section{background:var(--background-secondary);padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.participants-section h3{font-size:1.429em;margin-bottom:16px;color:var(--text-color);font-family:var(--font-family)}.participants-table{overflow-x:auto}.participants-table table{width:100%;border-collapse:collapse}.participants-table thead{background:var(--background-secondary)}.participants-table th{padding:12px;text-align:right;font-weight:600;color:var(--text-color);font-family:var(--font-family);border-bottom:2px solid #dee2e6}.participants-table td{padding:12px;border-bottom:1px solid var(--border-color)}.participants-table tr:hover{background:var(--background-secondary)}.participants-table tr.selected{background:var(--primary-color)}.score-value{font-weight:600;color:var(--primary-color);font-family:var(--font-family)}.no-score{color:var(--text-secondary);font-family:var(--font-family)}.student-answers-modal{position:fixed;inset:0;background:var(--background-secondary);display:flex;align-items:center;justify-content:center;z-index:1000;padding:0}.modal-content{background:var(--background-secondary);border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.429em;color:var(--text-color);font-family:var(--font-family);margin:0}.close-btn{background:none;border:none;font-size:2.286em;color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--border-light);color:var(--text-color);font-family:var(--font-family)}.modal-body{padding:24px;overflow-y:auto;flex:1}.correction-page{display:flex;flex-direction:column;height:100%}.question-display{display:flex;flex-direction:column;gap:20px;flex:1;min-height:0}.question-header-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--background-secondary);border-radius:8px;margin-bottom:16px}.question-progress-text{font-weight:600;font-size:1.143em;color:var(--text-color);font-family:var(--font-family)}.question-points-info{color:var(--text-secondary);font-size:1em;font-family:var(--font-family)}.loading,.no-answers{text-align:center;padding:40px;color:var(--text-secondary);font-family:var(--font-family)}.answers-list{display:flex;flex-direction:column;gap:4px}.answer-item{border:1px solid var(--border-color);border-radius:8px;padding:24px;background:var(--background-secondary);min-height:300px;display:flex;flex-direction:column;gap:16px}.answer-header{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.question-number{font-weight:700;font-size:1.286em;color:var(--primary-color);font-family:var(--font-family)}.question-points{color:var(--text-secondary);font-family:var(--font-family);font-size:1em}.score-badge{padding:4px 12px;border-radius:4px;font-size:1em;font-weight:600}.score-badge.correct{background:#10b98133;color:var(--success-color);font-family:var(--font-family)}.question-text{margin-bottom:4px;padding:4px;background:var(--input-bg, #f8f9fa);border-radius:8px;line-height:1.8;font-size:1.143em;white-space:pre-wrap;word-wrap:break-word;color:var(--text-color);font-family:var(--font-family);min-height:30px}.mcq-answer{padding:12px;background:var(--background-secondary);border-radius:6px}.selected-option{display:flex;flex-direction:column;gap:8px}.correctness{padding:6px 12px;border-radius:4px;font-size:1em;font-weight:600}.correctness.correct{background:#10b98133;color:var(--success-color);font-family:var(--font-family)}.correctness.incorrect{background:#ef444433;color:var(--error-color);font-family:var(--font-family)}.essay-answer{display:flex;flex-direction:column;gap:1px}.essay-answer-section{display:flex;flex-direction:column;gap:16px}.answer-text,.correct-answer{padding:12px;background:var(--background-secondary);border-radius:6px}.answer-content{margin-top:8px;padding:12px;background:var(--background-secondary);border-radius:4px;line-height:1.6;white-space:pre-wrap}.error-message,.success-message{padding:12px 16px;border-radius:6px;margin-top:16px;font-size:1em}.error-message{color:var(--error-color);font-family:var(--font-family);background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.success-message{color:var(--success-color);font-family:var(--font-family);background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.score-editor{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-secondary);border-radius:6px;border:1px solid var(--border-color);flex-wrap:wrap;margin-top:12px}.score-editor label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-color);font-family:var(--font-family)}.score-editor input[type=number]{width:80px;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:1em}.score-editor input[type=number]:focus{outline:none;border-color:var(--primary-color)}.score-editor .max-score{color:var(--text-secondary);font-family:var(--font-family);font-size:1em}.correction-badge{padding:4px 8px;background:#3b82f633;color:var(--primary-color);font-family:var(--font-family);border-radius:4px;font-size:.857em;font-weight:600}.question-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:2px solid var(--border-color);gap:16px;margin-top:20px}.question-indicators{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;flex:1;max-height:120px;overflow-y:auto;padding:8px}.indicator{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);background:var(--background-secondary);cursor:pointer;font-size:1em;font-weight:700;transition:all .2s;color:var(--text-secondary);font-family:var(--font-family);flex-shrink:0}.indicator:hover{border-color:var(--primary-color);background:#007bff1a;transform:scale(1.1)}.indicator.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.indicator.answered{background:#28a745;border-color:#28a745;color:#fff}.indicator.answered.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media(max-width:768px){.classroom-exam-control-content{padding:12px}.exam-stats{flex-direction:column;gap:16px}.participants-table{display:none}.participants-cards{display:flex;flex-direction:column;gap:12px}.participant-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.participant-card:hover{box-shadow:0 2px 8px #0000001a}.participant-card.selected{border-color:var(--primary-color, #2563eb);background:#2563eb0d}.participant-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.participant-card-header h4{margin:0;font-size:1.143em;color:var(--text-primary, #1f2937);font-weight:600}.participant-card-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.participant-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.929em}.info-label{color:var(--text-secondary, #6b7280);font-weight:500}.participant-card-footer{padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb)}.participant-card-footer .btn-secondary{width:100%}.modal-content{max-height:95vh;margin:10px}.modal-body{padding:16px}.score-editor{flex-direction:column;align-items:flex-start}}@media(min-width:769px){.participants-cards{display:none}}.advertisements-management-page{min-height:100vh;background-color:#f5f5f5;padding:20px;padding-top:calc(var(--topbar-height, 64px) + 20px)}@media(max-width:768px){.advertisements-management-page{padding-top:calc(var(--topbar-height, 64px) + 20px)}}.advertisements-management-content{max-width:1200px;margin:0 auto;background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.page-header h1{margin:0;font-size:1.714em;color:#333}.btn-primary{background:var(--gradient-primary, linear-gradient(135deg, #0b5cff 0%, #60a5fa 100%));color:var(--text-on-primary, #ffffff);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1em;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #0b5cff33}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:1em;transition:all .3s}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-danger{background:#d32f2f;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:1em;transition:background .3s}.btn-danger:hover:not(:disabled){background:#c62828}.error-message{background:#ffebee;color:#c62828;padding:12px;border-radius:4px;margin-bottom:16px;border-right:4px solid #c62828}.success-message{background:#e8f5e9;color:#2e7d32;padding:12px;border-radius:4px;margin-bottom:16px;border-right:4px solid #2e7d32}.loading{text-align:center;padding:40px;color:#666}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state p{font-size:1.286em;margin-bottom:20px}.advertisements-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.advertisement-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff;transition:box-shadow .3s}.advertisement-card:hover{box-shadow:0 4px 12px #0000001a}.ad-card-image{position:relative;width:100%;height:180px;overflow:hidden;background:#f5f5f5}.ad-card-image img{width:100%;height:100%;object-fit:cover}.inactive-badge{position:absolute;top:8px;left:8px;background:#d32f2fe6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.857em;font-weight:500}.ad-card-content{padding:16px}.ad-card-content h3{margin:0 0 8px;font-size:1.286em;color:#333}.ad-link{margin:8px 0;font-size:.857em}.ad-link a{color:#1976d2;text-decoration:none;word-break:break-all}.ad-link a:hover{text-decoration:underline}.ad-meta{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-size:.857em;color:#666}.ad-card-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e0e0e0;background:#fafafa}.ad-card-actions button{flex:1}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.429em;color:#333}.close-btn{background:none;border:none;font-size:2em;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .3s}.close-btn:hover:not(:disabled){background:#f5f5f5}.modal-body{padding:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input[type=text],.form-group input[type=url],.form-group input[type=number],.form-group input[type=date],.form-group input[type=file]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1em;box-sizing:border-box;background:#fff;color:#333}.form-group input[type=checkbox]{margin-left:8px}.image-help-text{display:block;margin-top:4px;color:#666;font-size:.857em}.image-preview{margin-top:12px;max-width:100%;border:1px solid #ddd;border-radius:4px;overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e0e0e0}@media(max-width:768px){.advertisements-management-page{padding:12px;padding-top:calc(var(--topbar-height, 64px) + 12px)}.advertisements-management-page{padding-top:calc(var(--topbar-height, 64px) + 12px)}.advertisements-management-content{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.advertisements-list{grid-template-columns:1fr}.modal-content{max-width:100%;margin:0}}.forms-management-page{padding:80px 20px 20px;max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.page-header h1{flex:1;margin:0;font-size:1.714em;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0b5cff4d}.btn-secondary{background:var(--secondary-bg, #f3f4f6);color:var(--text-primary, #111827);border:1px solid var(--border-color, #e5e7eb);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.857em;transition:all .2s}.btn-danger{background:var(--danger-color, #ef4444);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.857em;transition:background .2s}.btn-danger:hover{background:var(--danger-hover, #dc2626)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #6b7280)}.forms-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px}.form-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:0;transition:all .2s;box-shadow:0 1px 3px #0000000d;display:flex;overflow:hidden}.form-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px);border-color:var(--primary-color, #3b82f6)}.form-card-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:12px}.form-card-sidebar{width:180px;min-width:180px;background:var(--bg-secondary, #f9fafb);border-right:1px solid var(--border-color, #e5e7eb);padding:16px;display:flex;flex-direction:column;gap:8px}.form-card-header{margin-bottom:0}.form-card-header h3{margin:0 0 8px;font-size:1.286em;font-weight:600;color:var(--text-primary, #111827);line-height:1.4}.form-actions{display:flex;flex-direction:column;gap:6px;width:100%}.form-actions .btn-primary,.form-actions .btn-secondary,.form-actions .btn-danger{width:100%;padding:8px 12px;font-size:.929em;text-align:center;white-space:nowrap}.form-description{color:var(--text-secondary, #6b7280);font-size:1em;margin-bottom:12px}.form-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.badge{padding:4px 12px;border-radius:12px;font-size:.857em;font-weight:500}.badge-success{background:#d1fae5;color:#065f46}.badge-info{background:#dbeafe;color:#1e40af}.badge-warning{background:#fef3c7;color:#92400e}.form-dates{display:flex;gap:16px;font-size:.857em;color:var(--text-secondary, #6b7280);margin-bottom:12px}.form-stats{display:flex;gap:16px;font-size:.857em;color:var(--text-secondary, #6b7280);padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb)}.form-link-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb)}.form-link-wrapper{display:flex;gap:8px;margin-top:8px;align-items:center}.form-link-input{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:.857em;background:var(--card-bg, #f9fafb);color:var(--text-primary, #111827);font-family:monospace}.btn-copy-link,.btn-share-link{white-space:nowrap;display:flex;align-items:center;justify-content:center;padding:8px;min-width:36px}.btn-copy-link svg,.btn-share-link svg{width:16px;height:16px}.form-field-editor{background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e5e7eb);border-radius:12px;padding:20px;margin-bottom:16px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.form-field-editor:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 2px 8px #00000014}.field-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.field-type-select{padding:10px 14px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1em;background:var(--input-bg, #ffffff);color:var(--text-primary, #111827);transition:all .2s;cursor:pointer}.field-type-select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.field-type-select:hover{border-color:var(--primary-color, #3b82f6)}.field-actions{display:flex;gap:8px}.btn-icon{background:var(--secondary-bg, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);border-radius:4px;padding:6px 10px;cursor:pointer;font-size:1.143em;transition:all .2s}.btn-icon:hover{background:var(--hover-bg, #e5e7eb)}.btn-icon.btn-danger{background:var(--danger-color, #ef4444);color:#fff;border-color:var(--danger-color, #ef4444)}.btn-icon.btn-danger:hover{background:var(--danger-hover, #dc2626)}.field-editor-body{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-input,.form-textarea{padding:10px 14px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1em;background:var(--input-bg, #ffffff);color:var(--text-primary, #111827);font-family:inherit;transition:all .2s;width:100%}.option-input{display:flex;gap:8px;align-items:center}.option-input .form-input{flex:1}.btn-add-option{background:var(--primary-color, #3b82f6);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:1em;transition:background .2s;align-self:flex-start}.btn-add-option:hover{background:var(--primary-hover, #2563eb)}@media(max-width:768px){.form-field-editor{padding:16px}.field-editor-header{flex-direction:column;align-items:flex-start;gap:12px}.field-actions{width:100%;justify-content:flex-end}}.form-builder-page{padding:80px 20px 20px;max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.page-header h1{margin:0;font-size:1.714em;font-weight:600}.form-builder-content{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:24px;align-items:flex-start}.form-settings{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:24px;position:sticky;top:calc(var(--topbar-height, 64px) + 16px)}.form-settings h2{margin:0 0 20px;font-size:1.429em;font-weight:600}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label{font-size:1em;font-weight:500;color:var(--text-primary, #111827)}.form-group label input[type=checkbox]{margin-left:8px}.form-input,.form-textarea{padding:12px 16px;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1em;background:var(--input-bg, #ffffff);color:var(--text-primary, #111827);font-family:inherit;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a;background:var(--input-bg, #ffffff)}.form-input:hover,.form-textarea:hover{border-color:var(--primary-color, #3b82f6)}.form-textarea{resize:vertical;min-height:80px}.form-fields-section{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;font-size:1.429em;font-weight:600}.empty-fields{text-align:center;padding:60px 20px;color:var(--text-secondary, #6b7280)}.fields-list{display:flex;flex-direction:column;gap:16px}.add-field-bottom{margin-top:16px;text-align:center}.btn-add-field-bottom{min-width:200px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--border-color, #e5e7eb);margin-top:24px}.btn-primary{background:var(--gradient-primary, linear-gradient(135deg, #0b5cff 0%, #60a5fa 100%));color:var(--text-on-primary, #ffffff);border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #0b5cff33}.btn-secondary{background:var(--secondary-bg, #f3f4f6);color:var(--text-primary, #111827);border:1px solid var(--border-color, #e5e7eb);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1em;transition:all .2s}.btn-secondary:hover{background:var(--hover-bg, #e5e7eb)}@media(max-width:900px){.form-builder-content{display:flex;flex-direction:column}.form-settings{position:static}}.form-responses-page{padding:80px 20px 20px;max-width:1200px;margin:0 auto}.form-responses-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.form-responses-page .page-header h1{font-size:1.6rem;margin:0}.form-info{background:var(--card-bg, #f9fafb);border-radius:8px;padding:16px;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));margin-bottom:16px}.form-info h2{margin:0 0 8px;font-size:1.3rem}.form-description{margin:0 0 8px;color:var(--text-secondary, #6b7280)}.form-meta{display:flex;gap:16px;font-size:.9rem;color:var(--text-secondary, #6b7280)}.responses-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.responses-toolbar .form-input{flex:1}.responses-table-wrapper{overflow-x:auto;background:var(--card-bg, #f9fafb);border-radius:8px;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.responses-table{width:100%;border-collapse:collapse;min-width:600px}.responses-table th,.responses-table td{padding:8px 12px;border-bottom:1px solid var(--border-color, #e5e7eb);text-align:right;font-size:.9rem}.responses-table th{background:var(--card-bg, #f9fafb);font-weight:600}.responses-table tbody tr:nth-child(2n){background:var(--card-bg, #f9fafb)}.empty-state{padding:24px;text-align:center;color:var(--text-secondary, #6b7280)}.loading{padding:24px;text-align:center}.form-statistics-page{padding:80px 20px 20px;max-width:1200px;margin:0 auto}.form-statistics-page .page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.form-statistics-page .page-header h1{flex:1;margin:0}.form-statistics-page .form-info{background:var(--card-bg, #fff);border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.form-statistics-page .form-info h2{margin:0 0 8px;color:var(--text-primary, #1f2937)}.form-statistics-page .form-description{color:var(--text-secondary, #6b7280);margin:0}.statistics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--card-bg, #fff);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;text-align:center}.stat-label{font-size:1em;color:var(--text-secondary, #6b7280);margin-bottom:8px}.stat-value{font-size:2.286em;font-weight:700;color:var(--primary-color, #3b82f6)}.field-statistics{margin-top:24px}.field-statistics h3{margin-bottom:16px;color:var(--text-primary, #1f2937)}.field-stat-card{background:var(--card-bg, #fff);border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a}.field-stat-card h4{margin:0 0 16px;color:var(--text-primary, #1f2937);font-size:1.286em}.option-stats,.yes-no-stats,.number-stats,.text-stats{display:flex;flex-direction:column;gap:12px}.option-stat-item,.yes-no-item,.number-stat-item,.text-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-secondary, #f9fafb);border-radius:6px}.option-label,.yes-no-item span:first-child,.number-stat-item span:first-child,.text-stat-item span:first-child{flex:1;color:var(--text-primary, #1f2937)}.option-count,.yes-no-item span:nth-child(2),.number-stat-item span:nth-child(2),.text-stat-item span:nth-child(2){font-weight:700;color:var(--primary-color, #3b82f6);margin:0 16px}.option-percent,.yes-no-item span:last-child,.number-stat-item span:last-child{color:var(--text-secondary, #6b7280);font-size:1em}@media(max-width:768px){.form-statistics-page{padding:16px}.statistics-summary{grid-template-columns:1fr}.field-stat-card{padding:16px}}.public-form-page{min-height:100vh;background:var(--page-bg, #f5f5f5);padding:80px 20px 20px;display:flex;justify-content:center;align-items:flex-start}.form-container{background:var(--card-bg, #fff);border-radius:12px;padding:32px;max-width:800px;width:100%;box-shadow:0 2px 8px #0000001a}.form-container h1{margin:0 0 16px;color:var(--text-primary, #1f2937);font-size:2em;font-family:inherit}.form-description{color:var(--text-secondary, #6b7280);margin-bottom:32px;line-height:1.6}.form-fields{display:flex;flex-direction:column;gap:24px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-weight:500;color:var(--text-primary, #1f2937);font-size:1em}.required{color:var(--danger-color, #ef4444);margin-right:4px}.form-input,.form-textarea,.form-select{padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1em;font-family:inherit;transition:border-color .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color, #3b82f6)}.form-textarea{resize:vertical;min-height:100px}.yes-no-options,.multiselect-options{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--bg-secondary, #f9fafb);border-radius:8px}.yes-no-options label,.multiselect-options label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.field-title{font-size:1.714em;font-weight:600;margin:24px 0 16px;color:var(--text-primary, #1f2937)}.field-text-display{color:var(--text-secondary, #6b7280);margin:16px 0;line-height:1.6}.field-page-break{border:none;border-top:2px solid var(--border-color, #e5e7eb);margin:32px 0}.form-actions{margin-top:32px;display:flex;justify-content:flex-end}.btn-primary{background:var(--gradient-primary, linear-gradient(135deg, #0b5cff 0%, #60a5fa 100%));color:var(--text-on-primary, #ffffff);border:none;padding:12px 24px;border-radius:8px;font-size:1.143em;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0b5cff33}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0b5cff4d}.alert{padding:12px 16px;border-radius:8px;margin-bottom:24px}.loading,.error-message{text-align:center;padding:60px 20px;color:var(--text-secondary, #6b7280)}.error-message{color:var(--danger-color, #ef4444)}@media(max-width:768px){.public-form-page{padding:16px}.form-container{padding:24px}.form-container h1{font-size:1.714em}}.form-recipients-page{padding:80px 20px 20px;max-width:1200px;margin:0 auto}.form-recipients-page .page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.form-recipients-page .page-header h1{margin:0;font-size:1.714em;font-weight:600}.form-info{background:var(--card-bg, #fff);border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.form-info h2{margin:0 0 8px;color:var(--text-primary, #1f2937)}.form-description{color:var(--text-secondary, #6b7280);margin:0}.recipients-section,.add-recipients-section{background:var(--card-bg, #fff);border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.recipients-section h3,.add-recipients-section h3{margin:0 0 16px;font-size:1.286em;color:var(--text-primary, #1f2937)}.recipients-list{display:flex;flex-direction:column;gap:12px}.recipient-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-secondary, #f9fafb);border-radius:8px}.recipient-info{display:flex;align-items:center;gap:12px;flex:1}.recipient-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.recipient-name{font-weight:500;color:var(--text-primary, #1f2937)}.recipient-meta{font-size:.857em;color:var(--text-secondary, #6b7280)}.btn-remove{padding:6px 12px;font-size:.857em}.bulk-add-buttons{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.bulk-add-buttons .btn-secondary{padding:8px 16px;font-size:.929em}.search-box{margin-bottom:16px}.form-input{width:100%;padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1em}.available-users-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.user-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary, #f9fafb);border-radius:8px;cursor:pointer;transition:background .2s}.user-item:hover{background:var(--hover-bg, #e5e7eb)}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-name{flex:1;font-weight:500;color:var(--text-primary, #1f2937)}.btn-add{padding:6px 12px;font-size:.857em}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary, #6b7280)}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.loading{text-align:center;padding:40px;color:var(--text-secondary, #6b7280)}.online-school-container{min-height:100vh;padding:80px 20px 20px;background:var(--page-bg);position:relative;overflow-x:hidden}.online-school-container:before{content:"";position:fixed;top:-50%;right:-30%;width:80vw;height:80vw;background:var(--gradient-primary);border-radius:50%;filter:blur(100px);opacity:.15;z-index:0;animation:float-bg 20s ease-in-out infinite;pointer-events:none}.online-school-container:after{content:"";position:fixed;bottom:-30%;left:-20%;width:60vw;height:60vw;background:var(--gradient-accent);border-radius:50%;filter:blur(80px);opacity:.1;z-index:0;animation:float-bg 25s ease-in-out infinite reverse;pointer-events:none}@keyframes float-bg{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,3%) scale(1.05)}66%{transform:translate(-3%,-5%) scale(.95)}}.online-school-header{text-align:center;margin-bottom:40px;position:relative;z-index:1;animation:fade-in-up .6s ease-out}.online-school-header h1{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-flex;align-items:center;gap:16px;margin:0 0 12px}.online-school-header h1 svg{width:clamp(36px,8vw,56px);height:clamp(36px,8vw,56px);stroke:var(--primary-color);-webkit-text-fill-color:initial}.online-school-header .subtitle{font-size:clamp(.9rem,2.5vw,1.1rem);color:var(--text-secondary);margin:0;opacity:.8}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:32px;position:relative;z-index:1;flex-wrap:wrap}.section-tab{display:flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-secondary);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.section-tab svg{width:22px;height:22px;transition:transform .3s ease}.section-tab:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-color);color:var(--primary-color)}.section-tab:hover svg{transform:scale(1.1)}.section-tab.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-primary)}.section-tab.active svg{stroke:#fff}.section-tab.active:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.2),transparent);pointer-events:none}.library-section{position:relative;z-index:1;animation:fade-in-up .6s ease-out .2s both}.library-header{margin-bottom:24px}.search-box{display:flex;align-items:center;gap:14px;padding:16px 24px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;max-width:500px;margin:0 auto;transition:all .3s ease;box-shadow:var(--shadow-sm)}.search-box:focus-within{border-color:var(--primary-color);box-shadow:var(--shadow-primary);transform:scale(1.02)}.search-box svg{width:22px;height:22px;stroke:var(--text-secondary);flex-shrink:0}.search-box input{flex:1;border:none;background:transparent;font-size:1rem;color:var(--text-primary);outline:none}.search-box input::placeholder{color:var(--text-secondary);opacity:.7}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-md)}.empty-state svg{width:100px;height:100px;stroke:var(--primary-color);opacity:.5;margin-bottom:24px}.empty-state h3{font-size:1.4rem;color:var(--text-primary);margin:0 0 12px}.empty-state p{color:var(--text-secondary);margin:0 0 28px;max-width:300px}.mobaheseh-section{max-width:900px;margin:0 auto;position:relative;z-index:1;animation:fade-in-up .6s ease-out .2s both}.api-settings{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-md)}.api-settings h3{display:flex;align-items:center;gap:12px;font-size:1.1rem;color:var(--text-primary);margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.api-settings h3 svg{width:24px;height:24px;stroke:var(--primary-color)}.api-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.input-group input{padding:14px 18px;border:2px solid var(--glass-border);border-radius:14px;font-size:.95rem;background:var(--input-bg);color:var(--text-primary);transition:all .3s ease}.input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}.input-group input::placeholder{color:var(--text-secondary);opacity:.6}.upload-area{border:3px dashed var(--glass-border);border-radius:24px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:24px;position:relative;overflow:hidden}.upload-area:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;pointer-events:none}.upload-area:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.upload-area:hover:before{opacity:.05}.upload-area.loading{pointer-events:none}.upload-placeholder svg{width:72px;height:72px;stroke:var(--primary-color);margin-bottom:20px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-placeholder h3{font-size:1.3rem;color:var(--text-primary);margin:0 0 8px}.upload-placeholder p{color:var(--text-secondary);margin:0}.uploaded-file-info{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.file-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:20px;box-shadow:var(--shadow-primary)}.file-icon svg{width:44px;height:44px;stroke:#fff}.file-name{display:block;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.file-size{font-size:.9rem;color:var(--text-secondary)}.extraction-progress{width:100%;max-width:300px;margin-top:8px}.extraction-progress span{display:block;text-align:center;font-size:.85rem;color:var(--text-secondary);margin-top:8px}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;position:relative}.progress-bar.large{height:12px}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill.animated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.text-preview{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-md)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.preview-header h3{font-size:1.1rem;color:var(--text-primary);margin:0}.token-estimate{font-size:.85rem;color:var(--text-secondary);background:var(--bg-secondary);padding:6px 14px;border-radius:20px}.text-preview textarea{width:100%;min-height:200px;padding:18px;border:2px solid var(--glass-border);border-radius:16px;font-size:.95rem;line-height:1.8;background:var(--input-bg);color:var(--text-primary);resize:vertical;transition:all .3s ease}.text-preview textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px -8px var(--primary-color)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary svg{width:22px;height:22px}.btn-secondary{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-primary);border:2px solid var(--glass-border)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.btn-secondary svg{width:20px;height:20px}.btn-large{padding:18px 36px;font-size:1.1rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:none;border-radius:12px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.btn-icon svg{width:20px;height:20px}.btn-icon:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.action-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.error-message{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid rgba(239,68,68,.3);border-radius:14px;color:#dc2626;font-size:.95rem;margin-bottom:24px;animation:shake .5s ease-in-out}.error-message svg{width:22px;height:22px;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.processing-status{text-align:center;padding:24px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;margin-bottom:24px}.processing-status .progress-bar{margin-bottom:16px}.progress-text{font-size:.95rem;color:var(--primary-color);font-weight:600}.spinner{animation:spin 1s linear infinite}.results-section{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);animation:fade-in-up .6s ease-out}.results-tabs{display:flex;border-bottom:1px solid var(--glass-border);background:var(--bg-secondary);overflow-x:auto}.result-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 24px;border:none;background:transparent;font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;position:relative;white-space:nowrap}.result-tab svg{width:20px;height:20px}.result-tab:hover{color:var(--primary-color);background:rgba(var(--primary-rgb),.05)}.result-tab.active{color:var(--primary-color);background:var(--card-bg)}.result-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:3px 3px 0 0}.result-content{padding:28px}.result-panel{animation:fade-in .4s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.result-header h3{font-size:1.2rem;color:var(--text-primary);margin:0}.result-text{font-size:1rem;line-height:2;color:var(--text-primary);white-space:pre-wrap;background:var(--input-bg);padding:24px;border-radius:16px;border:1px solid var(--glass-border)}.tree-container{display:flex;flex-direction:column;align-items:center;padding:32px 16px;min-width:fit-content}.tree-node-content{padding:14px 24px;background:var(--gradient-primary);color:#fff;border-radius:14px;font-weight:600;box-shadow:var(--shadow-primary);text-align:center;min-width:120px;max-width:280px;transition:all .3s ease}.tree-node-content:hover{transform:scale(1.05);box-shadow:0 8px 25px -5px var(--primary-color)}.tree-node.level-1 .tree-node-content{background:var(--gradient-accent)}.tree-node.level-2 .tree-node-content{background:linear-gradient(135deg,#10b981,#059669)}.tree-node.level-3 .tree-node-content{background:linear-gradient(135deg,#f59e0b,#d97706)}.tree-children{display:flex;gap:24px;margin-top:24px;position:relative;padding-top:24px}.tree-children:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:24px;background:var(--glass-border)}.tree-node:not(.level-0)>.tree-node-content:before{content:"";position:absolute;top:-24px;left:50%;transform:translate(-50%);width:2px;height:24px;background:var(--glass-border)}@media(max-width:768px){.online-school-container{padding:70px 16px 16px}.online-school-header{margin-bottom:28px}.online-school-header h1{flex-direction:column;gap:12px}.section-tabs{gap:8px}.section-tab{padding:12px 20px;font-size:.9rem;flex:1;justify-content:center}.section-tab svg{width:20px;height:20px}.api-settings{padding:20px}.api-inputs{grid-template-columns:1fr}.upload-area{padding:36px 20px}.upload-placeholder svg{width:56px;height:56px}.upload-placeholder h3{font-size:1.1rem}.text-preview{padding:20px}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.results-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.result-tab{padding:14px 18px;font-size:.85rem;min-width:120px}.result-content{padding:20px}.result-text{padding:18px;line-height:1.9}.tree-children{flex-direction:column;align-items:center;gap:16px}.tree-node-content{padding:12px 18px;font-size:.9rem;min-width:100px}.empty-state{padding:60px 20px}.empty-state svg{width:72px;height:72px}}@media(max-width:480px){.online-school-container{padding:65px 12px 12px}.online-school-header h1{font-size:1.6rem}.section-tab{padding:10px 14px;font-size:.85rem;border-radius:12px}.section-tab span{display:none}.section-tab svg{width:24px;height:24px}.api-settings h3{font-size:1rem}.input-group input{padding:12px 14px}.search-box{padding:12px 18px}.preview-header{flex-direction:column;align-items:flex-start}.preview-actions{width:100%;justify-content:space-between}.file-icon{width:64px;height:64px}.file-icon svg{width:36px;height:36px}.result-tab span{display:none}.result-tab svg{width:24px;height:24px}}@media print{.online-school-container{background:#fff;padding:20px}.online-school-container:before,.online-school-container:after{display:none}.section-tabs,.api-settings,.upload-area,.action-buttons,.btn-icon{display:none}.results-section{box-shadow:none;border:1px solid #ddd}.result-text{border:1px solid #ddd}}:root{--school-primary: #6366f1;--school-primary-light: #818cf8;--school-primary-dark: #4f46e5;--school-primary-glow: rgba(99, 102, 241, .4);--school-secondary: #06b6d4;--school-secondary-light: #22d3ee;--school-secondary-dark: #0891b2;--school-accent: #f59e0b;--school-accent-light: #fbbf24;--school-accent-dark: #d97706;--school-success: #10b981;--school-danger: #ef4444;--school-warning: #f59e0b;--school-bg-dark: #0a0a1a;--school-bg-elevated: #141432;--school-bg-glass: rgba(255, 255, 255, .03);--school-bg-glass-hover: rgba(255, 255, 255, .06);--school-text-primary: #f1f5f9;--school-text-secondary: #94a3b8;--school-text-muted: #64748b;--school-border: rgba(255, 255, 255, .08);--school-border-light: rgba(255, 255, 255, .12);--school-border-glow: rgba(99, 102, 241, .5);--school-gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--school-gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #0891b2 50%, #0e7490 100%);--school-gradient-accent: linear-gradient(135deg, #f59e0b 0%, #f97316 50%, #ea580c 100%);--school-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--school-gradient-mesh: radial-gradient(at 20% 30%, rgba(99, 102, 241, .15) 0px, transparent 50%), radial-gradient(at 80% 20%, rgba(139, 92, 246, .1) 0px, transparent 50%), radial-gradient(at 40% 80%, rgba(6, 182, 212, .1) 0px, transparent 50%), radial-gradient(at 90% 70%, rgba(245, 158, 11, .08) 0px, transparent 50%);--school-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--school-shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--school-shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--school-shadow-glow: 0 0 40px var(--school-primary-glow);--school-shadow-neon: 0 0 20px var(--school-primary-glow), 0 0 40px rgba(99, 102, 241, .2)}.online-school-container{min-height:100vh;padding:90px 24px 24px;background:var(--school-bg-dark);position:relative;overflow-x:hidden}.online-school-container:before{content:"";position:fixed;inset:0;background:var(--school-gradient-mesh);z-index:0;pointer-events:none}.online-school-container:after{content:"";position:fixed;width:600px;height:600px;background:radial-gradient(circle,var(--school-primary-glow) 0%,transparent 70%);top:-200px;right:-200px;border-radius:50%;filter:blur(60px);opacity:.5;animation:floatOrb 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-50px,50px) scale(1.1)}50%{transform:translate(-100px) scale(.9)}75%{transform:translate(-50px,-50px) scale(1.05)}}.online-school-header{text-align:center;margin-bottom:48px;position:relative;z-index:1;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.online-school-header h1{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;background:var(--school-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-flex;align-items:center;gap:20px;margin:0 0 16px;text-shadow:0 0 60px var(--school-primary-glow);letter-spacing:-1px}.online-school-header h1 svg{width:clamp(48px,10vw,72px);height:clamp(48px,10vw,72px);stroke:var(--school-primary);filter:drop-shadow(0 0 20px var(--school-primary-glow));-webkit-text-fill-color:initial;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px var(--school-primary-glow))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px var(--school-primary-glow))}}.online-school-header .subtitle{font-size:clamp(1rem,3vw,1.3rem);color:var(--school-text-secondary);margin:0;font-weight:400;letter-spacing:.5px}.online-school-header:after{content:"";display:block;width:120px;height:4px;background:var(--school-gradient-primary);border-radius:2px;margin:24px auto 0;box-shadow:var(--school-shadow-glow)}.section-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:40px;position:relative;z-index:1;flex-wrap:wrap;animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-tab{display:flex;align-items:center;gap:12px;padding:18px 36px;border:none;border-radius:20px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--school-text-secondary);border:2px solid var(--school-border);box-shadow:var(--school-shadow-sm)}.section-tab svg{width:26px;height:26px;transition:all .4s ease}.section-tab:before{content:"";position:absolute;inset:0;background:var(--school-gradient-primary);opacity:0;transition:opacity .4s ease;z-index:-1}.section-tab:hover{transform:translateY(-5px) scale(1.02);border-color:var(--school-primary);color:var(--school-primary-light);box-shadow:var(--school-shadow-neon)}.section-tab:hover svg{transform:scale(1.2) rotate(-5deg)}.section-tab.active{background:transparent;color:#fff;border-color:transparent;box-shadow:var(--school-shadow-glow)}.section-tab.active:before{opacity:1}.section-tab.active svg{stroke:#fff;transform:scale(1.1)}.section-tab:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);opacity:0;transition:all .5s ease}.section-tab:active:after{transform:scale(2);opacity:1;transition:0s}.library-section{position:relative;z-index:1;animation:fadeInUp .8s ease-out .3s both}.library-header{margin-bottom:32px}.search-box{display:flex;align-items:center;gap:16px;padding:20px 28px;background:var(--card-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:2px solid var(--school-border);border-radius:24px;max-width:600px;margin:0 auto;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--school-shadow-md);position:relative;overflow:hidden}.search-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.search-box:focus-within:before{left:100%}.search-box:focus-within{border-color:var(--school-primary);box-shadow:var(--school-shadow-neon);transform:scale(1.02)}.search-box svg{width:26px;height:26px;stroke:var(--school-text-secondary);flex-shrink:0;transition:all .3s ease}.search-box:focus-within svg{stroke:var(--school-primary);transform:scale(1.1)}.search-box input{flex:1;border:none;background:transparent;font-size:1.1rem;color:var(--school-text-primary);outline:none;font-weight:500}.search-box input::placeholder{color:var(--school-text-muted)}.library-content{min-height:400px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px;text-align:center;background:var(--card-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:2px solid var(--school-border);border-radius:32px;box-shadow:var(--school-shadow-lg);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--school-gradient-primary)}.empty-state svg{width:140px;height:140px;stroke:var(--school-primary);opacity:.4;margin-bottom:32px;animation:floatIcon 4s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.empty-state h3{font-size:1.8rem;color:var(--school-text-primary);margin:0 0 16px;font-weight:700}.empty-state p{color:var(--school-text-secondary);margin:0 0 36px;max-width:400px;font-size:1.1rem;line-height:1.7}.mobaheseh-section{max-width:1000px;margin:0 auto;position:relative;z-index:1;animation:fadeInUp .8s ease-out .3s both}.api-settings{background:var(--card-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:2px solid var(--school-border);border-radius:28px;padding:32px;margin-bottom:32px;box-shadow:var(--school-shadow-lg);position:relative;overflow:hidden}.api-settings:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--school-gradient-secondary)}.api-settings h3{display:flex;align-items:center;gap:14px;font-size:1.3rem;color:var(--school-text-primary);margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--school-border);font-weight:700}.api-settings h3 svg{width:28px;height:28px;stroke:var(--school-secondary);animation:spin 10s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.api-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.input-group{display:flex;flex-direction:column;gap:10px}.input-group label{font-size:.95rem;font-weight:700;color:var(--school-text-secondary);display:flex;align-items:center;gap:8px}.input-group label:before{content:"";width:8px;height:8px;background:var(--school-primary);border-radius:50%}.input-group input{padding:18px 22px;border:2px solid var(--school-border);border-radius:16px;font-size:1rem;background:var(--school-bg-elevated);color:var(--school-text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:500}.input-group input:focus{outline:none;border-color:var(--school-primary);box-shadow:0 0 0 4px #6366f133;transform:translateY(-2px)}.input-group input::placeholder{color:var(--school-text-muted);font-weight:400}.upload-area{border:3px dashed var(--school-border);border-radius:32px;padding:64px 32px;text-align:center;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);background:var(--card-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);margin-bottom:32px;position:relative;overflow:hidden}.upload-area:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--school-gradient-primary);border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:all .6s ease}.upload-area:hover{border-color:var(--school-primary);transform:translateY(-8px);box-shadow:var(--school-shadow-neon)}.upload-area:hover:before{width:150%;height:150%;opacity:.05}.upload-area.loading{pointer-events:none;border-color:var(--school-accent)}.upload-placeholder{position:relative;z-index:1}.upload-placeholder svg{width:100px;height:100px;stroke:var(--school-primary);margin-bottom:28px;filter:drop-shadow(0 0 20px var(--school-primary-glow));animation:uploadBounce 2.5s ease-in-out infinite}@keyframes uploadBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.upload-placeholder h3{font-size:1.6rem;color:var(--school-text-primary);margin:0 0 12px;font-weight:700}.upload-placeholder p{color:var(--school-text-secondary);margin:0;font-size:1.1rem}.uploaded-file-info{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:1}.file-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--school-gradient-primary);border-radius:28px;box-shadow:var(--school-shadow-glow);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(3deg)}}.file-icon svg{width:52px;height:52px;stroke:#fff}.file-details{text-align:center}.file-name{display:block;font-size:1.3rem;font-weight:700;color:var(--school-text-primary);margin-bottom:8px}.file-size{font-size:1rem;color:var(--school-text-secondary)}.extraction-progress{width:100%;max-width:400px;margin-top:16px}.extraction-progress span{display:block;text-align:center;font-size:.95rem;color:var(--school-text-secondary);margin-top:12px;font-weight:600}.progress-bar{height:12px;background:var(--school-bg-elevated);border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--school-border)}.progress-bar.large{height:16px}.progress-fill{height:100%;background:var(--school-gradient-primary);border-radius:12px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 20px var(--school-primary-glow)}.progress-fill.animated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.text-preview{background:var(--card-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:2px solid var(--school-border);border-radius:28px;padding:32px;margin-bottom:32px;box-shadow:var(--school-shadow-lg);position:relative}.text-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--school-gradient-accent);border-radius:4px 4px 0 0}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.preview-header h3{font-size:1.3rem;color:var(--school-text-primary);margin:0;font-weight:700}.preview-actions{display:flex;align-items:center;gap:16px}.token-estimate{font-size:.9rem;color:var(--school-text-secondary);background:var(--school-bg-elevated);padding:10px 18px;border-radius:24px;border:1px solid var(--school-border);font-weight:600}.text-preview textarea{width:100%;min-height:220px;padding:24px;border:2px solid var(--school-border);border-radius:20px;font-size:1.05rem;line-height:2;background:var(--school-bg-elevated);color:var(--school-text-primary);resize:vertical;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:Vazirmatn,sans-serif}.text-preview textarea:focus{outline:none;border-color:var(--school-primary);box-shadow:0 0 0 4px #6366f133}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 36px;border:none;border-radius:18px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary{background:var(--school-gradient-primary);color:#fff;box-shadow:var(--school-shadow-glow)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){transform:translateY(-5px) scale(1.02);box-shadow:0 20px 50px -10px var(--school-primary-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary svg{width:26px;height:26px}.btn-secondary{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--school-text-primary);border:2px solid var(--school-border)}.btn-secondary:hover{background:var(--school-bg-elevated);border-color:var(--school-primary);color:var(--school-primary-light);transform:translateY(-3px);box-shadow:var(--school-shadow-md)}.btn-secondary svg{width:24px;height:24px}.btn-large{padding:22px 48px;font-size:1.2rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:none;border-radius:16px;background:var(--school-bg-elevated);color:var(--school-text-secondary);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid var(--school-border)}.btn-icon svg{width:24px;height:24px}.btn-icon:hover{background:var(--school-gradient-primary);color:#fff;border-color:transparent;transform:scale(1.1) rotate(5deg);box-shadow:var(--school-shadow-glow)}.action-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:32px}.error-message{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#ef444426,#dc262614);border:2px solid rgba(239,68,68,.4);border-radius:20px;color:#f87171;font-size:1.05rem;margin-bottom:32px;animation:shakeError .5s ease-in-out;font-weight:600}.error-message svg{width:28px;height:28px;flex-shrink:0}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.processing-status{text-align:center;padding:32px;background:var(--card-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:2px solid var(--school-border);border-radius:28px;margin-bottom:32px;box-shadow:var(--school-shadow-lg)}.processing-status .progress-bar{margin-bottom:20px}.progress-text{font-size:1.1rem;color:var(--school-primary-light);font-weight:700}.spinner{animation:spinnerRotate 1s linear infinite}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-section{background:var(--card-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:2px solid var(--school-border);border-radius:32px;overflow:hidden;box-shadow:var(--school-shadow-lg);animation:fadeInUp .8s ease-out}.results-tabs{display:flex;border-bottom:2px solid var(--school-border);background:var(--school-bg-elevated);overflow-x:auto}.result-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 28px;border:none;background:transparent;font-size:1.05rem;font-weight:700;color:var(--school-text-secondary);cursor:pointer;transition:all .4s ease;position:relative;white-space:nowrap}.result-tab svg{width:24px;height:24px}.result-tab:hover{color:var(--school-primary-light);background:#6366f10d}.result-tab.active{color:var(--school-primary);background:var(--card-bg)}.result-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--school-gradient-primary);border-radius:4px 4px 0 0;box-shadow:0 0 20px var(--school-primary-glow)}.result-content{padding:36px}.result-panel{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--school-border)}.result-header h3{font-size:1.4rem;color:var(--school-text-primary);margin:0;font-weight:700}.result-text{font-size:1.1rem;line-height:2.2;color:var(--school-text-primary);white-space:pre-wrap;background:var(--school-bg-elevated);padding:32px;border-radius:24px;border:2px solid var(--school-border)}.tree-panel{overflow-x:auto}.tree-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;min-width:fit-content}.tree-node{display:flex;flex-direction:column;align-items:center;position:relative}.tree-node-content{padding:18px 32px;background:var(--school-gradient-primary);color:#fff;border-radius:20px;font-weight:700;box-shadow:var(--school-shadow-glow);text-align:center;min-width:140px;max-width:320px;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:1.05rem}.tree-node-content:hover{transform:scale(1.08) translateY(-5px);box-shadow:0 15px 40px -10px var(--school-primary-glow)}.tree-node.level-1 .tree-node-content{background:var(--school-gradient-secondary)}.tree-node.level-2 .tree-node-content{background:var(--school-gradient-success)}.tree-node.level-3 .tree-node-content{background:var(--school-gradient-accent)}.tree-children{display:flex;gap:32px;margin-top:32px;position:relative;padding-top:32px}.tree-children:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:3px;height:32px;background:var(--school-primary);box-shadow:0 0 10px var(--school-primary-glow)}@media(max-width:768px){.online-school-container{padding:75px 16px 16px}.online-school-header{margin-bottom:36px}.online-school-header h1{flex-direction:column;gap:16px}.online-school-header:after{width:80px}.section-tabs{gap:12px}.section-tab{padding:16px 24px;font-size:1rem;flex:1;justify-content:center}.section-tab svg{width:24px;height:24px}.api-settings{padding:24px}.api-inputs{grid-template-columns:1fr}.upload-area{padding:48px 20px}.upload-placeholder svg{width:72px;height:72px}.upload-placeholder h3{font-size:1.3rem}.text-preview{padding:24px}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.results-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.result-tab{padding:18px 20px;font-size:.95rem;min-width:130px}.result-content{padding:24px}.result-text{padding:24px;line-height:2}.tree-children{flex-direction:column;align-items:center;gap:20px}.tree-node-content{padding:16px 24px;font-size:.95rem;min-width:120px}.empty-state{padding:72px 20px}.empty-state svg{width:100px;height:100px}}@media(max-width:480px){.online-school-container{padding:68px 12px 12px}.online-school-header h1{font-size:1.8rem}.section-tab{padding:14px 16px;font-size:.9rem;border-radius:16px}.section-tab span{display:none}.section-tab svg{width:28px;height:28px}.api-settings h3{font-size:1.1rem}.input-group input{padding:16px 18px}.search-box{padding:16px 20px}.preview-header{flex-direction:column;align-items:flex-start}.preview-actions{width:100%;justify-content:space-between}.file-icon{width:80px;height:80px}.file-icon svg{width:44px;height:44px}.result-tab span{display:none}.result-tab svg{width:28px;height:28px}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--school-primary-glow)}50%{box-shadow:0 0 40px var(--school-primary-glow),0 0 60px #6366f133}}.online-school-container *{scroll-behavior:smooth}.online-school-container ::selection{background:var(--school-primary);color:#fff}.online-school-container ::-webkit-scrollbar{width:10px;height:10px}.online-school-container ::-webkit-scrollbar-track{background:var(--school-bg-elevated);border-radius:10px}.online-school-container ::-webkit-scrollbar-thumb{background:var(--school-primary);border-radius:10px;border:2px solid var(--school-bg-elevated)}.online-school-container ::-webkit-scrollbar-thumb:hover{background:var(--school-primary-light)}@media print{.online-school-container{background:#fff;padding:20px}.online-school-container:before,.online-school-container:after{display:none}.section-tabs,.api-settings,.upload-area,.action-buttons,.btn-icon{display:none}}.madinat-assistant-v2{--md-primary: var(--primary-color, #6366f1);--md-primary-light: var(--primary-light, rgba(99, 102, 241, .2));--md-primary-dark: var(--primary-dark, #4f46e5);--md-primary-glow: rgba(var(--primary-rgb, 99, 102, 241), .5);--md-secondary: var(--success-color, #10b981);--md-secondary-light: #34d399;--md-secondary-dark: var(--success-dark, #059669);--md-secondary-glow: rgba(16, 185, 129, .5);--md-accent: var(--warning-color, #f59e0b);--md-accent-light: #fbbf24;--md-accent-dark: var(--warning-dark, #d97706);--md-accent-glow: rgba(245, 158, 11, .5);--md-danger: var(--error-color, #ef4444);--md-danger-light: #f87171;--md-danger-dark: var(--error-dark, #dc2626);--md-bg-primary: var(--page-bg, #0a0a1a);--md-bg-secondary: var(--bg-secondary, #0f0f2d);--md-bg-tertiary: var(--bg-secondary, #141432);--md-bg-card: var(--card-bg, #1a1a40);--md-bg-elevated: var(--input-bg, #1e1e4a);--md-bg-glass: var(--glass-bg, rgba(255, 255, 255, .03));--md-bg-glass-hover: rgba(255, 255, 255, .06);--md-text-primary: var(--text-primary, #f1f5f9);--md-text-secondary: var(--text-secondary, #94a3b8);--md-text-muted: var(--text-muted, #64748b);--md-text-accent: var(--primary-color, #a5b4fc);--md-border: var(--border-color, rgba(255, 255, 255, .08));--md-border-light: var(--border-light, rgba(255, 255, 255, .12));--md-border-active: var(--primary-color, rgba(99, 102, 241, .5));--tg-bg-dark: var(--page-bg, #0e1621);--tg-bg-chat: var(--card-bg, #17212b);--tg-bg-input: var(--input-bg, #242f3d);--tg-bubble-out: var(--primary-color, #2b5278);--tg-bubble-out-hover: var(--primary-dark, #3d6a94);--tg-bubble-in: var(--bg-secondary, #182533);--tg-bubble-in-hover: var(--border-color, #1f3041);--tg-online: var(--success-color, #4fae4e);--tg-typing: var(--info-color, #6ab2f2);--md-shadow-sm: var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .2));--md-shadow-md: var(--shadow-md, 0 4px 16px rgba(0, 0, 0, .3));--md-shadow-lg: var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .4));--md-shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--md-shadow-glow: var(--shadow-primary, 0 0 40px var(--md-primary-glow));--md-shadow-glow-sm: 0 0 20px var(--md-primary-glow);--md-gradient-primary: var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%));--md-gradient-secondary: var(--gradient-success, linear-gradient(135deg, #10b981 0%, #14b8a6 50%, #06b6d4 100%));--md-gradient-accent: var(--gradient-warning, linear-gradient(135deg, #f59e0b 0%, #f97316 50%, #ef4444 100%));--md-gradient-dark: linear-gradient(180deg, var(--md-bg-primary) 0%, var(--md-bg-secondary) 100%);--md-gradient-glass: var(--glass-bg, linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.02) 100%));--md-gradient-mesh: radial-gradient(at 40% 20%, hsla(240, 100%, 74%, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(280, 100%, 70%, .1) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(200, 100%, 76%, .1) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(340, 100%, 76%, .08) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(260, 100%, 77%, .1) 0px, transparent 50%);--md-space-xs: 4px;--md-space-sm: 8px;--md-space-md: 16px;--md-space-lg: 24px;--md-space-xl: 32px;--md-space-2xl: 48px;--md-radius-sm: var(--radius-sm, 8px);--md-radius-md: var(--radius-md, 12px);--md-radius-lg: var(--radius-lg, 16px);--md-radius-xl: var(--radius-xl, 24px);--md-radius-full: var(--radius-full, 9999px);--md-transition-fast: var(--transition-fast, .15s ease);--md-transition-normal: var(--transition-normal, .3s ease);--md-transition-slow: .5s ease;--md-transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px var(--md-primary-glow)}50%{box-shadow:0 0 40px var(--md-primary-glow),0 0 60px var(--md-primary-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatRotate{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(-2deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:var(--md-primary);box-shadow:0 0 10px var(--md-primary-glow)}50%{border-color:var(--md-secondary);box-shadow:0 0 20px var(--md-secondary-glow)}}@keyframes textGlow{0%,to{text-shadow:0 0 10px var(--md-primary-glow)}50%{text-shadow:0 0 20px var(--md-primary-glow),0 0 30px var(--md-primary-glow)}}@keyframes treeExpand{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}@keyframes nodeAppear{0%{opacity:0;transform:translate(-20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes lineGrow{0%{height:0}to{height:100%}}@keyframes bubbleIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes messageSlide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes messageSlideReverse{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(20px);opacity:0}}.madinat-assistant-v2{min-height:100vh;background:var(--md-bg-primary);background-image:var(--md-gradient-mesh);color:var(--md-text-primary);display:flex;flex-direction:column;font-family:Vazirmatn,Segoe UI,system-ui,sans-serif;direction:rtl;position:relative;overflow-x:hidden}.madinat-assistant-v2:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.06) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.04) 0%,transparent 60%);pointer-events:none;z-index:0}.madinat-assistant-v2:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.03) 1px,transparent 1px);background-size:50px 50px;animation:float 20s linear infinite;pointer-events:none;z-index:0}.madinat-header-v2{display:flex;align-items:center;gap:var(--md-space-lg);padding:var(--md-space-lg) var(--md-space-xl);background:linear-gradient(180deg,#0f0f2df2,#0f0f2dcc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--md-border);position:sticky;top:0;z-index:1000;animation:slideInDown .5s ease}.madinat-header-v2:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--md-primary) 20%,var(--md-secondary) 50%,var(--md-primary) 80%,transparent);opacity:.5}.madinat-back-btn-v2{width:48px;height:48px;border-radius:var(--md-radius-full);background:var(--md-bg-glass);border:1px solid var(--md-border);color:var(--md-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--md-transition-normal);position:relative;overflow:hidden}.madinat-back-btn-v2:before{content:"";position:absolute;inset:0;background:var(--md-gradient-primary);opacity:0;transition:opacity var(--md-transition-normal)}.madinat-back-btn-v2:hover{transform:scale(1.1);border-color:var(--md-primary);box-shadow:var(--md-shadow-glow-sm)}.madinat-back-btn-v2:hover:before{opacity:1}.madinat-back-btn-v2 svg{width:22px;height:22px;position:relative;z-index:1;transition:transform var(--md-transition-normal)}.madinat-back-btn-v2:hover svg{transform:translate(3px)}.madinat-header-info{flex:1}.madinat-header-info h1{font-size:1.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#a5b4fc,#818cf8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;letter-spacing:-.5px}.madinat-badge{display:inline-flex;align-items:center;gap:var(--md-space-sm);padding:6px 14px;background:var(--md-gradient-primary);border-radius:var(--md-radius-full);font-size:.75rem;font-weight:700;margin-top:var(--md-space-sm);box-shadow:var(--md-shadow-glow-sm);animation:pulseGlow 3s ease infinite;text-transform:uppercase;letter-spacing:1px}.madinat-badge:before{content:"";width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1.5s ease infinite}.madinat-nav-v2{display:flex;gap:var(--md-space-md);padding:var(--md-space-md) var(--md-space-xl);background:#0f0f2d99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--md-border);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:100}.madinat-nav-v2::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:var(--md-space-sm);padding:12px 24px;background:var(--md-bg-glass);border:1px solid var(--md-border);border-radius:var(--md-radius-full);color:var(--md-text-secondary);cursor:pointer;transition:all var(--md-transition-normal);white-space:nowrap;font-size:.95rem;font-weight:500;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;inset:0;background:var(--md-gradient-primary);opacity:0;transition:opacity var(--md-transition-normal)}.nav-item:hover{color:var(--md-text-primary);border-color:var(--md-primary);transform:translateY(-2px);box-shadow:var(--md-shadow-md)}.nav-item.active{color:#fff;border-color:transparent;box-shadow:var(--md-shadow-glow)}.nav-item.active:before{opacity:1}.nav-item span{position:relative;z-index:1}.nav-icon{font-size:1.2rem}.madinat-main-v2{flex:1;padding:var(--md-space-xl);max-width:1000px;margin:0 auto;width:100%;position:relative;z-index:1;animation:fadeInUp .6s ease}.home-tab-v2{display:flex;flex-direction:column;gap:var(--md-space-xl)}.welcome-card{text-align:center;padding:var(--md-space-2xl);background:var(--md-gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--md-radius-xl);border:1px solid var(--md-border);position:relative;overflow:hidden;animation:scaleIn .5s ease}.welcome-card:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:conic-gradient(from 0deg,transparent,var(--md-primary-glow),transparent 30%);animation:spin 10s linear infinite;opacity:.3}.welcome-card:after{content:"";position:absolute;inset:2px;background:var(--md-bg-secondary);border-radius:calc(var(--md-radius-xl) - 2px);z-index:0}.welcome-card>*{position:relative;z-index:1}.welcome-icon{font-size:4rem;margin-bottom:var(--md-space-lg);animation:floatRotate 4s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--md-primary-glow))}.welcome-card h2{font-size:2rem;font-weight:800;margin:0 0 var(--md-space-md);background:linear-gradient(135deg,#fff 0%,var(--md-text-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGlow 3s ease infinite}.welcome-card p{color:var(--md-text-secondary);margin:0;font-size:1.1rem;line-height:1.6}.input-mode-toggle{display:flex;gap:var(--md-space-md);justify-content:center;animation:fadeInUp .5s ease .1s both}.mode-btn{display:flex;align-items:center;gap:var(--md-space-sm);padding:16px 32px;background:var(--md-bg-card);border:2px solid var(--md-border);border-radius:var(--md-radius-lg);color:var(--md-text-secondary);cursor:pointer;transition:all var(--md-transition-normal);font-size:1.05rem;font-weight:600;position:relative;overflow:hidden}.mode-btn:before{content:"";position:absolute;inset:0;background:var(--md-gradient-primary);opacity:0;transition:opacity var(--md-transition-normal)}.mode-btn span{position:relative;z-index:1}.mode-btn:hover{border-color:var(--md-primary);color:var(--md-text-primary);transform:translateY(-3px);box-shadow:var(--md-shadow-lg)}.mode-btn.active{border-color:transparent;color:#fff;box-shadow:var(--md-shadow-glow)}.mode-btn.active:before{opacity:1}.text-input-container{position:relative;animation:fadeInUp .5s ease .2s both}.text-input-v2{width:100%;padding:var(--md-space-lg);background:var(--md-bg-card);border:2px solid var(--md-border);border-radius:var(--md-radius-lg);color:var(--md-text-primary);font-size:1.05rem;line-height:1.8;resize:vertical;min-height:180px;transition:all var(--md-transition-normal);font-family:inherit}.text-input-v2:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 4px var(--md-primary-glow),var(--md-shadow-lg)}.text-input-v2::placeholder{color:var(--md-text-muted)}.char-count{position:absolute;bottom:var(--md-space-md);left:var(--md-space-lg);font-size:.85rem;color:var(--md-text-muted);background:var(--md-bg-card);padding:4px 12px;border-radius:var(--md-radius-full)}.file-drop-zone{padding:var(--md-space-2xl);background:var(--md-bg-card);border:2px dashed var(--md-border);border-radius:var(--md-radius-xl);text-align:center;cursor:pointer;transition:all var(--md-transition-normal);position:relative;overflow:hidden;animation:fadeInUp .5s ease .2s both}.file-drop-zone:before{content:"";position:absolute;inset:0;background:var(--md-gradient-primary);opacity:0;transition:opacity var(--md-transition-normal)}.file-drop-zone:hover{border-color:var(--md-primary);transform:translateY(-4px);box-shadow:var(--md-shadow-xl)}.file-drop-zone:hover:before{opacity:.05}.file-drop-zone.has-file{border-style:solid;border-color:var(--md-secondary);background:#10b9810d}.file-drop-zone>*{position:relative;z-index:1}.upload-icon{font-size:4rem;display:block;margin-bottom:var(--md-space-md);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 15px var(--md-primary-glow))}.file-drop-zone span{display:block;color:var(--md-text-secondary);font-size:1.1rem}.file-types{font-size:.85rem!important;margin-top:var(--md-space-sm);opacity:.7}.file-preview{display:flex;align-items:center;justify-content:center;gap:var(--md-space-md)}.file-icon{font-size:3rem;filter:drop-shadow(0 0 10px var(--md-secondary-glow))}.file-name{color:var(--md-text-primary);font-weight:600;font-size:1.1rem}.remove-file{width:36px;height:36px;border-radius:var(--md-radius-full);background:var(--md-danger);border:none;color:#fff;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all var(--md-transition-normal);box-shadow:0 0 15px #ef444466}.remove-file:hover{transform:scale(1.1) rotate(90deg);background:var(--md-danger-dark)}.level-selection{background:var(--md-gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--md-radius-xl);padding:var(--md-space-xl);border:1px solid var(--md-border);animation:fadeInUp .5s ease .3s both}.level-selection h3{margin:0 0 var(--md-space-lg);font-size:1.2rem;color:var(--md-text-primary);font-weight:700}.level-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--md-space-md)}.level-card{display:flex;flex-direction:column;align-items:center;gap:var(--md-space-sm);padding:var(--md-space-xl) var(--md-space-md);background:var(--md-bg-card);border:2px solid var(--md-border);border-radius:var(--md-radius-lg);cursor:pointer;transition:all var(--md-transition-bounce);text-align:center;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--level-color);transform:scaleX(0);transition:transform var(--md-transition-normal)}.level-card:after{content:"";position:absolute;inset:0;background:var(--level-color);opacity:0;transition:opacity var(--md-transition-normal)}.level-card:hover{border-color:var(--level-color);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 30px color-mix(in srgb,var(--level-color) 30%,transparent)}.level-card:hover:before{transform:scaleX(1)}.level-card.selected{border-color:var(--level-color);box-shadow:0 0 40px color-mix(in srgb,var(--level-color) 40%,transparent)}.level-card.selected:before{transform:scaleX(1)}.level-card.selected:after{opacity:.1}.level-card>*{position:relative;z-index:1}.level-icon{font-size:3rem;filter:drop-shadow(0 0 15px var(--level-color));transition:transform var(--md-transition-bounce)}.level-card:hover .level-icon{transform:scale(1.2)}.level-name{font-weight:700;color:var(--md-text-primary);font-size:1.1rem}.level-desc{font-size:.85rem;color:var(--md-text-secondary);line-height:1.5}.error-message{padding:var(--md-space-md) var(--md-space-lg);background:#ef44441a;border:1px solid var(--md-danger);border-radius:var(--md-radius-md);color:var(--md-danger-light);text-align:center;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.start-btn{display:flex;align-items:center;justify-content:center;gap:var(--md-space-md);padding:20px 40px;background:var(--md-gradient-primary);background-size:200% 200%;border:none;border-radius:var(--md-radius-lg);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all var(--md-transition-normal);width:100%;position:relative;overflow:hidden;animation:fadeInUp .5s ease .4s both}.start-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.start-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:var(--md-shadow-glow),var(--md-shadow-xl);animation:gradientShift 3s ease infinite}.start-btn:hover:before{width:300px;height:300px}.start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.study-result-v2{display:flex;flex-direction:column;gap:var(--md-space-lg);animation:fadeIn .5s ease}.result-header{display:flex;align-items:center;gap:var(--md-space-md);flex-wrap:wrap;padding:var(--md-space-lg);background:var(--md-gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--md-radius-lg);border:1px solid var(--md-border)}.back-btn-v2{display:flex;align-items:center;gap:var(--md-space-sm);padding:12px 20px;background:var(--md-bg-glass);border:1px solid var(--md-border);border-radius:var(--md-radius-md);color:var(--md-text-primary);cursor:pointer;transition:all var(--md-transition-normal);font-weight:500}.back-btn-v2:hover{background:var(--md-primary);border-color:var(--md-primary);transform:translate(4px)}.back-btn-v2 svg{width:18px;height:18px}.result-meta{flex:1;display:flex;gap:var(--md-space-md);flex-wrap:wrap}.level-badge,.file-badge{padding:8px 18px;border-radius:var(--md-radius-full);font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:var(--md-space-sm)}.level-badge{color:#fff;box-shadow:0 0 20px color-mix(in srgb,var(--md-primary) 40%,transparent)}.file-badge{background:var(--md-bg-glass);border:1px solid var(--md-border);color:var(--md-text-secondary)}.save-btn{padding:12px 24px;background:var(--md-gradient-secondary);border:none;border-radius:var(--md-radius-md);color:#fff;cursor:pointer;font-weight:600;transition:all var(--md-transition-normal);box-shadow:0 0 20px var(--md-secondary-glow)}.save-btn:hover{transform:scale(1.05);box-shadow:0 0 30px var(--md-secondary-glow)}.section-tabs{display:flex;gap:var(--md-space-sm);overflow-x:auto;padding:var(--md-space-sm);background:var(--md-bg-card);border-radius:var(--md-radius-lg);border:1px solid var(--md-border)}.section-tab{padding:14px 24px;background:transparent;border:none;border-radius:var(--md-radius-md);color:var(--md-text-secondary);cursor:pointer;transition:all var(--md-transition-normal);white-space:nowrap;font-size:.95rem;font-weight:500;position:relative}.section-tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--md-gradient-primary);border-radius:2px;transform:translate(-50%);transition:width var(--md-transition-normal)}.section-tab:hover{color:var(--md-text-primary);background:var(--md-bg-glass)}.section-tab.active{color:var(--md-primary-light);background:#6366f11a}.section-tab.active:after{width:60%}.section-content{flex:1;min-height:500px}.content-card{background:var(--md-gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--md-radius-xl);padding:var(--md-space-xl);border:1px solid var(--md-border);animation:scaleIn .3s ease}.content-card h3{margin:0 0 var(--md-space-lg);font-size:1.3rem;color:var(--md-text-primary);display:flex;align-items:center;gap:var(--md-space-sm)}.summary-text{line-height:2;color:var(--md-text-primary);white-space:pre-wrap;font-size:1.05rem}.tree-section{animation:fadeIn .5s ease}.tree-container{background:linear-gradient(135deg,var(--md-bg-secondary) 0%,var(--md-bg-tertiary) 100%);border-radius:var(--md-radius-xl);padding:var(--md-space-xl);border:1px solid var(--md-border);position:relative;overflow:hidden}.tree-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.1) 0%,transparent 30%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.1) 0%,transparent 30%);pointer-events:none}.tree-header{display:flex;align-items:center;gap:var(--md-space-md);margin-bottom:var(--md-space-xl);padding-bottom:var(--md-space-md);border-bottom:1px solid var(--md-border);position:relative;z-index:1}.tree-header-icon{width:56px;height:56px;background:var(--md-gradient-secondary);border-radius:var(--md-radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:var(--md-shadow-glow-sm);animation:float 3s ease-in-out infinite}.tree-header-text h3{margin:0;font-size:1.4rem;color:var(--md-text-primary)}.tree-header-text p{margin:4px 0 0;color:var(--md-text-secondary);font-size:.9rem}.tree-diagram{font-family:Vazirmatn,monospace;line-height:2.2;color:var(--md-text-primary);white-space:pre-wrap;background:var(--md-bg-card);padding:var(--md-space-xl);border-radius:var(--md-radius-lg);overflow-x:auto;position:relative;z-index:1;border:1px solid var(--md-border);font-size:1rem}.tree-visual{position:relative;z-index:1}.tree-node{display:flex;align-items:flex-start;gap:var(--md-space-md);padding:var(--md-space-md);margin:var(--md-space-sm) 0;background:var(--md-bg-card);border-radius:var(--md-radius-md);border-right:4px solid var(--md-primary);transition:all var(--md-transition-normal);animation:nodeAppear .5s ease backwards;position:relative}.tree-node:nth-child(1){animation-delay:.1s}.tree-node:nth-child(2){animation-delay:.2s}.tree-node:nth-child(3){animation-delay:.3s}.tree-node:nth-child(4){animation-delay:.4s}.tree-node:nth-child(5){animation-delay:.5s}.tree-node:hover{background:var(--md-bg-elevated);transform:translate(-8px);box-shadow:var(--md-shadow-lg)}.tree-node.level-1{border-right-color:var(--md-primary);margin-right:0}.tree-node.level-2{border-right-color:var(--md-secondary);margin-right:24px}.tree-node.level-3{border-right-color:var(--md-accent);margin-right:48px}.tree-node-icon{width:40px;height:40px;background:var(--md-gradient-primary);border-radius:var(--md-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.tree-node.level-2 .tree-node-icon{background:var(--md-gradient-secondary)}.tree-node.level-3 .tree-node-icon{background:var(--md-gradient-accent)}.tree-node-content{flex:1}.tree-node-title{font-weight:600;color:var(--md-text-primary);margin-bottom:4px}.tree-node-desc{font-size:.9rem;color:var(--md-text-secondary)}.tree-line{position:absolute;right:-12px;top:50%;width:12px;height:2px;background:var(--md-border-light)}.tree-line-vertical{position:absolute;right:-12px;top:0;width:2px;height:100%;background:linear-gradient(180deg,var(--md-border-light),transparent);animation:lineGrow .5s ease}.telegram-chat{background:var(--tg-bg-dark);border-radius:var(--md-radius-xl);overflow:hidden;display:flex;flex-direction:column;height:600px;box-shadow:var(--md-shadow-xl);border:1px solid var(--md-border);position:relative}.chat-header-bar{padding:var(--md-space-md) var(--md-space-lg);background:linear-gradient(135deg,#2b5278,#1e3a5f);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:var(--md-space-md);position:relative}.chat-header-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.chat-avatar{width:48px;height:48px;border-radius:var(--md-radius-full);background:var(--md-gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative}.chat-avatar:after{content:"";position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--tg-online);border-radius:50%;border:2px solid var(--tg-bg-dark);animation:statusBlink 2s ease infinite}.chat-header-info{flex:1}.chat-title{display:block;font-weight:700;font-size:1.1rem;color:#fff}.chat-subtitle{font-size:.85rem;color:var(--tg-typing);display:flex;align-items:center;gap:6px}.chat-subtitle:before{content:"";width:8px;height:8px;background:var(--tg-online);border-radius:50%}.chat-messages-container{flex:1;overflow-y:auto;padding:var(--md-space-lg);display:flex;flex-direction:column;gap:var(--md-space-md);background:var(--tg-bg-chat);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.02'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--tg-bg-chat) 0%,rgba(14,22,33,.95) 100%);position:relative}.chat-messages-container::-webkit-scrollbar{width:6px}.chat-messages-container::-webkit-scrollbar-track{background:transparent}.chat-messages-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--md-text-secondary);text-align:center;padding:var(--md-space-2xl)}.chat-empty span{font-size:5rem;margin-bottom:var(--md-space-lg);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px var(--md-primary-glow))}.chat-empty p{margin:0 0 var(--md-space-sm);font-size:1.2rem;color:var(--md-text-primary)}.chat-empty small{opacity:.7;font-size:.9rem}.chat-bubble{max-width:75%;padding:12px 16px;border-radius:18px;position:relative;animation:bubbleIn .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:var(--md-shadow-sm)}.chat-bubble.ali{background:linear-gradient(135deg,#2b5278,#1e4a6e);align-self:flex-start;border-bottom-right-radius:6px;margin-right:60px;animation:messageSlideReverse .4s ease}.chat-bubble.hosein{background:linear-gradient(135deg,#1e5c4a,#0d4a3a);align-self:flex-end;border-bottom-left-radius:6px;margin-left:60px;animation:messageSlide .4s ease}.chat-bubble.teacher{background:linear-gradient(135deg,#4a3278,#3d2860);align-self:center;border-radius:18px;max-width:85%;border:1px solid rgba(139,92,246,.3);box-shadow:0 0 20px #8b5cf633}.chat-bubble.user{background:linear-gradient(135deg,var(--tg-bubble-out) 0%,#1e4a6e 100%);align-self:flex-end;border-bottom-left-radius:6px;animation:messageSlide .4s ease}.chat-bubble.bot{background:linear-gradient(135deg,var(--tg-bubble-in) 0%,#0d1a26 100%);align-self:flex-start;border-bottom-right-radius:6px;animation:messageSlideReverse .4s ease}.bubble-header{margin-bottom:8px;display:flex;align-items:center;gap:8px}.speaker-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.chat-bubble.ali .speaker-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.chat-bubble.hosein .speaker-avatar{background:linear-gradient(135deg,#10b981,#059669)}.chat-bubble.teacher .speaker-avatar{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.speaker-name{font-size:.85rem;font-weight:700}.chat-bubble.ali .speaker-name{color:#60a5fa}.chat-bubble.hosein .speaker-name{color:#34d399}.chat-bubble.teacher .speaker-name{color:#a78bfa}.bubble-text{line-height:1.7;color:var(--md-text-primary);word-wrap:break-word;font-size:.95rem}.bubble-time{font-size:.7rem;color:#ffffff80;text-align:left;margin-top:6px;display:flex;align-items:center;gap:4px}.bubble-time:before{content:"✓✓";color:var(--tg-typing);font-size:.8rem}.typing-indicator{display:flex;gap:6px;padding:12px 0;align-items:center}.typing-indicator span{width:10px;height:10px;background:var(--tg-typing);border-radius:50%;animation:typing 1.4s infinite;box-shadow:0 0 10px var(--tg-typing)}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.chat-input-bar{display:flex;gap:var(--md-space-md);padding:var(--md-space-md) var(--md-space-lg);background:linear-gradient(180deg,var(--tg-bg-dark) 0%,#0a1118 100%);border-top:1px solid rgba(255,255,255,.08);align-items:flex-end}.input-wrapper{flex:1;position:relative}.chat-input-bar textarea{width:100%;padding:14px 70px 14px 20px;background:var(--tg-bg-input);border:1px solid rgba(255,255,255,.1);border-radius:24px;color:var(--md-text-primary);font-size:1rem;resize:none;font-family:inherit;transition:all var(--md-transition-normal);min-height:50px;max-height:120px}.chat-input-bar textarea:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 3px var(--md-primary-glow)}.chat-input-bar textarea::placeholder{color:var(--md-text-muted)}.char-limit{position:absolute;left:20px;bottom:14px;font-size:.75rem;color:var(--md-text-muted);background:var(--tg-bg-input);padding:2px 8px;border-radius:var(--md-radius-full)}.send-btn{width:52px;height:52px;border-radius:var(--md-radius-full);background:var(--md-gradient-primary);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--md-transition-normal);box-shadow:var(--md-shadow-glow-sm);flex-shrink:0}.send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:var(--md-shadow-glow)}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-btn svg{width:22px;height:22px;transition:transform var(--md-transition-normal)}.send-btn:hover:not(:disabled) svg{transform:translate(-2px)}.history-empty{text-align:center;padding:var(--md-space-2xl);animation:fadeIn .5s ease}.empty-icon{font-size:6rem;display:block;margin-bottom:var(--md-space-xl);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px var(--md-primary-glow))}.history-empty h3{margin:0 0 var(--md-space-sm);color:var(--md-text-primary);font-size:1.5rem}.history-empty p{color:var(--md-text-secondary);margin:0;font-size:1.1rem}.history-tab-v2{display:flex;flex-direction:column;gap:var(--md-space-lg);animation:fadeIn .5s ease}.history-header{display:flex;justify-content:space-between;align-items:center;padding:var(--md-space-md);background:var(--md-gradient-glass);border-radius:var(--md-radius-lg);border:1px solid var(--md-border)}.history-header h2{margin:0;font-size:1.3rem;display:flex;align-items:center;gap:var(--md-space-sm)}.clear-history-btn{padding:10px 20px;background:#ef44441a;border:1px solid var(--md-danger);border-radius:var(--md-radius-md);color:var(--md-danger-light);cursor:pointer;transition:all var(--md-transition-normal);font-weight:500}.clear-history-btn:hover{background:var(--md-danger);color:#fff;transform:scale(1.05)}.history-list{display:flex;flex-direction:column;gap:var(--md-space-md)}.history-item{display:flex;align-items:center;gap:var(--md-space-lg);padding:var(--md-space-lg);background:var(--md-gradient-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--md-border);border-radius:var(--md-radius-lg);cursor:pointer;transition:all var(--md-transition-normal);animation:fadeInUp .5s ease backwards}.history-item:nth-child(1){animation-delay:.1s}.history-item:nth-child(2){animation-delay:.15s}.history-item:nth-child(3){animation-delay:.2s}.history-item:nth-child(4){animation-delay:.25s}.history-item:nth-child(5){animation-delay:.3s}.history-item:hover{border-color:var(--md-primary);transform:translate(-8px);box-shadow:var(--md-shadow-lg),var(--md-shadow-glow-sm)}.history-icon{width:56px;height:56px;background:var(--md-gradient-primary);border-radius:var(--md-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:var(--md-shadow-glow-sm)}.history-info{flex:1}.history-title{display:block;font-weight:600;color:var(--md-text-primary);margin-bottom:6px;font-size:1.1rem}.history-meta{font-size:.9rem;color:var(--md-text-secondary)}.history-arrow{color:var(--md-text-muted);font-size:1.5rem;transition:transform var(--md-transition-normal)}.history-item:hover .history-arrow{transform:translate(-8px);color:var(--md-primary)}.admin-tab-v2{display:flex;flex-direction:column;gap:var(--md-space-xl);animation:fadeIn .5s ease}.admin-section{background:var(--md-gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--md-radius-xl);padding:var(--md-space-xl);border:1px solid var(--md-border)}.admin-section h2{margin:0 0 var(--md-space-lg);font-size:1.2rem;color:var(--md-text-primary);display:flex;align-items:center;gap:var(--md-space-sm)}.add-category-form{display:flex;gap:var(--md-space-md);margin-bottom:var(--md-space-lg)}.add-category-form input{flex:1;padding:14px 20px;background:var(--md-bg-card);border:2px solid var(--md-border);border-radius:var(--md-radius-md);color:var(--md-text-primary);font-size:1rem;transition:all var(--md-transition-normal)}.add-category-form input:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 3px var(--md-primary-glow)}.add-category-form button{padding:14px 28px;background:var(--md-gradient-primary);border:none;border-radius:var(--md-radius-md);color:#fff;cursor:pointer;font-weight:600;transition:all var(--md-transition-normal)}.add-category-form button:hover{transform:scale(1.05);box-shadow:var(--md-shadow-glow-sm)}.categories-list{display:flex;flex-direction:column;gap:var(--md-space-sm)}.category-item{display:flex;justify-content:space-between;align-items:center;padding:var(--md-space-md) var(--md-space-lg);background:var(--md-bg-card);border-radius:var(--md-radius-md);border:1px solid var(--md-border);transition:all var(--md-transition-normal)}.category-item:hover{border-color:var(--md-primary);transform:translate(-4px)}.category-name{flex:1;font-weight:500;color:var(--md-text-primary)}.category-actions{display:flex;gap:8px}.category-actions button{background:transparent;border:none;cursor:pointer;font-size:1rem;opacity:.6;transition:all var(--md-transition-normal);padding:8px;border-radius:var(--md-radius-sm)}.category-actions button:hover{opacity:1;transform:scale(1.1)}.category-actions .edit-btn:hover{background:#3b82f61a}.category-actions .delete-btn:hover{background:#ef44441a}.category-edit-form{display:flex;align-items:center;gap:8px;flex:1}.category-edit-form input{flex:1;padding:8px 12px;background:var(--md-bg-elevated);border:1px solid var(--md-primary);border-radius:var(--md-radius-sm);color:var(--md-text-primary);font-size:.95rem}.category-edit-form .save-btn,.category-edit-form .cancel-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--md-radius-sm);cursor:pointer;font-size:1rem;transition:all var(--md-transition-normal)}.category-edit-form .save-btn{background:var(--md-primary);color:#fff}.category-edit-form .save-btn:hover{transform:scale(1.1)}.category-edit-form .cancel-btn{background:var(--md-bg-elevated);color:var(--md-text-secondary)}.category-edit-form .cancel-btn:hover{background:#ef44441a;color:#ef4444}.category-item button{background:transparent;border:none;cursor:pointer;font-size:1.2rem;opacity:.6;transition:all var(--md-transition-normal);padding:8px}.category-item button:hover{opacity:1;transform:scale(1.2)}.pending-list{display:flex;flex-direction:column;gap:var(--md-space-md)}.pending-item{display:flex;justify-content:space-between;align-items:center;padding:var(--md-space-lg);background:var(--md-bg-card);border-radius:var(--md-radius-md);border:1px solid var(--md-border)}.pending-info{display:flex;flex-direction:column;gap:8px}.pending-title{font-weight:600;color:var(--md-text-primary)}.pending-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pending-date{font-size:.85rem;color:var(--md-text-secondary)}.pending-actions select{padding:10px 16px;background:var(--md-bg-elevated);border:1px solid var(--md-border);border-radius:var(--md-radius-md);color:var(--md-text-primary);cursor:pointer;font-size:.9rem}.published-list{display:flex;flex-direction:column;gap:var(--md-space-md)}.published-item{display:flex;justify-content:space-between;align-items:center;padding:var(--md-space-lg);background:var(--md-bg-card);border-radius:var(--md-radius-md);border:1px solid var(--md-border);transition:all var(--md-transition-normal)}.published-item:hover{border-color:var(--md-primary)}.published-info{display:flex;flex-direction:column;gap:8px}.published-title{font-weight:600;color:var(--md-text-primary)}.published-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.category-badge{font-size:.85rem;color:var(--md-primary);background:rgba(var(--md-primary-rgb),.1);padding:4px 10px;border-radius:var(--md-radius-sm)}.published-date{font-size:.85rem;color:var(--md-text-secondary)}.published-actions{display:flex;gap:8px}.unpublish-btn{padding:8px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--md-radius-md);color:#ef4444;cursor:pointer;font-size:.85rem;transition:all var(--md-transition-normal)}.unpublish-btn:hover{background:#ef444433;border-color:#ef4444}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--md-space-3xl);gap:var(--md-space-md)}.empty-text,.info-text{color:var(--md-text-secondary);text-align:center;padding:var(--md-space-xl);font-size:1rem}@media(max-width:768px){.madinat-header-v2{padding:var(--md-space-md) var(--md-space-lg)}.madinat-header-info h1{font-size:1.2rem}.madinat-nav-v2{padding:var(--md-space-sm) var(--md-space-md);gap:var(--md-space-sm)}.nav-item{padding:10px 16px;font-size:.85rem}.madinat-main-v2{padding:var(--md-space-md)}.welcome-card{padding:var(--md-space-xl)}.welcome-icon{font-size:3rem}.welcome-card h2{font-size:1.5rem}.level-cards{grid-template-columns:1fr}.level-card{padding:var(--md-space-lg)}.result-header{flex-direction:column;align-items:stretch}.result-meta{justify-content:center}.telegram-chat{height:500px}.chat-bubble{max-width:90%}.chat-bubble.ali,.chat-bubble.hosein{margin-left:0;margin-right:0}.section-tabs{gap:4px}.section-tab{padding:10px 14px;font-size:.85rem}.input-mode-toggle{flex-direction:column}.mode-btn{width:100%;justify-content:center}}@media(max-width:480px){.madinat-header-info h1{font-size:1rem}.nav-item span:not(.nav-icon){display:none}.nav-item{padding:12px}.nav-icon{font-size:1.4rem}.welcome-card h2{font-size:1.3rem}.start-btn{padding:16px 24px;font-size:1rem}}.archive-tab-v2{padding:var(--md-space-lg);animation:fadeInUp .4s ease}.archive-header{margin-bottom:var(--md-space-xl)}.archive-title{display:flex;align-items:center;gap:var(--md-space-md)}.archive-icon{font-size:3rem;animation:bounce 2s infinite}.archive-title h2{font-size:1.8rem;font-weight:700;color:var(--md-text-primary);margin:0}.archive-title p{color:var(--md-text-secondary);margin:4px 0 0;font-size:.95rem}.category-filter{display:flex;flex-wrap:wrap;gap:var(--md-space-sm);margin-bottom:var(--md-space-xl);padding:var(--md-space-md);background:var(--md-bg-glass);border-radius:var(--md-radius-lg);border:1px solid var(--md-border)}.filter-btn{padding:10px 20px;background:var(--md-bg-card);border:1px solid var(--md-border);border-radius:var(--md-radius-full);color:var(--md-text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--md-transition-fast)}.filter-btn:hover{background:var(--md-bg-elevated);color:var(--md-text-primary);border-color:var(--md-border-light)}.filter-btn.active{background:var(--md-gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--md-shadow-glow-sm)}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--md-space-lg)}.archive-card{display:flex;align-items:center;gap:var(--md-space-md);padding:var(--md-space-lg);background:var(--md-bg-card);border:1px solid var(--md-border);border-radius:var(--md-radius-lg);cursor:pointer;transition:all var(--md-transition-normal);position:relative;overflow:hidden}.archive-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--md-gradient-primary);transform:scaleX(0);transition:transform var(--md-transition-normal)}.archive-card:hover{transform:translateY(-4px);border-color:var(--md-border-active);box-shadow:var(--md-shadow-lg)}.archive-card:hover:before{transform:scaleX(1)}.card-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--md-bg-glass);border-radius:var(--md-radius-md);flex-shrink:0}.card-content{flex:1;min-width:0}.card-content h4{font-size:1.1rem;font-weight:600;color:var(--md-text-primary);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-level{font-size:.85rem;color:var(--md-text-accent);margin:0 0 4px}.card-date{font-size:.8rem;color:var(--md-text-muted);margin:0}.card-arrow{font-size:1.5rem;color:var(--md-text-muted);transition:all var(--md-transition-fast)}.archive-card:hover .card-arrow{color:var(--md-primary);transform:translate(-5px)}.archive-empty{text-align:center;padding:var(--md-space-2xl);background:var(--md-bg-glass);border-radius:var(--md-radius-xl);border:2px dashed var(--md-border)}.archive-empty .empty-icon{font-size:4rem;display:block;margin-bottom:var(--md-space-md);opacity:.5}.archive-empty h3{font-size:1.4rem;color:var(--md-text-primary);margin:0 0 var(--md-space-sm)}.archive-empty p{color:var(--md-text-secondary);margin:0}.archive-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--md-space-2xl);gap:var(--md-space-md)}.archive-loading p{color:var(--md-text-secondary)}.archive-detail{animation:fadeInUp .4s ease}.archive-detail-header{margin:var(--md-space-xl) 0;padding:var(--md-space-lg);background:var(--md-bg-card);border-radius:var(--md-radius-lg);border:1px solid var(--md-border)}.archive-detail-header h2{font-size:1.6rem;color:var(--md-text-primary);margin:0 0 var(--md-space-md)}.archive-meta{display:flex;flex-wrap:wrap;gap:var(--md-space-sm)}.date-badge{padding:6px 14px;background:var(--md-bg-glass);border-radius:var(--md-radius-full);font-size:.85rem;color:var(--md-text-secondary)}.archive-sections{display:flex;flex-direction:column;gap:var(--md-space-xl)}.archive-section{background:var(--md-bg-card);border-radius:var(--md-radius-lg);border:1px solid var(--md-border);overflow:hidden}.archive-section h3{padding:var(--md-space-md) var(--md-space-lg);margin:0;background:var(--md-bg-glass);border-bottom:1px solid var(--md-border);font-size:1.1rem;color:var(--md-text-primary)}.section-content-box{padding:var(--md-space-lg);color:var(--md-text-secondary);line-height:1.8;white-space:pre-wrap}.discussion-box{font-family:Vazirmatn,sans-serif}@media(max-width:768px){.archive-grid{grid-template-columns:1fr}.archive-title{flex-direction:column;text-align:center}.category-filter{justify-content:center}.archive-detail-header h2{font-size:1.3rem}.archive-meta{justify-content:center}}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--md-space-2xl);text-align:center;min-height:400px}.access-denied .denied-icon{font-size:5rem;margin-bottom:var(--md-space-lg);opacity:.5}.access-denied h3{font-size:1.5rem;color:var(--md-text-primary);margin:0 0 var(--md-space-md)}.access-denied p{color:var(--md-text-secondary);max-width:400px;line-height:1.7}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-in}.modal-content{background:var(--md-bg-card);border:1px solid var(--md-border);border-radius:var(--md-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--md-shadow-xl);animation:slideUp .3s ease-out}.modal-header{padding:var(--md-space-lg);border-bottom:1px solid var(--md-border);display:flex;justify-content:space-between;align-items:center;background:var(--md-bg-glass)}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--md-text-primary)}.modal-close{background:none;border:none;font-size:1.8rem;color:var(--md-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--md-radius-sm);transition:all var(--md-transition-fast)}.modal-close:hover{background:var(--md-bg-glass-hover);color:var(--md-text-primary);transform:rotate(90deg)}.modal-body{padding:var(--md-space-lg);overflow-y:auto;flex:1}.modal-body p{color:var(--md-text-secondary);margin-bottom:var(--md-space-md);line-height:1.7}.form-group{margin-bottom:var(--md-space-md)}.form-group label{display:block;margin-bottom:var(--md-space-sm);font-weight:600;color:var(--md-text-primary);font-size:.95rem}.form-select{width:100%;padding:12px 16px;background:var(--md-bg-elevated);border:1px solid var(--md-border);border-radius:var(--md-radius-md);color:var(--md-text-primary);font-size:1rem;font-family:var(--font-family, "Vazir", sans-serif);cursor:pointer;transition:all var(--md-transition-fast)}.form-select:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 3px var(--md-primary-light)}.modal-footer{padding:var(--md-space-lg);border-top:1px solid var(--md-border);display:flex;justify-content:flex-end;gap:var(--md-space-sm);background:var(--md-bg-glass)}.btn-secondary{padding:10px 20px;background:var(--md-bg-elevated);border:1px solid var(--md-border);border-radius:var(--md-radius-md);color:var(--md-text-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--md-transition-fast)}.btn-secondary:hover{background:var(--md-bg-glass-hover);border-color:var(--md-border-light)}.btn-primary{padding:10px 20px;background:var(--gradient-primary, linear-gradient(135deg, #0b5cff 0%, #60a5fa 100%));border:none;border-radius:var(--md-radius-md);color:var(--text-on-primary, #ffffff);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--md-transition-fast);box-shadow:0 2px 8px #0b5cff33}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #0b5cff4d;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.articles-page{min-height:100vh;background:var(--page-bg, #f5f5f5);padding:20px;font-family:var(--font-family, "Vazir", sans-serif)}.articles-container{max-width:1200px;margin:0 auto}.articles-header{margin-bottom:30px}.articles-header h1{color:var(--text-primary, #1f2937);font-size:2rem;margin-bottom:20px}.articles-tabs{display:flex;gap:10px;border-bottom:2px solid var(--border-color, #e5e7eb)}.article-card{background:var(--card-bg, #ffffff);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.article-image{width:100%;height:200px;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover}.article-content h3{color:var(--text-primary, #1f2937);font-size:1.2rem;margin-bottom:10px}.article-abstract{color:var(--text-secondary, #6b7280);font-size:.9rem;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;gap:15px;font-size:.85rem;color:var(--text-muted, #9ca3af);margin-bottom:15px}.article-ratings{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:15px;background:var(--bg-secondary, #f9fafb);border-radius:8px}.rating-item{display:flex;align-items:center;gap:10px;font-size:.9rem}.share-btn{padding:8px 16px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.share-btn:hover{background:var(--primary-dark, #2563eb)}.upload-section{background:var(--card-bg, #ffffff);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.upload-section h2{color:var(--text-primary, #1f2937);margin-bottom:20px}.form-group input,.form-group textarea{padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1rem;font-family:var(--font-family, "Vazir", sans-serif);background:var(--input-bg, #ffffff);color:var(--text-primary, #1f2937);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.file-drop-zone{border:2px dashed var(--border-color, #e5e7eb);border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease}.file-drop-zone:hover{border-color:var(--primary-color, #3b82f6);background:var(--primary-light, rgba(59, 130, 246, .05))}.file-drop-zone span{font-size:3rem;display:block;margin-bottom:10px}.file-preview{position:relative;display:inline-block}.file-preview img{max-width:300px;max-height:300px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.file-preview button{position:absolute;top:-10px;right:-10px;background:var(--error-color, #ef4444);color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1.2rem}.upload-btn{padding:12px 24px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.upload-btn:hover:not(:disabled){background:var(--primary-dark, #2563eb)}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.article-view{background:var(--card-bg, #ffffff);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.article-view-image{width:100%;max-height:400px;overflow:hidden;border-radius:12px;margin-bottom:30px}.article-view-content h1{color:var(--text-primary, #1f2937);font-size:2rem;margin-bottom:20px}.article-view-meta{display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e5e7eb);color:var(--text-secondary, #6b7280);font-size:.9rem}.author-link{cursor:pointer;color:var(--primary-color, #3b82f6);transition:all .3s ease}.author-link:hover{text-decoration:underline}.article-abstract-section h3,.article-content-section h3,.article-keywords h3{color:var(--text-primary, #1f2937);font-size:1.3rem;margin-bottom:15px}.article-text{color:var(--text-primary, #1f2937);line-height:1.8;white-space:pre-wrap}.keyword-tag{padding:6px 12px;background:var(--primary-light, rgba(59, 130, 246, .1));color:var(--primary-color, #3b82f6);border-radius:20px;font-size:.9rem}.article-ratings-section{margin-bottom:30px;padding:25px;background:var(--bg-secondary, #f9fafb);border-radius:12px}.article-ratings-section h3{color:var(--text-primary, #1f2937);margin-bottom:20px}.user-rating-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.rating-summary-item{display:flex;align-items:center;gap:15px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg, #ffffff);border-radius:12px;padding:30px;max-width:500px;width:90%;box-shadow:0 4px 20px #0000004d}.modal-content h3{color:var(--text-primary, #1f2937);margin-bottom:20px}.modal-content input{width:100%;padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;margin-bottom:20px;font-family:var(--font-family, "Vazir", sans-serif)}.modal-content button{width:100%;padding:12px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem}@media(max-width:768px){.articles-list{grid-template-columns:1fr}.articles-tabs{flex-wrap:wrap}.article-view-content{padding:0}}:root{--articles-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--articles-gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--articles-gradient-warning: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--articles-glass: rgba(255, 255, 255, .05);--articles-glass-border: rgba(255, 255, 255, .1)}.articles-page{min-height:100vh;background:var(--page-bg, #0f172a);padding:20px;font-family:var(--font-family, "Vazir", sans-serif);padding-top:calc(var(--topbar-height, 64px) + 20px);position:relative;overflow-x:hidden}.articles-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(17,153,142,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.articles-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.articles-header{margin-bottom:30px;padding:24px 28px;background:var(--card-bg, #1e293b);border-radius:20px;border:1px solid var(--border-color, rgba(255,255,255,.1));box-shadow:0 8px 32px #0003;position:relative;overflow:hidden}.articles-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--articles-gradient-primary)}.articles-header h1{color:var(--text-primary, #f1f5f9);font-size:2rem;margin-bottom:10px;font-weight:700;background:var(--articles-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.articles-tabs{display:flex;gap:10px;border-bottom:2px solid var(--border-color, rgba(255,255,255,.1));flex-wrap:wrap;margin-bottom:30px;padding-bottom:10px}.tab-btn:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--articles-gradient-primary);transform:scaleX(0);transition:transform .3s ease}.articles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.article-card{background:var(--card-bg, #1e293b);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0003;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color, rgba(255,255,255,.1));position:relative}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--articles-gradient-primary);transform:scaleX(0);transition:transform .3s ease}.article-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #667eea4d;border-color:var(--primary-color, #667eea)}.article-card:hover:before{transform:scaleX(1)}.article-image{width:100%;height:200px;overflow:hidden;background:var(--bg-secondary, #334155);position:relative}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-image img{transform:scale(1.1)}.article-content{padding:20px}.article-content h3{color:var(--text-primary, #f1f5f9);font-size:1.2rem;margin-bottom:10px;font-weight:600;line-height:1.4}.article-abstract{color:var(--text-secondary, #94a3b8);font-size:.9rem;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.article-meta{display:flex;gap:15px;font-size:.85rem;color:var(--text-muted, #64748b);margin-bottom:15px;flex-wrap:wrap}.article-ratings{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:15px;background:var(--bg-secondary, #334155);border-radius:12px;border:1px solid var(--border-color, rgba(255,255,255,.1))}.rating-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-secondary, #94a3b8)}.article-actions{display:flex;gap:10px}.share-btn{padding:10px 20px;background:var(--articles-gradient-primary);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;flex:1}.share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.upload-section{background:var(--card-bg, #1e293b);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0003;border:1px solid var(--border-color, rgba(255,255,255,.1));position:relative;overflow:hidden}.upload-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--articles-gradient-primary)}.upload-section h2{color:var(--text-primary, #f1f5f9);margin-bottom:20px;font-size:1.5rem;font-weight:700}.upload-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:12px;font-size:1rem;font-family:var(--font-family, "Vazir", sans-serif);background:var(--input-bg, #334155);color:var(--text-primary, #f1f5f9);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea33;background:var(--bg-secondary, #475569)}.file-upload-area{margin-top:10px}.file-drop-zone{border:2px dashed var(--border-color, rgba(255,255,255,.2));border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary, #334155)}.file-drop-zone:hover{border-color:var(--primary-color, #667eea);background:#667eea1a;transform:translateY(-2px)}.file-drop-zone span{font-size:3rem;display:block;margin-bottom:10px;opacity:.7}.file-preview{position:relative;display:inline-block;margin-top:15px}.file-preview img{max-width:300px;max-height:300px;border-radius:12px;border:2px solid var(--border-color, rgba(255,255,255,.1));box-shadow:0 4px 16px #0003}.file-preview button{position:absolute;top:-10px;right:-10px;background:var(--error-color, #ef4444);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ef444466;transition:all .3s ease}.file-preview button:hover{transform:scale(1.1);box-shadow:0 6px 16px #ef444480}.upload-btn{padding:14px 28px;background:var(--articles-gradient-primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea4d}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.upload-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.article-view{background:var(--card-bg, #1e293b);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0003;border:1px solid var(--border-color, rgba(255,255,255,.1))}.article-view-content{max-width:800px;margin:0 auto}.article-view-image{width:100%;max-height:400px;overflow:hidden;border-radius:16px;margin-bottom:30px;box-shadow:0 8px 24px #0000004d}.article-view-image img{width:100%;height:100%;object-fit:cover}.article-view-content h1{color:var(--text-primary, #f1f5f9);font-size:2rem;margin-bottom:20px;font-weight:700;line-height:1.3}.article-view-meta{display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1));color:var(--text-secondary, #94a3b8);font-size:.9rem;flex-wrap:wrap}.author-link{cursor:pointer;color:var(--primary-color, #667eea);transition:all .3s ease;font-weight:600}.author-link:hover{text-decoration:underline;color:var(--primary-light, #818cf8)}.article-abstract-section,.article-content-section,.article-keywords{margin-bottom:30px}.article-abstract-section h3,.article-content-section h3,.article-keywords h3{color:var(--text-primary, #f1f5f9);font-size:1.3rem;margin-bottom:15px;font-weight:700}.article-text{color:var(--text-primary, #f1f5f9);line-height:1.9;white-space:pre-wrap;font-size:1.05rem}.keywords-list{display:flex;flex-wrap:wrap;gap:10px}.keyword-tag{padding:8px 16px;background:var(--articles-gradient-primary);color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #667eea4d}.article-ratings-section{margin-bottom:30px;padding:25px;background:var(--bg-secondary, #334155);border-radius:16px;border:1px solid var(--border-color, rgba(255,255,255,.1))}.article-ratings-section h3{color:var(--text-primary, #f1f5f9);margin-bottom:20px;font-weight:700}.user-rating-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1))}.ratings-summary{display:flex;flex-direction:column;gap:15px}.rating-summary-item{display:flex;align-items:center;gap:15px;color:var(--text-secondary, #94a3b8)}.article-actions-section{display:flex;justify-content:center;margin-top:30px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card-bg, #1e293b);border-radius:20px;padding:30px;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color, rgba(255,255,255,.1));animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h3{color:var(--text-primary, #f1f5f9);margin-bottom:20px;font-size:1.3rem;font-weight:700}.modal-content input{width:100%;padding:12px 16px;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:12px;margin-bottom:20px;font-family:var(--font-family, "Vazir", sans-serif);background:var(--input-bg, #334155);color:var(--text-primary, #f1f5f9);font-size:1rem;transition:all .3s ease}.modal-content input:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea33}.modal-content button{width:100%;padding:14px;background:var(--articles-gradient-primary);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #667eea4d}.modal-content button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}@media(max-width:768px){.articles-list{grid-template-columns:1fr}.articles-tabs{flex-wrap:wrap}.article-view-content{padding:0}.articles-header h1{font-size:1.5rem}}[data-theme=light] .articles-page{background:var(--page-bg, #f8fafc)}[data-theme=light] .articles-header,[data-theme=light] .article-card,[data-theme=light] .upload-section,[data-theme=light] .article-view{background:var(--card-bg, #ffffff);border-color:var(--border-color, #e2e8f0)}[data-theme=light] .articles-header h1,[data-theme=light] .article-content h3,[data-theme=light] .article-view-content h1{color:var(--text-primary, #1e293b)}[data-theme=light] .article-abstract,[data-theme=light] .article-meta,[data-theme=light] .article-view-meta{color:var(--text-secondary, #64748b)}[data-theme=light] .form-group input,[data-theme=light] .form-group textarea,[data-theme=light] .file-drop-zone,[data-theme=light] .modal-content input{background:var(--input-bg, #f1f5f9);border-color:var(--border-color, #cbd5e1);color:var(--text-primary, #1e293b)}[data-theme=light] .article-ratings,[data-theme=light] .article-ratings-section{background:var(--bg-secondary, #f8fafc);border-color:var(--border-color, #e2e8f0)}.learning-page{min-height:100vh;background:var(--page-bg, #f5f5f5);padding:20px;font-family:var(--font-family, "Vazir", sans-serif)}.learning-container{max-width:1200px;margin:0 auto}.learning-header{margin-bottom:30px}.learning-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:20px}.learning-tabs{display:flex;gap:10px;border-bottom:2px solid var(--border-color, #e5e7eb);flex-wrap:wrap}.tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-btn:hover{color:var(--primary-color)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.faq-section{background:var(--card-bg, #ffffff);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.faq-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.category-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.category-btn:hover{background:var(--primary-light);border-color:var(--primary-color)}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary)}.faq-item{background:var(--bg-secondary, #f9fafb);border-radius:8px;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 2px 8px #0000001a}.faq-question{padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--text-primary);font-weight:600;font-size:1rem}.faq-question:hover{background:var(--input-bg)}.expand-icon{font-size:1.5rem;color:var(--primary-color);font-weight:700;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-light)}.faq-answer{padding:0 20px 20px;color:var(--text-secondary);line-height:1.8}.guide-section{background:var(--card-bg, #ffffff);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.guides-section-wrapper,.access-level-section-wrapper{margin-bottom:40px}.guides-section-wrapper:last-child,.access-level-section-wrapper:last-child{margin-bottom:0}.section-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid var(--primary-color)}[data-theme=light] .section-title{color:#0f172a}.guide-card{background:var(--bg-secondary, #f9fafb);border-radius:12px;padding:25px;border:1px solid var(--border-color, #e5e7eb);transition:all .3s ease}.guide-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a;border-color:var(--primary-color, #3b82f6)}.guide-icon{font-size:3rem;margin-bottom:15px}.guide-card h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:15px}.guide-content{color:var(--text-secondary);line-height:1.8}[data-theme=light] .guide-content,[data-theme=light] .guide-content p,[data-theme=light] .guide-content h3,[data-theme=light] .guide-content h4{color:#1e293b}[data-theme=light] .guide-content h1,[data-theme=light] .guide-content h2{color:#0f172a}.access-level-section{background:var(--card-bg, #ffffff);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.access-level-card{background:var(--bg-secondary, #f9fafb);border-radius:12px;padding:30px;border:1px solid var(--border-color, #e5e7eb)}.access-level-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid var(--border-color, #e5e7eb)}.access-level-icon{font-size:2.5rem}.access-level-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.access-level-section-item{padding:15px;background:var(--card-bg, #ffffff);border-radius:8px;border-right:4px solid var(--primary-color, #3b82f6)}.access-level-section-item h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:10px}.access-level-section-item p{color:var(--text-secondary);line-height:1.8;margin:0}[data-theme=light] .access-level-section-item h3,[data-theme=light] .access-level-section-item p{color:#1e293b}[data-theme=light] .access-level-header h2{color:#0f172a}.loading,.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}[data-theme=light] .loading,[data-theme=light] .empty-state,[data-theme=light] .empty-state p{color:#334155}@media(max-width:768px){.learning-tabs{flex-direction:column}.guides-grid{grid-template-columns:1fr}.faq-categories{flex-direction:column}.category-btn{width:100%;text-align:center}}.teachers-courses-section{padding:40px 20px;animation:fadeIn .5s ease-out}.coming-soon-card{max-width:700px;margin:0 auto;background:var(--card-bg, #ffffff);border-radius:24px;padding:50px 40px;text-align:center;box-shadow:0 10px 40px #0000001a;border:2px solid var(--border-color, #e5e7eb);position:relative;overflow:hidden}.coming-soon-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(59,130,246,.05),transparent);animation:shimmer 3s infinite}.coming-soon-icon{margin-bottom:30px;position:relative;z-index:1}.coming-soon-icon svg{width:80px;height:80px;color:var(--primary-color, #3b82f6);animation:pulse 2s ease-in-out infinite}.coming-soon-card h2{font-size:2rem;color:var(--text-primary);margin-bottom:20px;position:relative;z-index:1}.coming-soon-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:40px;position:relative;z-index:1}[data-theme=light] .coming-soon-card h2{color:#0f172a}[data-theme=light] .coming-soon-description{color:#334155}.coming-soon-features{display:flex;flex-direction:column;gap:20px;margin-top:40px;position:relative;z-index:1}.feature-item{display:flex;align-items:center;justify-content:center;gap:15px;padding:16px 24px;background:#3b82f60d;border-radius:12px;transition:all .3s ease}.feature-item:hover{background:#3b82f61a;transform:translate(-5px)}.feature-item svg{width:28px;height:28px;color:var(--primary-color, #3b82f6)}.feature-item span{font-size:1rem;font-weight:600;color:var(--text-primary)}[data-theme=light] .feature-item span{color:#0f172a}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.coming-soon-card{padding:40px 24px}.coming-soon-card h2{font-size:1.5rem}.coming-soon-description{font-size:1rem}.feature-item{flex-direction:column;text-align:center;gap:10px}}:root{--learning-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--learning-gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--learning-glass: rgba(255, 255, 255, .05);--learning-glass-border: rgba(255, 255, 255, .1)}.learning-page{min-height:100vh;background:var(--page-bg, #0f172a);padding:20px;font-family:var(--font-family, "Vazir", sans-serif);padding-top:calc(var(--topbar-height, 64px) + 20px);position:relative;overflow-x:hidden}.learning-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(17,153,142,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.learning-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.learning-header{margin-bottom:30px;padding:24px 28px;background:var(--card-bg, #1e293b);border-radius:20px;border:1px solid var(--border-color, rgba(255,255,255,.1));box-shadow:0 8px 32px #0003;position:relative;overflow:hidden}.learning-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--learning-gradient-primary)}.learning-header h1{color:var(--text-primary, #f1f5f9);font-size:2rem;margin-bottom:10px;font-weight:700;background:var(--learning-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.learning-tabs{display:flex;gap:10px;border-bottom:2px solid var(--border-color, rgba(255,255,255,.1));flex-wrap:wrap;margin-bottom:30px;padding-bottom:10px}.tab-btn:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--learning-gradient-primary);transform:scaleX(0);transition:transform .3s ease}.faq-section{background:var(--card-bg, #1e293b);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0003;border:1px solid var(--border-color, rgba(255,255,255,.1));position:relative;overflow:hidden}.faq-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--learning-gradient-primary)}.faq-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1))}.category-btn.active{background:var(--learning-gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 16px #667eea4d}.faq-list{display:flex;flex-direction:column;gap:15px}.faq-item{background:var(--bg-secondary, #334155);border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid var(--border-color, rgba(255,255,255,.1))}.faq-item:hover{box-shadow:0 4px 16px #667eea33;border-color:var(--primary-color, #667eea);transform:translate(-5px)}.faq-question{padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--text-primary, #f1f5f9);font-weight:600;font-size:1rem;transition:all .3s ease}.faq-question:hover{background:#667eea1a}.expand-icon{font-size:1.5rem;color:var(--primary-color, #667eea);font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#667eea33;transition:all .3s ease;flex-shrink:0}.faq-question:hover .expand-icon{background:#667eea4d;transform:scale(1.1)}.faq-answer{padding:0 20px 20px;color:var(--text-secondary, #94a3b8);line-height:1.9;font-size:.95rem}.guide-section{background:var(--card-bg, #1e293b);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0003;border:1px solid var(--border-color, rgba(255,255,255,.1));position:relative;overflow:hidden}.guide-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--learning-gradient-primary)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.guide-card{background:var(--bg-secondary, #334155);border-radius:16px;padding:25px;border:1px solid var(--border-color, rgba(255,255,255,.1));transition:all .3s ease;position:relative;overflow:hidden}.guide-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--learning-gradient-primary);transform:scaleX(0);transition:transform .3s ease}.guide-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #667eea4d;border-color:var(--primary-color, #667eea)}.guide-card:hover:before{transform:scaleX(1)}.guide-icon{font-size:3rem;margin-bottom:15px;opacity:.8}.guide-card h3{color:var(--text-primary, #f1f5f9);font-size:1.2rem;margin-bottom:15px;font-weight:700}.guide-content{color:var(--text-secondary, #94a3b8);line-height:1.8;font-size:.95rem}.access-level-section{background:var(--card-bg, #1e293b);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0003;border:1px solid var(--border-color, rgba(255,255,255,.1));position:relative;overflow:hidden}.access-level-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--learning-gradient-primary)}.access-level-guides{display:flex;flex-direction:column;gap:25px}.access-level-card{background:var(--bg-secondary, #334155);border-radius:16px;padding:30px;border:1px solid var(--border-color, rgba(255,255,255,.1));transition:all .3s ease}.access-level-card:hover{transform:translate(-5px);border-color:var(--primary-color, #667eea);box-shadow:0 8px 24px #667eea33}.access-level-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid var(--border-color, rgba(255,255,255,.1))}.access-level-icon{font-size:2.5rem;opacity:.8}.access-level-header h2{color:var(--text-primary, #f1f5f9);font-size:1.5rem;margin:0;font-weight:700}.access-level-content{display:flex;flex-direction:column;gap:20px}.access-level-section-item{padding:20px;background:var(--card-bg, #1e293b);border-radius:12px;border-right:4px solid var(--primary-color, #667eea);transition:all .3s ease}.access-level-section-item:hover{transform:translate(-5px);box-shadow:0 4px 16px #667eea33}.access-level-section-item h3{color:var(--text-primary, #f1f5f9);font-size:1.1rem;margin-bottom:10px;font-weight:700}.access-level-section-item p{color:var(--text-secondary, #94a3b8);line-height:1.9;margin:0;font-size:.95rem}.loading,.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #94a3b8)}@media(max-width:768px){.learning-tabs{flex-direction:column}.guides-grid{grid-template-columns:1fr}.faq-categories{flex-direction:column}.category-btn{width:100%;text-align:center}.learning-header h1{font-size:1.5rem}}[data-theme=light] .learning-page{background:var(--page-bg, #f8fafc)}[data-theme=light] .learning-header,[data-theme=light] .faq-section,[data-theme=light] .guide-section,[data-theme=light] .access-level-section{background:var(--card-bg, #ffffff);border-color:var(--border-color, #e2e8f0)}[data-theme=light] .learning-header h1,[data-theme=light] .guide-card h3,[data-theme=light] .access-level-header h2,[data-theme=light] .access-level-section-item h3{color:var(--text-primary, #1e293b)}[data-theme=light] .faq-question,[data-theme=light] .guide-content,[data-theme=light] .access-level-section-item p{color:var(--text-secondary, #64748b)}[data-theme=light] .faq-item,[data-theme=light] .guide-card,[data-theme=light] .access-level-card{background:var(--bg-secondary, #f8fafc);border-color:var(--border-color, #e2e8f0)}[data-theme=light] .category-btn{background:var(--bg-secondary, #f1f5f9);border-color:var(--border-color, #cbd5e1);color:var(--text-primary, #1e293b)}[data-theme=light] .category-btn.active{background:var(--learning-gradient-primary);color:#fff}[data-theme=light] .access-level-section-item{background:var(--card-bg, #ffffff)}:root{--bm-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bm-gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--bm-gradient-warning: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--bm-gradient-sell: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--bm-gradient-borrow: linear-gradient(135deg, #10b981 0%, #059669 100%);--bm-glass: rgba(255, 255, 255, .05);--bm-glass-border: rgba(255, 255, 255, .1)}.book-marketplace-page{min-height:100vh;background:var(--page-bg, #0f172a);padding-top:var(--topbar-height, 64px);position:relative}.book-marketplace-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 10% 10%,rgba(102,126,234,.15) 0%,transparent 40%),radial-gradient(ellipse at 90% 90%,rgba(118,75,162,.15) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.marketplace-header{position:sticky;top:var(--topbar-height, 64px);z-index:100;background:var(--card-bg, #1e293b);border-bottom:1px solid var(--border-color, rgba(255,255,255,.1));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-content{max-width:1400px;margin:0 auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.header-right{display:flex;align-items:center;gap:20px}.header-title h1{font-size:1.8rem;font-weight:800;color:var(--text-primary, #ffffff);margin:0;display:flex;align-items:center;gap:10px}.header-title p{color:var(--text-secondary, #94a3b8);margin:4px 0 0;font-size:.95rem}.add-listing-btn{padding:14px 28px;background:var(--bm-gradient-primary);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #667eea66}.add-listing-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #667eea80}.marketplace-tabs{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;gap:12px;background:var(--card-bg, #1e293b);border-bottom:1px solid var(--border-color, rgba(255,255,255,.1));position:relative;z-index:1}.tab-btn{padding:16px 28px;background:transparent;border:none;color:var(--text-secondary, #94a3b8);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;position:relative;transition:all .3s ease}.tab-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--bm-gradient-primary);border-radius:3px 3px 0 0;transform:scaleX(0);transition:transform .3s ease}.tab-btn:hover{color:var(--text-primary, #ffffff)}.tab-btn.active{color:var(--primary-color, #60a5fa)}.marketplace-content{max-width:1400px;margin:0 auto;padding:24px;position:relative;z-index:1}.filters-bar{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:24px;background:var(--card-bg, #1e293b);border-radius:24px;border:1px solid var(--border-color, rgba(255,255,255,.1));box-shadow:0 8px 32px #00000026}.search-box{position:relative;max-width:500px}.search-box .search-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--text-muted, #64748b)}.search-box input{width:100%;padding:6px 10px 6px 30px;background:var(--bg-secondary);border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:16px;color:var(--text-primary, #ffffff);font-size:1rem;transition:all .3s ease}.search-box input:focus{outline:none;border-color:var(--primary-color, #60a5fa);box-shadow:0 0 0 4px #60a5fa33}.filter-chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:10px 20px;background:var(--bg-secondary, #334155);border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:30px;color:var(--text-secondary, #94a3b8);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.chip:hover{border-color:var(--chip-color, var(--primary-color));color:var(--chip-color, var(--primary-color));background:#60a5fa1a}.chip.active{background:var(--chip-color, var(--bm-gradient-primary));border-color:transparent;color:#fff;box-shadow:0 4px 15px #667eea4d}.type-filter{display:flex;gap:12px}.type-filter select{padding:12px 20px;background:var(--bg-secondary, #334155);border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:14px;color:var(--text-primary, #ffffff);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.type-filter select:focus{outline:none;border-color:var(--primary-color, #60a5fa)}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.listing-card{background:var(--card-bg, #1e293b);border-radius:24px;border:1px solid var(--border-color, rgba(255,255,255,.1));overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.listing-card:before{content:"";position:absolute;inset:0;background:var(--bm-gradient-primary);opacity:0;z-index:0;transition:opacity .4s ease}.listing-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #0000004d,0 0 0 1px var(--primary-color, #60a5fa)}.listing-card:hover:before{opacity:.03}.listing-card{animation:cardFadeIn .5s ease-out both}.listing-card:nth-child(1){animation-delay:.05s}.listing-card:nth-child(2){animation-delay:.1s}.listing-card:nth-child(3){animation-delay:.15s}.listing-card:nth-child(4){animation-delay:.2s}.listing-card:nth-child(5){animation-delay:.25s}.listing-card:nth-child(6){animation-delay:.3s}.listing-card:nth-child(7){animation-delay:.35s}.listing-card:nth-child(8){animation-delay:.4s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-image{position:relative;height:220px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.listing-card:hover .card-image img{transform:scale(1.1)}.card-badges{position:absolute;bottom:12px;right:12px;display:flex;flex-direction:column;gap:6px}.badge{padding:8px 14px;border-radius:12px;font-size:.8rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge.borrow{background:#10b981e6;color:#fff}.badge.sell{background:#f97316e6;color:#fff}.category-badge{position:absolute;top:12px;left:12px;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.card-content{padding:20px;position:relative;z-index:1}.card-content h3{font-size:1.15rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 8px;line-height:1.4}.card-content .author{color:var(--text-secondary, #94a3b8);font-size:.9rem;margin:0 0 8px}.card-content .condition{font-size:.85rem;color:var(--text-muted, #64748b);margin:0 0 16px}.condition-new{color:#4ade80}.condition-like-new{color:#22d3ee}.condition-good{color:#fbbf24}.condition-fair{color:#f87171}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color, rgba(255,255,255,.1))}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:12px;background:var(--bg-secondary, #334155);display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info span{font-size:.9rem;color:var(--text-secondary, #94a3b8);font-weight:500}.meta-info{display:flex;gap:12px;font-size:.8rem;color:var(--text-muted, #64748b)}.loading-state,.empty-state{grid-column:1 / -1;text-align:center;padding:80px 20px}.loading-state .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state .empty-icon{font-size:5rem;display:block;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:1.5rem;color:var(--text-primary, #ffffff);margin:0 0 10px}.empty-state p{color:var(--text-secondary, #94a3b8);margin:0 0 24px}.empty-state button{padding:14px 32px;background:var(--bm-gradient-primary);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.empty-state button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.add-listing-section{max-width:800px;margin:0 auto}.form-header{text-align:center;margin-bottom:32px}.form-header h2{font-size:2rem;font-weight:800;color:var(--text-primary, #ffffff);margin:0 0 8px}.form-header p{color:var(--text-secondary, #94a3b8);font-size:1.1rem}.listing-form{display:flex;flex-direction:column;gap:24px}.form-section{background:var(--card-bg, #1e293b);border-radius:24px;padding:28px;border:1px solid var(--border-color, rgba(255,255,255,.1))}.form-section>label{display:block;font-size:1.1rem;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:20px}.images-upload{display:flex;flex-direction:column;gap:16px}.preview-images{display:flex;flex-wrap:wrap;gap:16px}.preview-item{position:relative;width:140px;height:180px;border-radius:16px;overflow:hidden;border:2px solid var(--border-color, rgba(255,255,255,.15))}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-item .remove-img{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#ef4444e6;border:none;border-radius:50%;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.preview-item .remove-img:hover{background:#dc2626;transform:scale(1.1)}.add-image-btn{width:140px;height:180px;border:3px dashed var(--border-color, rgba(255,255,255,.2));border-radius:16px;background:var(--bg-secondary, #334155);color:var(--text-secondary, #94a3b8);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:all .3s ease}.add-image-btn span{font-size:2.5rem}.add-image-btn:hover{border-color:var(--primary-color, #60a5fa);color:var(--primary-color, #60a5fa);background:#60a5fa1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;background:var(--bg-secondary, #334155);border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:14px;color:var(--text-primary, #ffffff);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #60a5fa);box-shadow:0 0 0 4px #60a5fa33}.form-group textarea{resize:vertical;min-height:120px}.listing-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.type-btn{padding:20px;background:var(--bg-secondary, #334155);border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:16px;color:var(--text-secondary, #94a3b8);font-size:1rem;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s ease}.type-btn span{font-size:2rem}.type-btn:hover{border-color:var(--primary-color, #60a5fa);color:var(--text-primary, #ffffff)}.type-btn.active{background:var(--bm-gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 20px #667eea66}.price-input-group{padding:20px;background:var(--bg-secondary, #334155);border-radius:16px;margin-bottom:16px}.price-input-group h4{font-size:1rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 16px}.free-toggle{margin-bottom:16px}.free-toggle label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:1rem;color:var(--text-primary, #ffffff)}.free-toggle input[type=checkbox]{display:none}.toggle-slider{width:52px;height:28px;background:var(--border-color, #475569);border-radius:14px;position:relative;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 8px #0003}.free-toggle input:checked+.toggle-slider{background:var(--bm-gradient-success)}.free-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.price-input{display:flex;align-items:center;gap:12px}.price-input input{flex:1;padding:14px 18px;background:var(--card-bg, #1e293b);border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:14px;color:var(--text-primary, #ffffff);font-size:1.1rem;font-weight:600}.price-input input:focus{outline:none;border-color:var(--primary-color, #60a5fa)}.price-input span{color:var(--text-secondary, #94a3b8);font-weight:600}.form-actions{text-align:center}.submit-btn{padding:18px 60px;background:var(--bm-gradient-primary);color:#fff;border:none;border-radius:18px;font-size:1.2rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #667eea66}.submit-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #667eea80}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner-small{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.listing-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalOverlayIn .3s ease}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.listing-modal{background:var(--card-bg, #1e293b);border-radius:28px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 30px 100px #00000080;animation:modalContentIn .4s cubic-bezier(.4,0,.2,1);position:relative}@keyframes modalContentIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-modal{position:absolute;top:16px;right:16px;width:44px;height:44px;background:#00000080;border:none;border-radius:50%;color:#fff;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-modal:hover{background:#ef4444cc;transform:rotate(90deg)}.modal-gallery{background:var(--bg-secondary, #334155);display:flex;flex-direction:column}.modal-gallery>img{width:100%;height:400px;object-fit:cover}.gallery-thumbs{display:flex;gap:8px;padding:12px;overflow-x:auto}.gallery-thumbs img{width:70px;height:90px;object-fit:cover;border-radius:10px;cursor:pointer;opacity:.6;transition:all .3s ease}.gallery-thumbs img:hover{opacity:1}.modal-content{padding:28px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.modal-header h2{font-size:1.6rem;font-weight:800;color:var(--text-primary, #ffffff);margin:0;line-height:1.3}.category-tag{padding:8px 16px;border-radius:12px;font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap}.modal-author{color:var(--text-secondary, #94a3b8);font-size:1.1rem;margin:0}.modal-prices{display:flex;gap:16px}.price-tag{flex:1;padding:20px;border-radius:16px;text-align:center}.price-tag.borrow{background:linear-gradient(135deg,#10b98133,#10b9811a);border:2px solid rgba(16,185,129,.3)}.price-tag.sell{background:linear-gradient(135deg,#f9731633,#f973161a);border:2px solid rgba(249,115,22,.3)}.price-tag .label{display:block;font-size:.9rem;color:var(--text-secondary, #94a3b8);margin-bottom:8px}.price-tag .value{font-size:1.4rem;font-weight:800;color:var(--text-primary, #ffffff)}.modal-condition{display:flex;align-items:center;gap:12px;color:var(--text-secondary, #94a3b8)}.condition-badge{padding:8px 16px;border-radius:10px;font-weight:700;font-size:.9rem}.condition-badge.new{background:#4ade8033;color:#4ade80}.condition-badge.like-new{background:#22d3ee33;color:#22d3ee}.condition-badge.good{background:#fbbf2433;color:#fbbf24}.condition-badge.fair{background:#f8717133;color:#f87171}.modal-description{padding:20px;background:var(--bg-secondary, #334155);border-radius:16px}.modal-description h4{font-size:1rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 12px}.modal-description p{color:var(--text-secondary, #94a3b8);line-height:1.7;margin:0}.modal-seller{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-secondary, #334155);border-radius:16px}.seller-info{display:flex;align-items:center;gap:16px}.seller-avatar{width:56px;height:56px;border-radius:16px;background:var(--card-bg, #1e293b);display:flex;align-items:center;justify-content:center;font-size:1.8rem;overflow:hidden}.seller-avatar img{width:100%;height:100%;object-fit:cover}.seller-details h4{font-size:1.1rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 4px}.seller-details p{font-size:.9rem;color:var(--text-muted, #64748b);margin:0}.contact-btn{padding:14px 28px;background:var(--bm-gradient-primary);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.modal-meta{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color, rgba(255,255,255,.1));color:var(--text-muted, #64748b)}.share-btn{padding:10px 20px;background:var(--bg-secondary, #334155);border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:12px;color:var(--text-secondary, #94a3b8);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.share-btn:hover{border-color:var(--primary-color, #60a5fa);color:var(--primary-color, #60a5fa)}.contact-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.contact-modal{background:var(--card-bg, #1e293b);border-radius:24px;max-width:500px;width:100%;overflow:hidden;box-shadow:0 25px 80px #0006}.contact-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:var(--bm-gradient-primary)}.contact-header h3{font-size:1.2rem;font-weight:700;color:#fff;margin:0}.contact-header button{width:36px;height:36px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.contact-header button:hover{background:#ffffff4d}.contact-body{padding:24px}.contact-about{padding:12px 16px;background:var(--bg-secondary, #334155);border-radius:12px;color:var(--text-secondary, #94a3b8);margin:0 0 20px}.contact-about strong{color:var(--text-primary, #ffffff)}.contact-body textarea{width:100%;padding:16px;background:var(--bg-secondary, #334155);border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:16px;color:var(--text-primary, #ffffff);font-size:1rem;resize:none;transition:all .3s ease}.contact-body textarea:focus{outline:none;border-color:var(--primary-color, #60a5fa)}.contact-actions{display:flex;gap:12px;padding:20px 24px;background:var(--bg-secondary, #334155)}.cancel-btn{flex:1;padding:14px;background:transparent;border:2px solid var(--border-color, rgba(255,255,255,.15));border-radius:14px;color:var(--text-secondary, #94a3b8);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{border-color:var(--text-secondary);color:var(--text-primary, #ffffff)}.send-btn{flex:1;padding:14px;background:var(--bm-gradient-primary);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.my-listings-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.my-listings-section .section-header h2{font-size:1.6rem;font-weight:800;color:var(--text-primary, #ffffff);margin:0}.add-btn{padding:12px 24px;background:var(--bm-gradient-primary);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.my-listings-grid{display:flex;flex-direction:column;gap:16px}.my-listing-card{display:flex;gap:20px;padding:20px;background:var(--card-bg, #1e293b);border-radius:20px;border:1px solid var(--border-color, rgba(255,255,255,.1));transition:all .3s ease}.my-listing-card:hover{border-color:var(--primary-color, #60a5fa)}.my-listing-card img{width:100px;height:130px;object-fit:cover;border-radius:14px}.listing-info{flex:1}.listing-info h4{font-size:1.2rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 8px}.listing-info p{color:var(--text-secondary, #94a3b8);margin:0 0 12px}.listing-stats{display:flex;gap:20px;font-size:.9rem;color:var(--text-muted, #64748b)}.listing-actions{display:flex;flex-direction:column;gap:10px;justify-content:center}.edit-btn,.delete-btn{padding:10px 18px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.edit-btn{background:#60a5fa33;border:2px solid rgba(96,165,250,.3);color:#60a5fa}.edit-btn:hover{background:#60a5fa;color:#fff}.delete-btn{background:#ef444433;border:2px solid rgba(239,68,68,.3);color:#f87171}.delete-btn:hover{background:#ef4444;color:#fff}@media(max-width:900px){.listing-modal{grid-template-columns:1fr;max-height:95vh}.modal-gallery>img{height:250px}}@media(max-width:768px){.header-content{flex-direction:column;gap:16px;align-items:stretch}.header-right{flex-direction:column;align-items:flex-start}.add-listing-btn{width:100%;justify-content:center}.marketplace-tabs{overflow-x:auto;padding:0 16px}.tab-btn{padding:14px 20px;font-size:.9rem;white-space:nowrap}.marketplace-content,.filters-bar{padding:16px}.filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.type-filter{flex-direction:column}.listings-grid,.form-row,.listing-type-selector{grid-template-columns:1fr}.modal-prices{flex-direction:column}.modal-seller{flex-direction:column;gap:16px}.contact-btn{width:100%;justify-content:center}.my-listing-card{flex-direction:column}.my-listing-card img{width:100%;height:180px}.listing-actions{flex-direction:row}}[data-theme=light] .book-marketplace-page:before{background:radial-gradient(ellipse at 10% 10%,rgba(102,126,234,.1) 0%,transparent 40%),radial-gradient(ellipse at 90% 90%,rgba(118,75,162,.1) 0%,transparent 40%)}[data-theme=light] .marketplace-header,[data-theme=light] .marketplace-tabs,[data-theme=light] .filters-bar,[data-theme=light] .form-section,[data-theme=light] .listing-card,[data-theme=light] .my-listing-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .listing-card:hover{box-shadow:0 20px 50px #0000001a}[data-theme=light] .search-box input,[data-theme=light] .type-filter select,[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#f8fafc;color:#0f172a;border-color:#e2e8f0}[data-theme=light] .chip{background:#f1f5f9;border-color:#e2e8f0;color:#475569}[data-theme=light] .listing-modal,[data-theme=light] .contact-modal{background:#fff}[data-theme=light] .modal-gallery,[data-theme=light] .modal-description,[data-theme=light] .modal-seller,[data-theme=light] .price-input-group{background:#f8fafc}.library-page{min-height:100vh;background:var(--page-bg, #f5f5f5);padding:20px;font-family:var(--font-family, "Vazir", sans-serif)}.library-container{max-width:1400px;margin:0 auto}.library-header{margin-bottom:30px}.library-header h1{color:var(--text-primary, #1f2937);font-size:2rem;margin-bottom:20px}.library-tabs{display:flex;gap:10px;border-bottom:2px solid var(--border-color, #e5e7eb);flex-wrap:wrap}.tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary, #6b7280);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-btn:hover{color:var(--primary-color, #3b82f6)}.tab-btn.active{color:var(--primary-color, #3b82f6);border-bottom-color:var(--primary-color, #3b82f6)}.books-section{background:var(--card-bg, #ffffff);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a;min-height:500px}.books-search input{width:100%;padding:12px 16px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1rem;font-family:var(--font-family, "Vazir", sans-serif)}.book-card{background:var(--bg-secondary, #f9fafb);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color, #e5e7eb)}.book-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.book-cover{width:100%;height:250px;overflow:hidden;background:var(--input-bg, #f3f4f6)}.book-cover img{width:100%;height:100%;object-fit:cover}.book-info h3{color:var(--text-primary, #1f2937);font-size:1rem;margin-bottom:8px}.book-author{color:var(--text-secondary, #6b7280);font-size:.9rem;margin-bottom:10px}.progress-bar{width:100%;height:6px;background:var(--border-color, #e5e7eb);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--primary-color, #3b82f6);transition:width .3s ease}.book-reader{display:flex;flex-direction:column;height:calc(100vh - 200px);background:var(--card-bg, #ffffff);border-radius:12px;overflow:hidden}.book-reader-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.book-reader-header h2{color:var(--text-primary, #1f2937);font-size:1.3rem;margin:0;flex:1;text-align:center}.page-info{color:var(--text-secondary, #6b7280);font-size:.9rem}.book-reader-content{flex:1;overflow-y:auto;padding:40px;background:#fafafa;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.book-page-content{max-width:800px;margin:0 auto;line-height:2;font-size:1.1rem;color:var(--text-primary, #1f2937);text-align:justify}.book-reader-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.page-btn{padding:10px 20px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.page-btn:hover:not(:disabled){background:var(--primary-dark, #2563eb)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-input{width:80px;padding:8px;text-align:center;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1rem}.scenarios-section{background:var(--card-bg, #ffffff);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.create-scenario-section{margin-bottom:30px;padding:25px;background:var(--bg-secondary, #f9fafb);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.create-scenario-section h2{color:var(--text-primary, #1f2937);margin-bottom:20px}.scenario-steps-form h3{color:var(--text-primary, #1f2937);margin-bottom:15px}.step-form-item{padding:15px;background:var(--card-bg, #ffffff);border-radius:8px;border:1px solid var(--border-color, #e5e7eb);margin-bottom:15px}.remove-step-btn,.add-step-btn{padding:8px 16px;background:var(--error-color, #ef4444);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem}.add-step-btn{background:var(--primary-color, #3b82f6);width:100%;margin-top:10px}.scenario-card{background:var(--bg-secondary, #f9fafb);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color, #e5e7eb)}.scenario-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a;border-color:var(--primary-color, #3b82f6)}.scenario-card h3{color:var(--text-primary, #1f2937);margin-bottom:10px}.scenario-book,.scenario-author,.scenario-steps-count{color:var(--text-secondary, #6b7280);font-size:.9rem;margin-bottom:5px}.scenario-view{background:var(--card-bg, #ffffff);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.scenario-view-content h1{color:var(--text-primary, #1f2937);margin-bottom:15px}.scenario-meta{color:var(--text-secondary, #6b7280);margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border-color, #e5e7eb)}.scenario-step{display:flex;gap:20px;padding:20px;background:var(--bg-secondary, #f9fafb);border-radius:12px;border-right:4px solid var(--primary-color, #3b82f6)}.step-number{width:40px;height:40px;background:var(--primary-color, #3b82f6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content h3{color:var(--text-primary, #1f2937);margin-bottom:10px}.step-content p{color:var(--text-secondary, #6b7280);line-height:1.8}.audio-section{background:var(--card-bg, #ffffff);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.upload-audio-section{margin-bottom:30px;padding:25px;background:var(--bg-secondary, #f9fafb);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.upload-audio-section h2{color:var(--text-primary, #1f2937);margin-bottom:20px}.audio-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.category-btn{padding:8px 16px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:20px;color:var(--text-primary, #1f2937);font-size:.9rem;cursor:pointer;transition:all .3s ease}.category-btn:hover{background:var(--primary-light, rgba(59, 130, 246, .1));border-color:var(--primary-color, #3b82f6)}.category-btn.active{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff}.audio-player-card{background:var(--bg-secondary, #f9fafb);border-radius:12px;padding:20px;border:1px solid var(--border-color, #e5e7eb)}.audio-info h3{color:var(--text-primary, #1f2937);margin-bottom:10px}.audio-info p{color:var(--text-secondary, #6b7280);margin-bottom:10px}.audio-category{display:inline-block;padding:4px 12px;background:var(--primary-light, rgba(59, 130, 246, .1));color:var(--primary-color, #3b82f6);border-radius:12px;font-size:.85rem}.play-btn{width:50px;height:50px;border-radius:50%;border:none;background:var(--primary-color, #3b82f6);color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.play-btn:hover{background:var(--primary-dark, #2563eb);transform:scale(1.1)}.progress-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--border-color, #e5e7eb);border-radius:3px;outline:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary-color, #3b82f6);border-radius:50%;cursor:pointer}.audio-time{display:flex;justify-content:space-between;margin-top:5px;font-size:.85rem;color:var(--text-secondary, #6b7280)}.form-group label{color:var(--text-primary, #1f2937);font-weight:600;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1rem;font-family:var(--font-family, "Vazir", sans-serif);background:var(--input-bg, #ffffff);color:var(--text-primary, #1f2937);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.upload-btn,.submit-btn{padding:12px 24px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.upload-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){background:var(--primary-dark, #2563eb)}.upload-btn:disabled,.submit-btn:disabled{opacity:.5;cursor:not-allowed}.back-btn{padding:10px 20px;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #1f2937);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;margin-bottom:20px;font-size:1rem;transition:all .3s ease}.back-btn:hover{background:var(--border-color, #e5e7eb)}.loading,.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #6b7280)}.empty-icon{font-size:4rem;margin-bottom:20px}@media(max-width:768px){.books-grid,.scenarios-list{grid-template-columns:1fr}.book-reader{height:calc(100vh - 150px)}.book-reader-content{padding:20px}}:root{--library-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--library-gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--library-glass: rgba(255, 255, 255, .05);--library-glass-border: rgba(255, 255, 255, .1)}.library-page{min-height:100vh;background:var(--page-bg, #0f172a);padding:20px;font-family:var(--font-family, "Vazir", sans-serif);padding-top:calc(var(--topbar-height, 64px) + 20px);position:relative;overflow-x:hidden}.library-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(17,153,142,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.library-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.library-header{margin-bottom:30px;padding:24px 28px;background:var(--card-bg, #1e293b);border-radius:20px;border:1px solid var(--border-color, rgba(255,255,255,.1));box-shadow:0 8px 32px #0003;position:relative;overflow:hidden}.library-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--library-gradient-primary)}.library-header h1{color:var(--text-primary, #f1f5f9);font-size:2rem;margin-bottom:10px;font-weight:700;background:var(--library-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.library-tabs{display:flex;gap:10px;border-bottom:2px solid var(--border-color, rgba(255,255,255,.1));flex-wrap:wrap;margin-bottom:30px;padding-bottom:10px}.tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary, #94a3b8);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;border-radius:8px 8px 0 0}.tab-btn:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--library-gradient-primary);transform:scaleX(0);transition:transform .3s ease}.tab-btn:hover,.tab-btn.active{color:var(--primary-color, #667eea);background:var(--bg-secondary, rgba(255,255,255,.05))}.tab-btn.active:after{transform:scaleX(1)}.books-section{background:var(--card-bg, #1e293b);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0003;border:1px solid var(--border-color, rgba(255,255,255,.1));min-height:500px;position:relative;overflow:hidden}.books-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--library-gradient-primary)}.books-search{margin-bottom:30px}.books-search input{width:100%;padding:14px 20px;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:12px;font-size:1rem;font-family:var(--font-family, "Vazir", sans-serif);background:var(--input-bg, #334155);color:var(--text-primary, #f1f5f9);transition:all .3s ease}.books-search input:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea33;background:var(--bg-secondary, #475569)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.book-card{background:var(--bg-secondary, #334155);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color, rgba(255,255,255,.1));position:relative}.book-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--library-gradient-primary);transform:scaleX(0);transition:transform .3s ease}.book-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #667eea4d;border-color:var(--primary-color, #667eea)}.book-card:hover:before{transform:scaleX(1)}.book-cover{width:100%;height:250px;overflow:hidden;background:var(--input-bg, #475569);position:relative}.book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.book-card:hover .book-cover img{transform:scale(1.1)}.book-info{padding:15px}.book-info h3{color:var(--text-primary, #f1f5f9);font-size:1rem;margin-bottom:8px;font-weight:600;line-height:1.4}.book-author{color:var(--text-secondary, #94a3b8);font-size:.9rem;margin-bottom:10px}.book-progress{display:flex;flex-direction:column;gap:5px}.progress-bar{width:100%;height:6px;background:var(--bg-secondary, #475569);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--library-gradient-primary);transition:width .3s ease;border-radius:3px}.book-reader{display:flex;flex-direction:column;height:calc(100vh - 200px);background:var(--card-bg, #1e293b);border-radius:20px;overflow:hidden;border:1px solid var(--border-color, rgba(255,255,255,.1));box-shadow:0 8px 32px #0000004d}.book-reader-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1));background:var(--bg-secondary, #334155)}.book-reader-header h2{color:var(--text-primary, #f1f5f9);font-size:1.3rem;margin:0;flex:1;text-align:center;font-weight:700}.page-info{color:var(--text-secondary, #94a3b8);font-size:.9rem;font-weight:600}.book-reader-content{flex:1;overflow-y:auto;padding:40px;background:var(--page-bg, #0f172a);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.book-page-content{max-width:800px;margin:0 auto;line-height:2;font-size:1.1rem;color:var(--text-primary, #f1f5f9);text-align:justify}.book-reader-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;border-top:1px solid var(--border-color, rgba(255,255,255,.1));background:var(--bg-secondary, #334155)}.page-btn{padding:12px 24px;background:var(--library-gradient-primary);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #667eea4d}.page-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.page-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-input{width:80px;padding:10px;text-align:center;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:10px;font-size:1rem;background:var(--input-bg, #475569);color:var(--text-primary, #f1f5f9);font-weight:600}.page-input:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea33}.scenarios-section{background:var(--card-bg, #1e293b);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0003;border:1px solid var(--border-color, rgba(255,255,255,.1));position:relative;overflow:hidden}.scenarios-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--library-gradient-primary)}.create-scenario-section{margin-bottom:30px;padding:25px;background:var(--bg-secondary, #334155);border-radius:16px;border:1px solid var(--border-color, rgba(255,255,255,.1))}.create-scenario-section h2{color:var(--text-primary, #f1f5f9);margin-bottom:20px;font-size:1.5rem;font-weight:700}.scenario-form{display:flex;flex-direction:column;gap:20px}.scenario-steps-form{margin-top:20px}.scenario-steps-form h3{color:var(--text-primary, #f1f5f9);margin-bottom:15px;font-weight:700}.step-form-item{padding:20px;background:var(--card-bg, #1e293b);border-radius:12px;border:1px solid var(--border-color, rgba(255,255,255,.1));margin-bottom:15px;transition:all .3s ease}.step-form-item:hover{border-color:var(--primary-color, #667eea);transform:translate(-5px)}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.remove-step-btn,.add-step-btn{padding:10px 20px;background:var(--error-color, #ef4444);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.remove-step-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.add-step-btn{background:var(--library-gradient-primary);width:100%;margin-top:10px;box-shadow:0 4px 16px #667eea4d}.add-step-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.scenarios-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.scenario-card{background:var(--bg-secondary, #334155);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color, rgba(255,255,255,.1));position:relative}.scenario-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--library-gradient-primary);transform:scaleX(0);transition:transform .3s ease}.scenario-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #667eea4d;border-color:var(--primary-color, #667eea)}.scenario-card:hover:before{transform:scaleX(1)}.scenario-card h3{color:var(--text-primary, #f1f5f9);margin-bottom:10px;font-weight:700}.scenario-book,.scenario-author,.scenario-steps-count{color:var(--text-secondary, #94a3b8);font-size:.9rem;margin-bottom:5px}.scenario-view{background:var(--card-bg, #1e293b);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0003;border:1px solid var(--border-color, rgba(255,255,255,.1))}.scenario-view-content h1{color:var(--text-primary, #f1f5f9);margin-bottom:15px;font-weight:700}.scenario-meta{color:var(--text-secondary, #94a3b8);margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1))}.scenario-steps{display:flex;flex-direction:column;gap:20px}.scenario-step{display:flex;gap:20px;padding:20px;background:var(--bg-secondary, #334155);border-radius:12px;border-right:4px solid var(--primary-color, #667eea);transition:all .3s ease}.scenario-step:hover{transform:translate(-5px);box-shadow:0 4px 16px #667eea33}.step-number{width:40px;height:40px;background:var(--library-gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.step-content{flex:1}.step-content h3{color:var(--text-primary, #f1f5f9);margin-bottom:10px;font-weight:700}.step-content p{color:var(--text-secondary, #94a3b8);line-height:1.9;font-size:.95rem}.audio-section{background:var(--card-bg, #1e293b);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0003;border:1px solid var(--border-color, rgba(255,255,255,.1));position:relative;overflow:hidden}.audio-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--library-gradient-primary)}.upload-audio-section{margin-bottom:30px;padding:25px;background:var(--bg-secondary, #334155);border-radius:16px;border:1px solid var(--border-color, rgba(255,255,255,.1))}.upload-audio-section h2{color:var(--text-primary, #f1f5f9);margin-bottom:20px;font-size:1.5rem;font-weight:700}.audio-upload-form{display:flex;flex-direction:column;gap:20px}.audio-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1))}.category-btn{padding:10px 20px;background:var(--bg-secondary, #334155);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:20px;color:var(--text-primary, #f1f5f9);font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:600}.category-btn:hover{background:#667eea33;border-color:var(--primary-color, #667eea);transform:translateY(-2px)}.category-btn.active{background:var(--library-gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 16px #667eea4d}.audio-list{display:flex;flex-direction:column;gap:20px}.audio-player-card{background:var(--bg-secondary, #334155);border-radius:16px;padding:20px;border:1px solid var(--border-color, rgba(255,255,255,.1));transition:all .3s ease}.audio-player-card:hover{transform:translate(-5px);border-color:var(--primary-color, #667eea);box-shadow:0 4px 16px #667eea33}.audio-info h3{color:var(--text-primary, #f1f5f9);margin-bottom:10px;font-weight:700}.audio-info p{color:var(--text-secondary, #94a3b8);margin-bottom:10px;font-size:.95rem}.audio-category{display:inline-block;padding:6px 14px;background:var(--library-gradient-primary);color:#fff;border-radius:12px;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #667eea4d}.audio-controls{display:flex;align-items:center;gap:15px;margin-top:15px}.play-btn{width:50px;height:50px;border-radius:50%;border:none;background:var(--library-gradient-primary);color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #667eea4d}.play-btn:hover{transform:scale(1.1);box-shadow:0 8px 24px #667eea66}.audio-progress{flex:1}.progress-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--bg-secondary, #475569);border-radius:3px;outline:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary-color, #667eea);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #667eea66}.audio-time{display:flex;justify-content:space-between;margin-top:5px;font-size:.85rem;color:var(--text-secondary, #94a3b8);font-weight:600}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary, #f1f5f9);font-weight:600;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:12px 16px;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:12px;font-size:1rem;font-family:var(--font-family, "Vazir", sans-serif);background:var(--input-bg, #334155);color:var(--text-primary, #f1f5f9);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea33;background:var(--bg-secondary, #475569)}.upload-btn,.submit-btn{padding:14px 28px;background:var(--library-gradient-primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea4d}.upload-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.upload-btn:disabled,.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.back-btn{padding:10px 20px;background:var(--bg-secondary, #334155);color:var(--text-primary, #f1f5f9);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:10px;cursor:pointer;margin-bottom:20px;font-size:1rem;transition:all .3s ease;font-weight:600}.back-btn:hover{background:var(--primary-color, #667eea);color:#fff;border-color:var(--primary-color, #667eea);transform:translate(-5px)}.loading,.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #94a3b8);background-color:var(--bg-secondary)}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}@media(max-width:768px){.books-grid,.scenarios-list{grid-template-columns:1fr}.book-reader{height:calc(100vh - 150px)}.book-reader-content{padding:20px}.library-header h1{font-size:1.5rem}}[data-theme=light] .library-page{background:var(--page-bg, #f8fafc)}[data-theme=light] .library-header,[data-theme=light] .books-section,[data-theme=light] .scenarios-section,[data-theme=light] .audio-section{background:var(--card-bg, #ffffff);border-color:var(--border-color, #e2e8f0)}[data-theme=light] .library-header h1,[data-theme=light] .book-info h3,[data-theme=light] .scenario-card h3,[data-theme=light] .audio-info h3{color:var(--text-primary, #1e293b)}[data-theme=light] .book-author,[data-theme=light] .scenario-book,[data-theme=light] .audio-info p{color:var(--text-secondary, #64748b)}[data-theme=light] .book-card,[data-theme=light] .scenario-card,[data-theme=light] .audio-player-card{background:var(--bg-secondary, #f8fafc);border-color:var(--border-color, #e2e8f0)}[data-theme=light] .form-group input,[data-theme=light] .form-group textarea,[data-theme=light] .form-group select,[data-theme=light] .books-search input,[data-theme=light] .page-input{background:var(--input-bg, #f1f5f9);border-color:var(--border-color, #cbd5e1);color:var(--text-primary, #1e293b)}[data-theme=light] .book-reader-content{background:var(--page-bg, #f8fafc)}[data-theme=light] .book-page-content{color:var(--text-primary, #1e293b)}.pwa-install-banner{position:fixed;top:16px;left:16px;right:16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:2000;animation:slideUp .3s ease-out}.pwa-install-content{display:flex;align-items:center;gap:12px;padding:16px}.pwa-install-icon{font-size:1.714em;flex-shrink:0}.pwa-install-text{flex:1}.pwa-install-text h3{margin:0 0 4px;font-size:1.143em;font-weight:600;color:var(--text-primary)}.pwa-install-text p{margin:0;font-size:1em;color:var(--text-secondary);line-height:1.4}.pwa-install-actions{display:flex;gap:8px;align-items:center}.pwa-install-btn{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .2s ease}.pwa-install-btn:hover{background:var(--primary-dark)}.pwa-dismiss-btn{background:transparent;color:var(--text-secondary);border:none;padding:8px;border-radius:6px;font-size:1.143em;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.pwa-dismiss-btn:hover{background:var(--border-color)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.pwa-install-banner{left:12px;right:12px;top:12px}.pwa-install-content{padding:12px;gap:10px}.pwa-install-text h3{font-size:1.071em}.pwa-install-text p{font-size:.929em}.pwa-install-btn{padding:6px 12px;font-size:.929em}}.ad-banner{position:fixed;top:64px;left:0;right:0;width:100%;min-height:var(--ad-banner-height-desktop, 120px);background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;overflow:hidden;z-index:999;pointer-events:auto;display:block;visibility:visible}.ad-close-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background-color:#00000080;color:#fff;border:none;border-radius:50%;font-size:1.714em;line-height:1;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;padding:0;font-family:Arial,sans-serif}.ad-close-btn:hover{background-color:#000000b3}.ad-close-btn:active{background-color:#000000e6}@media(max-width:768px){.ad-close-btn{width:28px;height:28px;font-size:1.429em;top:4px;right:4px}}@media(max-width:768px){.ad-banner{top:64px;min-height:var(--ad-banner-height-mobile, 60px)}}.ad-banner-container{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;height:var(--ad-banner-height-desktop, 120px)}@media(max-width:768px){.ad-banner-container{height:var(--ad-banner-height-mobile, 60px)}}.ad-slide{display:none;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease-in-out}.ad-slide.active{display:block}.ad-image{width:100%;height:100%;display:block;object-fit:cover}.ad-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:8px 16px;color:#fff}.ad-title{margin:0;font-size:1em;font-weight:500;text-align:right;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media(max-width:768px){.ad-title{font-size:.857em;padding:4px 8px}}.ad-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border:none;border-radius:50%;width:36px;height:36px;font-size:1.714em;font-weight:700;color:#333;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.ad-nav-btn:hover{background:#fff;box-shadow:0 4px 12px #00000040}.ad-nav-prev{right:12px}.ad-nav-next{left:12px}@media(max-width:768px){.ad-nav-btn{width:28px;height:28px;font-size:1.286em}.ad-nav-prev{right:8px}.ad-nav-next{left:8px}}.ad-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.ad-dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s ease;padding:0}.ad-dot.active{background:#fff;width:24px;border-radius:4px}.ad-dot:hover{background:#fffc}@media(max-width:768px){.ad-dots{bottom:4px;gap:6px}.ad-dot{width:6px;height:6px}.ad-dot.active{width:18px}}