:root{--bg-primary: #f4f7fa;--bg-secondary: #ffffff;--bg-secondary-hover: #f9fafb;--text-primary: #1a202c;--text-secondary: #4a5568;--text-tertiary: #718096;--border-color: rgba(0, 0, 0, .07);--pdf-primary: #8b5cf6;--accent: #8b5cf6;--accent-gradient: linear-gradient(135deg, #8b5cf6, #9333ea);--shadow-color: rgba(139, 92, 246, .1);--shadow-color-darker: rgba(139, 92, 246, .2);--card-border-light: #cbd5e1;--card-border-dark: #334155;--btn-action-bg: #2563eb;--btn-action-text: #ffffff;--btn-action-hover: #1d4ed8;--btn-neutral-bg: #e5e7eb;--btn-neutral-text: #374151;--btn-neutral-hover: #d1d5db}body.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-secondary-hover: #28364d;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .2);--btn-action-bg: #3b82f6;--btn-neutral-bg: #334155;--btn-neutral-text: #e2e8f0}body.modal-open{overflow:hidden!important;height:100vh}.upload-card{background:var(--bg-secondary);border:3px dashed var(--card-border-light);border-radius:1.5rem;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px var(--shadow-color);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}body.dark .upload-card{background:var(--bg-secondary);border-color:var(--card-border-dark)}.upload-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--pdf-primary)}body.dark .upload-card:hover{border-color:var(--pdf-primary)}.upload-card-icon{font-size:4rem;line-height:1;margin-bottom:1.5rem}.btn{padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-weight:600;text-align:center;display:inline-flex;align-items:center;justify-content:center;border:none}.btn-success{background:#16a34a;color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-action{background-color:var(--btn-action-bg);color:var(--btn-action-text)}.btn-action:hover{background-color:var(--btn-action-hover)}.btn-neutral{background-color:var(--btn-neutral-bg);color:var(--btn-neutral-text)}.btn-neutral:hover{background-color:var(--btn-neutral-hover)}#removeModal{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);animation:fadeIn .4s cubic-bezier(.4,0,.2,1);background:radial-gradient(circle at top right,rgba(139,92,246,.05),transparent 70%),radial-gradient(circle at bottom left,rgba(147,51,234,.05),transparent 70%)}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}}.modal-content-wrapper{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1),borderGlow 3s ease-in-out infinite}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes borderGlow{0%,to{border-color:#8b5cf680}50%{border-color:#9333eab3}}.modal-glass-bg{background:linear-gradient(135deg,#f4f7fae6,#ffffffd9);-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%)}body.dark .modal-glass-bg{background:linear-gradient(135deg,#0f172ad9,#1e293be6);-webkit-backdrop-filter:blur(40px) saturate(150%);backdrop-filter:blur(40px) saturate(150%)}.glass-column{background:var(--bg-secondary);border:1px solid var(--border-color)}body.dark .glass-column{background:var(--bg-primary)}.page-card{position:relative;cursor:pointer;transition:all .2s ease-out;border:3px solid transparent;border-radius:1rem;padding:2px}.page-card:hover{transform:translateY(-3px)}.page-card.selected{border-color:var(--accent);transform:scale(1.03);box-shadow:0 10px 25px -5px #8b5cf64d}.page-remove-checkbox{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;transform:scale(1.1)}.input-gradient-wrap{padding:2px;border-radius:.6rem;background:var(--accent-gradient);transition:all .3s ease}.input-gradient-wrap:focus-within{box-shadow:0 0 15px #8b5cf680}.input-gradient-wrap input{border:none!important;outline:none!important;border-radius:.5rem;padding:.5rem .75rem;background-color:var(--bg-primary);color:var(--text-primary)}body.dark .input-gradient-wrap input{background-color:var(--bg-secondary-hover)}#removeFileInfo p#removeFileName{color:var(--text-primary);font-weight:600}#removeFileInfo p#removePageCount{color:var(--text-secondary);font-weight:500}#removePagePreview::-webkit-scrollbar{width:10px;height:10px}#removePagePreview::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}#removePagePreview::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#9333ea);border-radius:10px}.enlarged-canvas{max-width:90vw;max-height:90vh;box-shadow:0 20px 25px -5px #00000080;border-radius:8px}@media(max-width:640px){.btn{min-height:44px;padding:.5rem 1rem}}
