:root{--font-title:"Outfit", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--bg-app:#161923;--bg-sidebar:#0f1219;--bg-card:#1f222eb3;--bg-card-hover:#292e3dd9;--bg-active:#6347eb26;--bg-drag-over:#6347eb14;--primary:#6a51ec;--primary-glow:#6a51ec73;--primary-hover:#7f68f3;--accent:#be5eed;--accent-glow:#be5eed59;--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-muted:#7a899f;--border:#38425266;--border-focus:#6a51ec99;--border-active:#6a51eccc;--danger:#e64757;--danger-hover:#f35968;--success:#24c25e;--glass-shadow:0 8px 32px 0 #0006;--sidebar-width:320px;--header-height:70px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}input,button,textarea,select{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#384252cc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6a51ec99}.app-container{background:radial-gradient(circle at 50% 0%, #19133980 0%, var(--bg-app) 70%);width:100vw;height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;flex-shrink:0;height:100%;display:flex}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.logo-section{align-items:center;gap:12px;display:flex}.logo-section h1{font-family:var(--font-title);background:linear-gradient(135deg, var(--text-primary) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.new-folder-btn{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);width:32px;height:32px;color:var(--text-primary);transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.new-folder-btn:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.sidebar-content{flex:1;padding:16px;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:16px;display:flex}.folder-list{flex-direction:column;gap:6px;display:flex}.folder-item{border-radius:var(--radius-md);transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.folder-item.active{background-color:var(--bg-active);border-color:var(--border-active)}.folder-item:hover:not(.active){border-color:var(--border);background-color:#1f222e66}.folder-item.drag-over{background-color:var(--bg-drag-over);border-color:var(--primary);border-style:dashed}.folder-info{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.folder-name-input{border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--text-primary);background:#101218cc;outline:none;width:100%;padding:2px 6px}.folder-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;transition:var(--transition-smooth);font-size:.925rem;font-weight:500;overflow:hidden}.folder-item.active .folder-name{color:var(--text-primary);font-weight:600}.folder-actions{opacity:0;transition:var(--transition-smooth);align-items:center;gap:4px;display:flex}.folder-item:hover .folder-actions,.folder-item.active .folder-actions{opacity:1}.folder-action-btn{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition-smooth);padding:4px}.folder-action-btn:hover{color:var(--text-primary);background-color:#33394d66}.folder-action-btn.delete:hover{color:var(--danger);background-color:#e647571a}.main-area{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.main-header{height:var(--header-height);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.header-title-section{align-items:center;gap:12px;min-width:0;display:flex}.header-title{font-family:var(--font-title);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.5rem;font-weight:700;overflow:hidden}.header-meta{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:.825rem}.header-actions{align-items:center;gap:12px;display:flex}.main-content{flex:1;padding:32px;position:relative;overflow-y:auto}.upload-dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background-color:var(--bg-card);transition:var(--transition-smooth);flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;padding:48px 32px;display:flex}.upload-dropzone:hover,.upload-dropzone.drag-active{border-color:var(--primary);background-color:var(--bg-drag-over);box-shadow:0 0 20px var(--primary-glow)}.upload-icon{color:var(--primary);width:48px;height:48px;transition:var(--transition-smooth)}.upload-dropzone:hover .upload-icon{transform:translateY(-4px)}.upload-title{font-family:var(--font-title);color:var(--text-primary);font-size:1.15rem;font-weight:600}.upload-desc{color:var(--text-muted);font-size:.875rem}.file-input-hidden{display:none}.pdf-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:12px;display:grid}.pdf-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition-smooth);cursor:grab;-webkit-user-select:none;user-select:none;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.pdf-card:hover{background:var(--bg-card-hover);border-color:var(--primary-glow);box-shadow:var(--glass-shadow);transform:translateY(-4px)}.pdf-card.dragging{opacity:.4;border:2px dashed var(--primary);background:0 0;transform:scale(.95)}.pdf-card.drag-over-item{border-color:var(--primary);background:var(--bg-drag-over);transform:scale(1.02)}.pdf-thumbnail{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(135deg,#101218cc 0%,#1f222ecc 100%);justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.pdf-icon-bg{color:var(--danger);opacity:.8;transition:var(--transition-smooth);width:48px;height:48px}.pdf-card:hover .pdf-icon-bg{opacity:1;transform:scale(1.1)}.pdf-info{flex-direction:column;gap:4px;display:flex}.pdf-title{color:var(--text-primary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:2.8em;font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.pdf-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.pdf-card-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:6px;padding-top:10px;display:flex}.pdf-btn{border-radius:var(--radius-sm);transition:var(--transition-smooth);align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;display:flex}.pdf-btn.view{background:var(--primary);color:var(--text-primary);flex:1;justify-content:center}.pdf-btn.view:hover{background:var(--primary-hover);box-shadow:0 0 10px var(--primary-glow)}.pdf-btn.delete{color:var(--text-muted);border:1px solid var(--border)}.pdf-btn.delete:hover{color:var(--danger);border-color:var(--danger);background:#e647571a}.viewer-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background-color:#060911eb;flex-direction:column;width:100vw;height:100vh;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;top:0;left:0}.viewer-header{border-bottom:1px solid var(--border);background-color:var(--bg-sidebar);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.viewer-title{font-family:var(--font-title);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:1.15rem;font-weight:600;overflow:hidden}.viewer-close-btn{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.viewer-close-btn:hover{color:var(--text-primary);background-color:var(--danger);border-color:var(--danger);transform:rotate(90deg);box-shadow:0 0 15px #ef444466}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.viewer-header-left{flex-shrink:1;align-items:center;gap:12px;min-width:0;display:flex}.viewer-header-left .viewer-title{max-width:240px}.viewer-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.viewer-search{z-index:3;flex:1;align-items:center;gap:8px;min-width:0;margin:0 16px;display:flex;position:relative}.viewer-search-scope{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;outline:none;flex-shrink:0;padding:7px 8px;font-size:.82rem}.viewer-search-scope:focus{border-color:var(--border-active)}.viewer-search-field{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-card);min-width:120px;max-width:360px;transition:var(--transition-smooth);flex:1;align-items:center;gap:8px;padding:7px 12px;display:flex;position:relative}.viewer-search-field:focus-within{border-color:var(--border-active);box-shadow:0 0 0 3px var(--bg-active)}.viewer-search-field input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.viewer-search-field input::placeholder{color:var(--text-muted)}.viewer-search-icon{color:var(--text-muted);flex-shrink:0}.viewer-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.viewer-search-clear:hover{color:var(--text-primary)}.viewer-search-status{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:.82rem}.viewer-search-nav{flex-shrink:0;align-items:center;gap:2px;display:flex}.viewer-search-results{background-color:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-md);width:min(560px,60vw);max-height:360px;box-shadow:var(--glass-shadow);z-index:4;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.viewer-search-result{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;gap:10px;padding:10px 14px;font-size:.82rem;line-height:1.4;transition:background-color .15s;display:flex}.viewer-search-result:last-child{border-bottom:none}.viewer-search-result:hover{background-color:var(--bg-card)}.viewer-search-result.active{background-color:var(--bg-active)}.viewer-search-result .result-page{color:var(--primary-hover);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.viewer-search-result .result-snippet{min-width:0;color:var(--text-secondary)}.viewer-search-result .result-file{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:600;display:block;overflow:hidden}.viewer-search-result mark{color:var(--text-primary);background-color:#ffcc3352;border-radius:3px;padding:0 1px}.viewer-body{background-color:#0e1016;flex:1;justify-content:center;align-items:center;padding:16px;display:flex;position:relative}.viewer-iframe{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:1400px;height:100%;box-shadow:var(--glass-shadow);background-color:#fff}.btn-primary{background:var(--primary);color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition-smooth);box-shadow:0 4px 12px var(--primary-glow);align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-smooth);align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--text-muted)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 32px;display:flex}.empty-state-icon{opacity:.3;width:64px;height:64px}.empty-state-title{font-family:var(--font-title);color:var(--text-secondary);font-size:1.25rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:300px}.main-header{padding:0 16px}.main-content{padding:16px}}.next-floating-btn{background:var(--primary);color:var(--text-primary);box-shadow:0 6px 20px var(--primary-glow);z-index:101;letter-spacing:-.2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.25;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:absolute;bottom:40px;right:40px}.next-floating-btn:hover{background:var(--primary-hover);box-shadow:0 10px 25px var(--primary-glow);opacity:1;transform:translateY(-2px)scale(1.03)}.next-floating-btn:active{transform:translateY(-1px)scale(.98)}@media (width<=768px){.next-floating-btn{padding:10px 18px;font-size:.85rem;bottom:24px;right:24px}}#pdf-viewer-container:fullscreen{background-color:#060911}#pdf-viewer-container:fullscreen .viewer-body{background-color:#000;width:100%;height:calc(100vh - 64px);padding:0}#pdf-viewer-container:fullscreen .viewer-iframe{border:none;border-radius:0;width:100%;max-width:100%;height:100%}.welcome-toast{z-index:1000;border-radius:var(--radius-lg,16px);background:var(--bg-card,#1f222eeb);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--border-active,#6a51ec80);width:max-content;min-width:300px;max-width:min(520px,100vw - 32px);box-shadow:var(--glass-shadow,0 8px 32px #0006), 0 0 0 1px #6a51ec14;color:var(--text-primary,#fff);padding:20px 20px 18px;animation:.45s cubic-bezier(.16,1,.3,1) welcome-toast-in;position:fixed;bottom:24px;right:24px}.welcome-toast.is-leaving{animation:.3s cubic-bezier(.4,0,1,1) forwards welcome-toast-out}@keyframes welcome-toast-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcome-toast-out{to{opacity:0;transform:translateY(16px)scale(.97)}}.welcome-toast__close{width:28px;height:28px;color:var(--text-muted,#7a899f);cursor:pointer;transition:var(--transition-smooth,all .2s ease);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.welcome-toast__close:hover{background:var(--bg-card-hover,#292e3dd9);color:var(--text-primary,#fff)}.welcome-toast__header{align-items:flex-start;gap:12px;padding-right:28px;display:flex}.welcome-toast__header>div{flex:1;min-width:0}.welcome-toast__badge{background:linear-gradient(135deg, var(--primary,#6a51ec), var(--accent,#be5eed));color:#fff;width:34px;height:34px;box-shadow:0 4px 14px var(--primary-glow,#6a51ec73);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.welcome-toast__title{font-family:var(--font-title,"Outfit", sans-serif);font-size:.98rem;font-weight:700;line-height:1.3;display:block}.welcome-toast__subtitle{color:var(--text-secondary,#b3bdcc);width:0;min-width:100%;margin-top:4px;font-size:.82rem;line-height:1.5}.welcome-toast__list{flex-direction:column;gap:9px;margin:16px 0 0;padding:0;list-style:none;display:flex}.welcome-toast__list li{color:var(--text-secondary,#b3bdcc);white-space:nowrap;align-items:center;gap:9px;font-size:.8rem;display:flex}.welcome-toast__list svg{color:var(--primary-hover,#7f68f3);flex-shrink:0}.welcome-toast__cta{border-radius:var(--radius-sm,8px);background:linear-gradient(135deg, var(--primary,#6a51ec), var(--accent,#be5eed));color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth,all .2s ease);border:none;margin-top:16px;padding:9px 14px;font-size:.85rem;font-weight:600}.welcome-toast__cta:hover{filter:brightness(1.08);box-shadow:0 6px 18px var(--primary-glow,#6a51ec73)}.welcome-help-fab{z-index:999;border:1px solid var(--border-active,#6a51ec80);background:var(--bg-card,#1f222eeb);-webkit-backdrop-filter:blur(18px)saturate(140%);width:46px;height:46px;color:var(--primary-hover,#7f68f3);box-shadow:var(--glass-shadow,0 8px 32px #0006);cursor:pointer;transition:var(--transition-smooth,all .2s ease);border-radius:50%;justify-content:center;align-items:center;animation:.35s cubic-bezier(.16,1,.3,1) welcome-fab-in;display:inline-flex;position:fixed;bottom:24px;right:24px}.welcome-help-fab:hover{color:#fff;border-color:var(--border-active,#6a51eccc);background:linear-gradient(135deg, var(--primary,#6a51ec), var(--accent,#be5eed));box-shadow:0 6px 20px var(--primary-glow,#6a51ec73);transform:translateY(-2px)}.welcome-help-fab:active{transform:translateY(0)}@keyframes welcome-fab-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.welcome-toast{width:auto;min-width:0;max-width:none;bottom:16px;left:16px;right:16px}.welcome-help-fab{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.welcome-toast,.welcome-toast.is-leaving,.welcome-help-fab{animation:none}}