.app-layout{width:100%;max-width:1250px;margin:0 auto;display:flex}.main-content{flex:1;max-width:100%;margin:0 auto;padding:20px}@media (width>=1101px){.main-content{max-width:900px}}.desktop-sidebar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;align-self:flex-start;gap:20px;width:250px;height:calc(100vh - 80px);max-height:1085px;margin:20px 20px 20px 0;padding:20px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s;display:flex;position:sticky;top:20px;overflow-y:auto}.desktop-sidebar.collapsed{width:85px;padding:20px 10px}.desktop-sidebar.collapsed span{display:none}.desktop-sidebar.collapsed .sidebar-link{justify-content:center;padding:12px}.sidebar-logo{align-items:center;gap:15px;display:flex}.sidebar-links{flex-direction:column;gap:10px;display:flex}.sidebar-link{color:var(--text-main);border-radius:15px;align-items:center;gap:15px;padding:15px 20px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.sidebar-link:hover{background:var(--bg-color);color:var(--teal)}.sidebar-link.active{background:var(--teal);color:#fff;box-shadow:0 4px 10px #0d94884d}.mobile-bottom-nav{background:var(--card-bg);border-top:1px solid var(--border-color);z-index:1000;justify-content:space-around;width:100%;padding:8px 0;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 15px #0000001a}.bottom-nav-link{color:var(--text-main);flex-direction:column;flex:1;align-items:center;gap:3px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;position:relative}.bottom-nav-link.active{color:var(--teal)}.bottom-nav-link .nav-icon{border-radius:10px;padding:6px;transition:all .3s}.bottom-nav-link.active:before{content:"";background:var(--teal);border-radius:0 0 4px 4px;width:35px;height:4px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.bottom-nav-link.active .nav-icon{color:var(--teal);box-shadow:none;background:0 0}.quiz-option-btn{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;text-align:right;width:100%;color:var(--text-main);border-radius:15px;padding:18px 25px;font-size:1.3rem;font-weight:700;transition:all .2s}.quiz-option-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0d948826;border-color:var(--teal)!important}.schedule-loading{justify-content:center;align-items:center;height:50vh;display:flex}.schedule-container{max-width:900px;margin:0 auto;padding:10px 5px 40px}.schedule-header{justify-content:center;align-items:center;gap:15px;margin-bottom:30px;padding:0 10px;display:flex}.schedule-title{color:var(--title-color);margin:0;font-size:2.4rem;font-weight:900}.schedule-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:10px;display:grid}.schedule-ticket{text-align:center;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;padding:20px 15px;transition:all .3s;display:flex;position:relative;box-shadow:0 6px 15px #0000000f}.schedule-ticket.completed{opacity:.8}.ticket-check-icon{color:#10b981;position:absolute;top:12px;right:12px}.ticket-title{text-align:center;margin:0;font-size:1.4rem;font-weight:700}.ticket-title.completed{opacity:.6;color:var(--text-main);text-decoration:line-through}.ticket-title:not(.completed){color:var(--title-color)}.ticket-time{text-align:center;white-space:nowrap;direction:rtl;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:6px 15px;font-size:1rem;font-weight:700;display:flex}.ticket-time.completed{opacity:.6;cursor:default;background:var(--bg-color)!important;color:var(--text-main)!important;border:1.5px dashed var(--border-color)!important}.ticket-time:not(.completed){cursor:pointer}.ticket-buttons{gap:8px;width:100%;margin-top:5px;display:flex}.btn-toggle{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.btn-toggle.completed{background:var(--bg-color);color:var(--text-main);border:1px solid var(--border-color)}.btn-toggle.completed:hover{filter:brightness(.95)}.btn-toggle:not(.completed){background:var(--teal);color:#fff;border:none}.btn-toggle:not(.completed):hover{filter:brightness(.9)}.btn-start{border-radius:8px;flex:1.2;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.btn-start:not(.disabled){color:#fff;cursor:pointer;border:none}.btn-start:not(.disabled):hover{filter:brightness(.9)}.btn-start.disabled{color:var(--text-main);border:1px solid var(--border-color);cursor:not-allowed;background:var(--bg-color)!important}.btn-active{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1.2;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:.95rem;font-weight:700;display:flex}.pdf-layout{flex-flow:wrap;flex:1;justify-content:center;gap:20px;display:flex}.pdf-thumbnails-scroll{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;max-height:600px;padding:20px;display:grid;overflow-y:auto}.pdf-sidebar{flex-direction:column;flex:none;align-self:flex-start;width:320px;padding:0;display:flex;position:sticky;top:20px}@media (width<=1000px){.pdf-layout{flex-direction:column-reverse}.pdf-sidebar{width:100%!important;margin-bottom:20px!important;position:relative!important;top:auto!important}}.pdf-pages-container{flex-direction:column;flex:300px;padding:0;display:flex;overflow:hidden}.pdf-upload-card{cursor:pointer;border:2px dashed var(--border-color);background:var(--card-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;height:350px;margin:40px auto;transition:all .3s;display:flex}.pdf-upload-card:hover{border-color:var(--teal);background:var(--bg-color);box-shadow:0 0 15px #0d948833}.result-action-btn{padding:12px 16px!important;font-size:1.1rem!important}.cut-action-btn{padding:20px!important;font-size:1.4rem!important}@media (width<=768px){.result-action-btn{padding:20px 24px!important;font-size:1.4rem!important}.cut-action-btn{padding:28px!important;font-size:1.6rem!important}}.toolbar-btn{transition:all .2s,transform .1s}.toolbar-btn:active{transform:scale(.92)}.tool-btn{cursor:pointer;border-radius:4px;outline:none;flex:1;justify-content:center;align-items:center;padding:10px;font-weight:700;transition:all .2s;display:flex}.tool-btn:hover{filter:brightness(.9)}.tool-btn-reset{cursor:pointer;color:var(--text-main);border:1px solid var(--border-color);background:0 0;border-radius:4px;flex:1;padding:15px;font-weight:700;transition:all .2s}.tool-btn-reset:hover{border-color:var(--title-color);color:var(--title-color)}.tool-btn-cancel-all{background:var(--wrong);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:5px 15px;font-size:1rem;font-weight:700;transition:all .2s}.tool-btn-cancel-all:hover{filter:brightness(.95)}.select-option{transition:background .2s}.select-option:hover{background:#0d948814!important}.timer-container{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;max-width:600px;margin:0 auto;padding:10px 20px;display:flex}.timer-circle{background:var(--card-bg);border:6px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;margin-bottom:40px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 10px 30px #00000014,inset 0 0 20px #00000005}.timer-circle.running{border-color:var(--teal);box-shadow:0 10px 40px #0d948840,inset 0 0 20px #00000005}.timer-circle.finished{border-color:#10b981;box-shadow:0 10px 40px #10b98140,inset 0 0 20px #00000005}.timer-time{color:var(--title-color);letter-spacing:-2px;text-align:center;width:100%;padding:0 10px;font-family:Courier New,Courier,monospace;font-size:3.5rem;font-weight:900}.timer-controls{justify-content:center;gap:15px;width:100%;margin-bottom:30px;display:flex}.timer-btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 28px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.timer-btn.primary{background:var(--teal);color:#fff;box-shadow:0 4px 15px #0d94884d}.timer-btn.primary:hover{background:#0f766e;transform:translateY(-3px);box-shadow:0 6px 20px #0d948866}.timer-btn.pause{color:#fff;background:#f59e0b;box-shadow:0 4px 15px #f59e0b4d}.timer-btn.pause:hover{background:#d97706;transform:translateY(-3px);box-shadow:0 6px 20px #f59e0b66}.timer-btn.reset{background:var(--card-bg);color:var(--text-main);border:2px solid var(--border-color)}.timer-btn.reset:hover{background:var(--bg-color);transform:translateY(-3px)}.presets-container{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:25px;display:flex}.preset-btn{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:10px;padding:10px 22px;font-size:1rem;font-weight:700;transition:all .2s}.preset-btn:hover{border-color:var(--teal);color:var(--teal)}.preset-btn.active{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 4px 12px #0d948833}.timer-input-group{background:var(--card-bg);border:2px solid var(--border-color);border-radius:14px;align-items:center;gap:12px;margin-bottom:30px;padding:12px 20px;display:flex}.timer-input{border:1px solid var(--border-color);background:var(--bg-color);width:70px;color:var(--title-color);text-align:center;border-radius:8px;outline:none;padding:10px;font-size:1.2rem;font-weight:700;transition:border-color .3s}.timer-input:focus{border-color:var(--teal)}.timer-title{color:var(--title-color);margin-bottom:30px;font-size:2.4rem;font-weight:900}.timer-input-label{color:var(--text-main);font-weight:700}.timer-input-btn{margin-left:10px;padding:8px 15px}.timer-finished-msg{color:#10b981;margin-top:20px;font-size:1.2rem;font-weight:700}:root{--navy:#0f172a;--navy-light:#1e293b;--teal:#0d9488;--teal-light:#14b8a6;--yellow:#f59e0b;--yellow-light:#fef3c7;--bg-color:#0f172a;--card-bg:#1e293b;--text-main:#cbd5e1;--border-color:#334155;--correct:#10b981;--wrong:#ef4444;--title-color:#f8fafc}[data-theme=light]{--navy:#f8fafc;--navy-light:#fff;--bg-color:#f1f5f9;--card-bg:#fff;--text-main:#334155;--border-color:#e2e8f0;--title-color:#0f172a}*{box-sizing:border-box;margin:0;padding:0;font-family:Tajawal,sans-serif}body{background-color:var(--bg-color);background-image:radial-gradient(var(--border-color) 1px, transparent 1px);color:var(--text-main);-webkit-user-select:none;user-select:none;background-size:20px 20px;min-height:100vh;padding:40px 20px;line-height:1.8;transition:background-color .3s,color .3s}input,textarea{-webkit-user-select:auto;user-select:auto}.container{max-width:900px;margin:0 auto}.page-header{text-align:center;border-bottom:8px solid var(--yellow);background:linear-gradient(135deg,#0f172a 0%,#0d9488 100%);border-radius:16px 16px 60px;margin-bottom:40px;padding:40px 30px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0f172a33}.page-header:before,.page-header:after{content:"";position:absolute}.page-header:before{background:var(--teal);opacity:.9;border-radius:50%;width:180px;height:180px;top:-60px;right:-50px}.page-header:after{background:var(--yellow);opacity:.1;border-radius:50%;width:120px;height:120px;bottom:-40px;left:-30px}.page-header h1{color:#fff;z-index:2;text-shadow:2px 2px 4px #0006;margin-bottom:10px;font-size:3.2rem;font-weight:900;position:relative}.page-header p{color:#f59e0b;z-index:2;background:#00000040;border-radius:30px;padding:5px 20px;font-size:1.5rem;font-weight:700;display:inline-block;position:relative}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;margin-bottom:30px;padding:30px;transition:background-color .3s,border-color .3s;overflow:hidden;box-shadow:0 10px 30px #0000000d}.section-header{background:var(--teal);color:#fff;border-bottom:4px solid var(--navy-light);padding:15px 20px;font-size:1.6rem;font-weight:900}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in{animation:.4s forwards slideIn}.btn-3d{transition:transform .15s,filter .15s,box-shadow .1s}.btn-3d:hover{filter:brightness(1.1);transform:translateY(-3px)}.btn-3d:active{filter:brightness(.9);transform:translateY(6px);box-shadow:0 0 #0000!important}.btn-normal{transition:transform .15s,filter .15s,background-color .15s}.btn-normal:hover{filter:brightness(1.1)}.btn-normal:active{filter:brightness(.9);transform:scale(.95)}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.page-spinner{border:6px solid var(--border-color);border-top-color:var(--teal);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card-flex{justify-content:space-between;align-items:center;transition:background-color .3s,border-color .3s;display:flex;background:var(--card-bg)!important}.icon-flex{align-items:center;gap:20px;display:flex}.btn-container{gap:10px;display:flex}@media (width<=1100px){body{padding:10px 5px 90px}.page-header{border-radius:12px 12px 30px;padding:20px 10px}.page-header h1{font-size:1.8rem!important}.page-header p{font-size:1rem!important}.card-flex{text-align:center;flex-direction:column;gap:15px;margin:0;padding:15px 10px!important}.card{padding:15px 10px!important}.icon-flex{flex-direction:column;gap:10px}.btn-container{flex-direction:column;width:100%}.btn-container a,.btn-container button,.btn-3d{justify-content:center;width:100%}.hide-text-mobile{display:none}.hide-on-mobile{display:none!important}.app-layout{flex-direction:column}.main-content{width:100%;padding:10px 5px 70px!important}.back-btn-wrapper{justify-content:flex-start!important;width:100%!important}.pdf-layout{flex-direction:column!important}.pdf-sidebar{z-index:100;order:-1;margin:0 auto 20px;top:10px;width:100%!important;max-width:500px!important;position:sticky!important}.pdf-thumbnails-scroll{max-height:none!important;overflow-y:visible!important}.pdf-pages-container{flex:100%!important}.pdf-toolbar{gap:8px!important;padding:10px!important}.pdf-toolbar .toolbar-btn{min-width:70px;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:8px!important;font-size:.85rem!important}.pdf-toolbar .toolbar-btn svg{margin:0 auto}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--teal)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (width>=1101px){.hide-on-desktop{display:none!important}}