*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif}:root{--card-bg:#fff;--border-color:#e5e7eb;--text-color:#111827}body.dark{--card-bg:#1f2937;--border-color:#374151;--text-color:#fff}body{background:linear-gradient(135deg,#eef2ff,#f8fafc);justify-content:center;align-items:center;min-height:100vh;display:flex}.container{text-align:left;background:#fff;border-radius:24px;width:92%;max-width:900px;margin:40px auto;padding:35px;box-shadow:0 15px 40px #0000001f}h1{text-align:center;margin-bottom:10px;font-size:38px}p{text-align:center;color:#666;margin-bottom:30px}input[type=file]{cursor:pointer;background:#f8fafc;border:2px dashed #2563eb;border-radius:12px;width:100%;margin-bottom:20px;padding:15px}input[type=file]:hover{background:#eff6ff}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;padding:15px;font-size:17px;font-weight:600;transition:all .25s}button:hover{background:#1d4ed8;transform:translateY(-2px)}button:active{transform:scale(.98)}.footer{color:#94a3b8;margin-top:25px;font-size:14px}#fileList{text-align:left;margin-bottom:20px}.file-item{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;font-size:15px;display:flex}.file-name{text-overflow:ellipsis;word-break:break-word;color:inherit;flex:1;margin-right:12px;overflow:hidden}.remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;width:34px;height:34px;font-weight:700}.remove-btn:hover{background:#dc2626}button:disabled{cursor:not-allowed;background:#94a3b8}#dropZone{cursor:pointer;background:#f8fafc;border:2px dashed #2563eb;border-radius:12px;margin-bottom:20px;padding:35px 20px;transition:all .3s;position:relative}#dropZone:hover{background:#eff6ff}#dropZone.dragover{background:#dbeafe;border-color:#1d4ed8}#dropZone input{opacity:0;cursor:pointer;position:absolute;inset:0}#dropZone p{color:#1e293b;margin-bottom:8px;font-weight:700}#dropZone span{color:#64748b;font-size:14px}#splitBtn{background:linear-gradient(135deg,#7c3aed,#a855f7);margin-top:16px}#splitBtn:hover{background:linear-gradient(135deg,#6d28d9,#9333ea)}#splitPage,#deletePageInput{border:1px solid #d1d5db;border-radius:10px;width:100%;margin-top:16px;margin-bottom:16px;padding:12px;font-size:16px}#deleteBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;width:100%;margin-top:16px;padding:14px;font-size:16px;transition:all .3s}#deleteBtn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}#extractPageInput{border:1px solid #d1d5db;border-radius:10px;width:100%;margin-top:16px;margin-bottom:16px;padding:12px;font-size:16px}#extractBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;width:100%;margin-top:16px;padding:14px;font-size:16px}#extractBtn:hover{background:linear-gradient(135deg,#059669,#047857)}#rotateAngle{border-radius:10px;width:100%;margin:12px 0;padding:12px}#rotateBtn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:10px;width:100%;padding:14px}.tool-section{background:#fff;border-radius:18px;margin-top:20px;padding:20px;transition:all .25s;box-shadow:0 8px 20px #00000014}.tool-section:hover{transform:translateY(-4px)}.tool-title{margin-bottom:15px;font-size:20px;font-weight:700}.tool-section input,.tool-section select{border:1px solid #d6d6d6;border-radius:12px;width:100%;margin-top:12px;margin-bottom:15px;padding:14px;font-size:15px}.tool-section button{margin-top:8px}.tool-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-top:18px;padding:22px;transition:all .25s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}.tool-card p{text-align:left;color:#6b7280;margin-bottom:18px}.tool-card button{width:auto;padding:10px 18px}.header{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:35px;padding:18px 22px;display:flex}.header h1{color:#fff;margin:0;font-size:34px}.header p{letter-spacing:2px;color:#fff;justify-content:space-between;max-width:280px;font-size:18px;font-weight:600;display:flex}#themeBtn{cursor:pointer;background:#f3f4f6;border:none;border-radius:14px;width:48px;height:48px;font-size:22px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px;display:grid}.tool-card{cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:20px;padding:22px;transition:all .25s}.tool-card:active{transform:scale(.98)}.tool-card:hover{border-color:#6366f1;transform:translateY(-6px);box-shadow:0 15px 35px #4f46e52e}.tool-card .icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:18px;display:flex}.tool-card .icon svg{stroke:#fff;fill:none;width:28px;height:28px}.tool-card h3{margin-bottom:10px}.tool-card p{text-align:left;color:#666;margin:0}@media (width<=700px){.tool-grid{grid-template-columns:1fr}}body.dark{background:#0f172a;transition:all .3s}body.dark .container{color:#fff;background:#111827}body.dark .tool-card{background:#1f2937;border:1px solid #374151}body.dark .tool-card p{color:#cbd5e1}body.dark #themeBtn{color:#fff;background:#374151}body.dark h1,body.dark h3{color:#fff}body.dark p{color:#cbd5e1}body.dark .header{background:linear-gradient(135deg,#312e81,#5b21b6)}body.dark .tool-card:hover{border-color:#818cf8}.top-bar{margin-bottom:20px}#backBtn{width:auto;padding:10px 18px}.tool-badge{color:#fff;background:#4f46e5;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.file-name small{color:inherit;opacity:.75;margin-top:4px;display:block}body.dark .file-item{color:#fff;background:#1f2937;border:1px solid #374151}.toast{color:#fff;z-index:9999;background:#22c55e;border-radius:12px;padding:14px 20px;font-weight:600;transition:all .35s;position:fixed;top:20px;right:20px;transform:translate(120%);box-shadow:0 10px 30px #0000002e}.toast.show{transform:translate(0)}.toast.error{background:#ef4444}.progress-container{background:#e5e7eb;border-radius:999px;width:100%;height:10px;margin-top:16px;display:none;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed);width:0%;height:100%;transition:width .25s}.progress-text{text-align:center;margin-top:10px;font-size:14px;font-weight:600;display:none}.file-item{justify-content:space-between;align-items:center;display:flex}.file-content{align-items:center;gap:12px;display:flex}.drag-handle{cursor:grab;color:#6b7280;-webkit-user-select:none;user-select:none;font-size:22px;transition:all .2s}.drag-handle:hover{color:#4f46e5}.sortable-ghost{opacity:.45}.sortable-chosen{transition:all .15s;transform:scale(1.02)}.student-mode-card{cursor:pointer;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:18px;justify-content:space-between;align-items:center;margin-top:30px;padding:22px;transition:all .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #4f46e540}.student-mode-card:before{content:"";background:#ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-60px}.student-mode-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #4f46e559}.student-icon{font-size:42px}.student-info{flex:1;margin-left:18px}.student-info h2{color:#fff;margin:0;font-size:22px}.student-info p{opacity:.9;color:#ffffffe6;margin-top:6px;font-size:14px}.student-arrow{color:#fff;font-size:34px;font-weight:700;transition:all .3s}.student-mode-card:hover .student-arrow{transform:translate(8px)}#exitStudentMode{color:#4f46e5;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .25s}#exitStudentMode:hover{background:#f3f4f6;transform:translateY(-2px)}.student-header{color:#fff;background:linear-gradient(135deg,#4f46e5,#6d28d9);border-radius:22px;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding:24px;display:flex;box-shadow:0 15px 35px #4f46e540}.student-title h1{color:#fff;margin:10px 0 8px;font-size:34px}.student-title p{color:#ffffffe6;margin:0}.student-badge{letter-spacing:1px;background:#ffffff26;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}#exitStudentMode{color:#fff;cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:600;transition:all .25s}#exitStudentMode:hover{opacity:.85;color:#2e2c2c;transform:translate(-4px)}.page-enter{animation:.35s pageFade}@keyframes pageFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.click-scale{animation:.25s clickScale}@keyframes clickScale{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}body.student-mode:not(.dark){background:linear-gradient(#eef4ff 0%,#f8fbff 100%)}body.student-mode.dark{background:radial-gradient(circle at top,#1d4ed8 0%,#0f172a 55%,#020617 100%)}.student-welcome{margin-bottom:28px}.student-welcome h2{margin:0;font-size:28px}body.student-mode .tool-grid{grid-template-columns:repeat(2,1fr);gap:20px}.student-welcome p{color:var(--text-secondary,#9ca3af);margin-top:8px;font-size:15px}body.student-mode:not(.dark) .student-header{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1)}body.student-mode:not(.dark) .student-welcome h2{color:#111827}body.student-mode:not(.dark) .student-welcome p{color:#6b7280}body.student-mode.dark .student-welcome h2{color:#fff}body.student-mode.dark .student-welcome p{color:#cbd5e1}body.student-mode:not(.dark) .tool-card{background:#fff;border:1px solid #dbeafe;box-shadow:0 8px 20px #4f46e514}body.student-mode:not(.dark) .tool-card h3{color:#111827}body.student-mode:not(.dark) .tool-card p{color:#6b7280}body.student-mode:not(.dark) .icon{background:#eef2ff;border-radius:12px}#imagePreview{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px;margin-top:25px;display:grid}.preview-image{object-fit:cover;border:2px solid #ffffff14;border-radius:14px;width:100%;height:220px}.image-card{position:relative}.remove-image{color:#fff;cursor:pointer;z-index:10;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:18px;font-weight:700;line-height:1;display:flex;position:absolute;top:8px;right:8px}.remove-image:hover{background:#dc2626}.image-number{color:#fff;z-index:10;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 4px 12px #00000040}.image-card{cursor:grab;position:relative}.image-card:active{cursor:grabbing}#imageInput{display:none}#imageDropZone{cursor:pointer;transition:all .25s}.image-drop-zone.dragging{background:#6366f11f;border-color:#6366f1;transform:scale(1.02)}.image-drop-zone.dragging .upload-icon{transform:scale(1.15)}.image-drop-zone{cursor:pointer;border:2px dashed #ffffff2e;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;margin:25px 0;transition:all .25s;display:flex}body:not(.dark) .image-drop-zone{background:#eef2ff73;border-color:#c7d2fe}.image-drop-zone h3{margin:0;font-size:22px}.image-drop-zone p{color:var(--text-secondary);margin:0}.upload-icon{font-size:64px;transition:all .25s}.student-section{margin-top:28px}.student-mode-card{width:100%}.pdf-upload-zone{cursor:pointer;border:2px dashed #c7d2fe;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;margin:25px 0;transition:all .25s;display:flex}.pdf-upload-zone h2{margin:0}.pdf-upload-zone p{color:var(--text-secondary);margin:0}.pdf-upload-zone .upload-icon{font-size:64px}.pdf-upload-zone.dragging{background:#6366f11f;border-color:#6366f1;transform:scale(1.02)}#compressFileInfo{flex-direction:column;gap:10px;margin-top:18px;display:flex}.selected-pdf{background:#6366f11f;border:1px solid #6366f159;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.selected-pdf strong{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.selected-pdf span{color:var(--text-secondary);font-size:13px}.remove-compress-file{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.remove-compress-file:hover{background:#dc2626}#compressBtn{margin-top:18px}.compression-options{margin-top:24px}.compression-options h3{margin-bottom:14px;font-size:17px}.compression-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.compression-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;transition:all .25s;display:flex;position:relative}.compression-card input{opacity:0;position:absolute}.compression-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.compression-icon{font-size:28px}.compression-info{flex-direction:column;gap:5px;display:flex}.compression-info strong{font-size:15px}.compression-info span{color:#6b7280;font-size:12px}.compression-check{opacity:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;transform:scale(.7)}.compression-card:has(input:checked){background:#eef2ff;border-color:#6366f1;box-shadow:0 8px 22px #6366f126}.compression-card:has(input:checked) .compression-check{opacity:1;color:#fff;background:#6366f1;transform:scale(1)}body.dark .compression-card{background:#1e293b;border-color:#334155}body.dark .compression-card strong{color:#f8fafc}body.dark .compression-card span{color:#cbd5e1}body.dark .compression-options h3{color:#f8fafc}body.dark .compression-card:has(input:checked){background:#312e81;border-color:#818cf8}.protect-icon{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.protect-drop-zone{background:linear-gradient(#fafbff,#f5f7ff);border:2px dashed #c7d2fe;transition:all .25s}.protect-drop-zone:hover{border-color:#6366f1;transform:translateY(-2px)}.protect-drop-zone.dragging{background:#eef2ff;border-color:#4f46e5;transform:scale(1.01)}.protect-drop-zone .drop-icon{margin-bottom:10px;font-size:42px}.file-support{color:#4f46e5;background:#eef2ff;border-radius:20px;margin-top:12px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.password-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;margin-top:24px;padding:22px}.password-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.password-header h3{color:#111827;margin:0}.password-header p{color:#64748b;margin:6px 0 0;font-size:13px}.security-badge{color:#15803d;white-space:nowrap;background:#dcfce7;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700}.password-input-group{margin-bottom:12px;position:relative}.password-input-group input{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:13px 45px 13px 14px;font-size:14px}.password-input-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.toggle-password{cursor:pointer;opacity:.65;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:15px;line-height:1;transition:opacity .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-password:hover{opacity:1}.toggle-password:focus,.toggle-password:active{box-shadow:none;outline:none;transform:translateY(-50%)}.protect-btn{width:100%;margin-top:8px}.security-info{color:#475569;background:#f1f5f9;border-radius:12px;align-items:center;gap:10px;margin-top:22px;padding:13px 15px;display:flex}.security-info span{font-size:20px}.security-info p{margin:0;font-size:12px;line-height:1.5}body.dark .protect-drop-zone{background:#111827;border-color:#374151}body.dark .protect-drop-zone:hover{border-color:#818cf8}body.dark .protect-drop-zone.dragging{background:#1e1b4b;border-color:#818cf8}body.dark .file-support{color:#c7d2fe;background:#312e81}body.dark .password-section{background:#111827;border-color:#374151}body.dark .password-header h3{color:#f8fafc}body.dark .password-header p{color:#94a3b8}body.dark .password-input-group input{color:#fff;background:#1f2937;border-color:#4b5563}body.dark .password-input-group input::placeholder{color:#9ca3af}body.dark .security-info{color:#cbd5e1;background:#1f2937}.unlock-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.unlock-drop-zone{background:linear-gradient(#fafffc,#f0fdf4);border:2px dashed #a7f3d0;transition:all .25s}.unlock-drop-zone:hover{border-color:#10b981;transform:translateY(-2px)}.unlock-drop-zone.dragging{background:#ecfdf5;border-color:#059669;transform:scale(1.01)}body.dark .unlock-drop-zone{background:#111827;border-color:#374151}body.dark .unlock-drop-zone:hover{border-color:#34d399}body.dark .unlock-drop-zone.dragging{background:#052e1b;border-color:#34d399}body.dark .unlock-icon{background:#064e3b}body.dark .unlock-drop-zone .drop-icon{color:#a7f3d0}.feedback-container h2{color:#fff;margin:0 0 20px;font-size:22px}#feedbackFloatBtn{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:50%;width:56px;height:56px;font-size:24px;transition:transform .2s;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0000004d}#feedbackFloatBtn:hover{transform:scale(1.08)}#feedbackModalOverlay{z-index:1001;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#feedbackModalOverlay.hidden{display:none}#feedbackModalBox{background:#1e1b2e;border-radius:16px;width:90%;max-width:420px;max-height:85vh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0006}#feedbackModalClose{color:#fff;cursor:pointer;background:0 0;border:none;width:auto;height:auto;font-size:24px;position:absolute;top:12px;right:16px}#feedbackForm{flex-direction:column;gap:14px;display:flex}#feedbackForm label{color:#cbd5e1;margin-bottom:-8px;font-size:13px;font-weight:500}#feedbackForm select,#feedbackForm textarea,#feedbackForm input{color:#fff;background:#2a2640;border:1px solid #3f3a5c;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}#feedbackForm select:focus,#feedbackForm textarea:focus,#feedbackForm input:focus{border-color:#7c3aed}#feedbackForm textarea{resize:vertical;min-height:90px}#feedbackSubmitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:8px;margin-top:6px;padding:12px;font-size:14px;font-weight:600;transition:opacity .2s}#feedbackSubmitBtn:hover{opacity:.9}#feedbackStatus{text-align:center;color:#a78bfa;margin:4px 0 0;font-size:13px}@media (width<=480px){#feedbackFloatBtn{width:48px;height:48px;font-size:20px;bottom:16px;right:16px}#adminPanelBtn{width:38px;height:38px;font-size:16px;bottom:16px;left:16px}#feedbackModalBox{width:92%;max-width:92%;max-height:80vh;padding:20px}.feedback-container h2{font-size:18px}#feedbackForm select,#feedbackForm textarea,#feedbackForm input{font-size:16px}}.app-footer{border-top:1px solid #2a2640;justify-content:center;align-items:center;gap:20px;margin-top:24px;padding:32px 0 16px;display:flex}.app-footer a{color:#94a3b8;align-items:center;transition:color .2s;display:flex}.app-footer a:hover{color:#a78bfa}.app-footer p{color:#64748b;text-align:center;order:3;width:100%;margin:0;font-size:13px}@media (width<=480px){.app-footer{flex-wrap:wrap}}.converter-container{width:min(92%,720px);margin:0 auto;padding:20px 0 50px}.converter-drop-zone{border:2px dashed var(--border-color,#d6d6d6);text-align:center;cursor:pointer;background:var(--card-bg,#fff);border-radius:18px;margin-top:30px;padding:55px 25px;transition:all .25s}.converter-drop-zone:hover{border-color:#6c63ff;transform:translateY(-2px)}.converter-drop-zone.dragging{background:#6c63ff14;border-color:#6c63ff;transform:scale(1.01)}.converter-drop-zone .drop-icon{margin-bottom:12px;font-size:42px}.converter-drop-zone h3{margin:8px 0}.converter-drop-zone p{opacity:.65;margin:0}.converter-file-info{margin-top:20px}.converter-selected-file{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e2e2);border-radius:12px;align-items:center;gap:12px;padding:15px 18px;display:flex}.converter-selected-file strong{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.converter-selected-file span{opacity:.65;font-size:13px}.converter-name-section{margin-top:22px}.converter-name-section label{margin-bottom:8px;font-weight:600;display:block}.converter-name-input{border:1px solid var(--border-color,#d6d6d6);background:var(--card-bg,#fff);border-radius:10px;align-items:center;display:flex;overflow:hidden}.converter-name-input input{width:100%;color:inherit;background:0 0;border:none;outline:none;padding:13px 14px;font-size:15px}.converter-name-input span{opacity:.6;padding:0 14px;font-weight:600}.converter-action-btn{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:10px;width:100%;margin-top:25px;padding:14px 20px;font-size:16px;font-weight:600;transition:all .2s}.converter-action-btn:hover:not(:disabled){opacity:.92;transform:translateY(-2px)}.converter-action-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=600px){.converter-container{width:92%}.converter-drop-zone{padding:42px 18px}.converter-selected-file{gap:8px;font-size:14px}}.converter-options{gap:16px;margin-top:22px;display:flex}.converter-option-group{flex:1}.converter-option-group label{margin-bottom:8px;font-weight:600;display:block}.converter-option-group select{border:1px solid var(--border-color,#d6d6d6);background:var(--card-bg,#fff);width:100%;color:inherit;border-radius:10px;padding:12px;font-size:15px}.converter-page-info{color:var(--text-color,#333);background:#6c63ff14;border-radius:8px;margin-top:15px;padding:10px 14px;font-size:14px;font-weight:600}@media (width<=600px){.converter-options{flex-direction:column;gap:12px}}.dark .converter-page-info{color:#fff}.admin-container{max-width:900px;margin:40px auto;padding:24px}.admin-container h2{color:#fff;margin-bottom:20px}#adminLoginForm{flex-direction:column;gap:14px;max-width:320px;display:flex}#adminPasswordInput{color:#fff;background:#2a2640;border:1px solid #3f3a5c;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}#adminPasswordInput:focus{border-color:#7c3aed}#adminLoginForm button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600}#adminLoginStatus{color:#f87171;font-size:13px}.admin-table{border-collapse:collapse;background:#1e1b2e;border-radius:12px;width:100%;overflow:hidden}.admin-table th,.admin-table td{text-align:left;color:#e2e8f0;border-bottom:1px solid #3f3a5c;padding:12px 16px;font-size:14px}.admin-table th{color:#a78bfa;background:#2a2640;font-weight:600}.admin-table tr:hover{background:#2a2640}.main-navbar{align-items:center;gap:40px;display:flex}.navbar-logo{color:#fff;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.navbar-logo img{border-radius:6px;width:32px;height:30px}.navbar-right{align-items:center;gap:16px;margin-left:auto;display:flex}.navbar-links{gap:24px;display:flex}.navbar-links a{color:#94a3b8;padding-bottom:4px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.navbar-links a:after{content:"";background:linear-gradient(135deg,#2563eb,#7c3aed);width:0%;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}body.dark .navbar-links a:hover{color:#fff}.navbar-links a:hover:after{width:100%}.navbar-auth{gap:10px;display:flex}.navbar-auth button{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:transform .15s,background .2s,box-shadow .2s}#signInBtn{color:#fff;background:0 0;border:1px solid #3f3a5c}body.dark #signInBtn:hover{background:#211d33;border-color:#7c3aed}#signUpBtn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}#signUpBtn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed66}@media (width<=768px){.navbar-links{display:none}}html,body{overflow-x:hidden}.navbar-student-badge{background:#7c3aed26;border:none;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:25px;font-weight:600;text-decoration:none;display:flex;color:#c4b5fd!important}.navbar-student-badge:hover{background:#7c3aed4d;border:none;text-decoration:none;color:#fff!important}.navbar-student-badge:after{display:none}.navbar-logo span{color:#1e1b2e}#signInBtn{color:#1e1b2e;border-color:#c4b0e8}body.dark .navbar-logo span{color:#fff}body.dark #signInBtn{color:#fff;border-color:#3f3a5c}.navbar-username{color:#c4b5fd;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}#logoutBtn{cursor:pointer;color:#fff;background:0 0;border:1px solid #3f3a5c;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}#logoutBtn:hover{background:#211d33;border-color:#7c3aed}body:not(.dark) .navbar-username{color:#7c3aed}body:not(.dark) #logoutBtn{color:#1e1b2e;border-color:#c4b0e8}body:not(.dark) #logoutBtn:hover{background:#f3eefc}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:40px 20px;display:flex}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1b2e99;border:1px solid #2a2640;border-radius:16px;width:100%;max-width:400px;padding:36px 32px;box-shadow:0 20px 50px #0000004d}.auth-card h2{color:#fff;text-align:center;margin-bottom:24px;font-size:24px;font-weight:700}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-card input{color:#fff;background:#1a1729;border:1px solid #3f3a5c;border-radius:10px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-card input::placeholder{color:#6b6584}.auth-card input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.auth-card button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:10px;margin-top:6px;padding:12px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .2s}.auth-card button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}.auth-error{color:#f87171;text-align:center;min-height:16px;margin-top:10px;font-size:13px}.auth-switch{color:#94a3b8;text-align:center;margin-top:18px;font-size:14px}.auth-switch a{color:#a78bfa;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.google-signin-wrapper{flex-direction:column;align-items:center;margin-top:22px;display:flex}.auth-divider{color:#6b6584;text-align:center;width:100%;margin-bottom:14px;font-size:13px;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:#2a2640;width:40%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}body:not(.dark) .auth-card{background:#fff;border-color:#e5e0f5}body:not(.dark) .auth-card h2{color:#1e1b2e}body:not(.dark) .auth-card input{color:#1e1b2e;background:#f7f5fc;border-color:#d8d0ef}body:not(.dark) .auth-card input::placeholder{color:#9891b0}.auth-back-btn{color:#c4b5fd;cursor:pointer;background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .2s,transform .15s,border-color .2s;display:inline-flex}.auth-back-btn:hover{background:#7c3aed33;border-color:#7c3aed;transform:translate(-2px)}body:not(.dark) .auth-back-btn{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed33}body:not(.dark) .auth-back-btn:hover{background:#7c3aed26}.faq-section{max-width:800px;margin:60px auto;padding:0 24px}.faq-title{text-align:center;color:#fff;margin-bottom:32px;font-size:28px;font-weight:700}.faq-list{flex-direction:column;gap:14px;display:flex}.faq-item{background:#1e1b2e99;border:1px solid #2a2640;border-radius:12px;transition:border-color .2s;overflow:hidden}.faq-item.active{border-color:#7c3aed}.faq-question{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;font-size:15px;font-weight:600;display:flex}.faq-icon{color:#a78bfa;flex-shrink:0;margin-left:12px;font-size:20px;transition:transform .25s}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;padding:0 20px;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:200px;padding:0 20px 18px}.faq-answer p{color:#94a3b8;margin:0;font-size:14px;line-height:1.6}.app-footer{text-align:center;border-top:1px solid #2a2640;margin-top:40px;padding:40px 24px 30px}.footer-social{justify-content:center;gap:18px;margin-bottom:16px;display:flex}.footer-social a{color:#94a3b8;transition:color .2s,transform .15s}.footer-social a:hover{color:#a78bfa;transform:translateY(-2px)}.app-footer p{color:#6b6584;font-size:13px}body:not(.dark) .faq-title{color:#1e1b2e}body:not(.dark) .faq-item{background:#fff;border-color:#e5e0f5}body:not(.dark) .faq-question{color:#1e1b2e}body:not(.dark) .app-footer{border-top-color:#e5e0f5}