@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--text-xs: .72rem;--text-sm: .85rem;--text-md: .95rem;--text-lg: 1.05rem;--text-xl: 1.2rem;--text-2xl: 1.45rem;--text-3xl: 1.8rem;--white: #ffffff;--black: #0a0a0b;--bg: #f4f6f9;--surface: #ffffff;--surface-2:#f8f9fc;--border: #e2e6ed;--border-2: #cdd3dd;--text-1: #0f1117;--text-2: #4a5568;--text-3: #8a94a6;--blue: #2563eb;--blue-light:#eff6ff;--blue-dark:#1d4ed8;--green: #16a34a;--green-light:#f0fdf4;--red: #dc2626;--red-light:#fef2f2;--amber: #d97706;--amber-light:#fffbeb;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.25rem;--s6: 1.5rem;--s8: 2rem;--s10: 2.5rem;--s12: 3rem;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 24px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 4px rgba(0,0,0,.07), 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 8px 30px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);--shadow-xl: 0 20px 60px rgba(0,0,0,.12), 0 8px 24px rgba(0,0,0,.07);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--t-fast: .15s;--t-base: .22s;--t-slow: .35s;--font-sans: var(--font);--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-md: var(--text-md);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-size-3xl: var(--text-3xl);--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--green-500: var(--green);--green-600: #15803d;--blue-500: var(--blue);--red-500: var(--red);--red-600: #b91c1c;--amber-500: var(--amber);--color-bg: var(--surface);--color-bg-subtle: var(--surface-2);--color-bg-muted: #f0f2f5;--color-text: var(--text-1);--color-text-secondary: var(--text-2);--color-text-muted: var(--text-3);--color-border: var(--border);--color-border-subtle: #eaecf0;--space-1: var(--s1);--space-2: var(--s2);--space-3: var(--s3);--space-4: var(--s4);--space-5: var(--s5);--space-6: var(--s6);--space-8: var(--s8);--space-10: var(--s10);--space-12: var(--s12);--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--radius-xl: var(--r-xl);--radius-2xl: var(--r-2xl);--radius-full: var(--r-full);--shadow-sm: var(--shadow-sm);--shadow-md: var(--shadow-md);--shadow-lg: var(--shadow-lg);--shadow-xl: var(--shadow-xl);--duration-fast: var(--t-fast);--duration-base: var(--t-base);--duration-slow: var(--t-slow);--ease-out: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);font-size:var(--text-md);line-height:1.6;color:var(--text-1);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reduce-motion *{animation-duration:.01ms!important;transition-duration:.01ms!important}#app{max-width:1280px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow-xl)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s8);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;animation:slideDown .4s var(--ease-smooth) both}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.logo{display:flex;align-items:center;gap:var(--s3)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0f172a40;position:relative;overflow:hidden;transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base)}.logo-icon:hover{transform:scale(1.06) rotate(-3deg);box-shadow:0 6px 18px #0f172a59}.logo-pulse{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:pulseGlow 2.5s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:.8;transform:scale(1.15)}}.lock-shackle{animation:lockBounce 3s ease-in-out infinite;transform-origin:center bottom}@keyframes lockBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.logo-text h1{font-size:var(--text-lg);font-weight:800;letter-spacing:-.03em;color:var(--text-1);line-height:1}.logo-tagline{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-top:1px}.header-actions{display:flex;align-items:flex-end;gap:var(--s4)}.header-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:3px}.btn-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);transition:color var(--t-fast)}.header-btn-wrapper:hover .btn-label{color:var(--text-2)}.btn-icon{width:38px;height:38px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-2);transition:all var(--t-base) var(--ease-spring);position:relative;overflow:hidden}.btn-icon:hover{background:var(--surface-2);color:var(--text-1);border-color:var(--border-2);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-icon:active{transform:translateY(0) scale(.95)}.btn-icon svg{width:18px;height:18px}.settings-icon{transition:transform .4s var(--ease-spring)}.btn-icon:hover .settings-icon{transform:rotate(45deg)}.app-body{display:flex;flex:1;min-height:0}.app-sidebar{width:320px;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto;padding:var(--s6);gap:var(--s6);animation:fadeInLeft .45s var(--ease-smooth) .1s both}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.upload-section{padding:var(--s5) var(--s6) 0 var(--s6)}.upload-card{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:2px dashed var(--border-2);border-radius:var(--r-xl);padding:var(--s6);transition:all var(--t-base) var(--ease-smooth);cursor:pointer}.upload-card:hover{border-color:var(--blue);background:var(--blue-light);box-shadow:0 0 0 4px #2563eb14}.upload-card.drag-over{border-color:var(--blue);background:var(--blue-light);transform:scale(1.01);box-shadow:0 0 0 6px #2563eb1a}.file-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--s3);padding:var(--s4) var(--s2);position:relative;cursor:pointer}.file-input-hidden{position:absolute;top:0;left:0;width:100%!important;height:100%!important;opacity:0;cursor:pointer;z-index:10;display:block}.upload-icon{width:64px;height:64px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #0f172a33;transition:all var(--t-slow) var(--ease-spring);margin-bottom:var(--s2)}.upload-card:hover .upload-icon{transform:translateY(-6px) scale(1.08);box-shadow:0 14px 30px #0f172a47}.upload-icon svg{animation:floatIcon 2.5s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.upload-text strong{display:block;font-size:var(--text-md);font-weight:700;color:var(--text-1);margin-bottom:2px}.upload-text span{font-size:var(--text-sm);color:var(--text-3)}.upload-hint{font-size:var(--text-xs);color:var(--text-3);background:#0000000a;border-radius:var(--r-full);padding:3px 12px;font-weight:500}.file-preview{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--r-lg);margin-top:var(--s3);animation:previewIn .3s var(--ease-spring) both}.file-preview.hidden{display:none}@keyframes previewIn{0%{opacity:0;transform:scale(.95) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.file-preview-icon{width:44px;height:44px;background:#ffffff1f;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:22px}.file-preview-info{flex:1;min-width:0}#file-preview-name{display:block;font-size:var(--text-sm);font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#file-preview-size{font-size:var(--text-xs);color:#fff9}.file-remove-btn{width:30px;height:30px;border-radius:var(--r-md);background:#ffffff1f;border:none;color:#fffc;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.file-remove-btn:hover{background:#ffffff38;transform:scale(1.1)}.password-section{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:var(--s4) var(--s5);margin-top:var(--s4)!important;animation:slideUp .3s var(--ease-smooth) both}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.password-section label{font-size:var(--text-sm)!important;font-weight:700!important;color:var(--text-1)!important;margin-bottom:var(--s2)!important;display:flex!important;align-items:center;gap:var(--s2)}.password-section input[type=password]{height:48px!important;border-radius:var(--r-md)!important;border:1.5px solid var(--border)!important;font-size:var(--text-md)!important;background:var(--surface)!important;transition:all var(--t-fast)!important}.password-section input[type=password]:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px #2563eb1a!important}.sidebar-section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:var(--s3)}.storage-bar{display:flex;flex-direction:column;gap:var(--s2);font-size:var(--text-xs);color:var(--text-3)}#storage-text{font-weight:600;color:var(--text-2)}.storage-progress{height:6px;background:var(--border);border-radius:var(--r-full);overflow:hidden}.storage-fill{height:100%;background:linear-gradient(90deg,var(--blue),#7c3aed);border-radius:var(--r-full);transition:width .6s var(--ease-smooth);position:relative;overflow:hidden}.storage-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stats-dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s3) var(--s3);text-align:center;transition:all var(--t-base) var(--ease-spring);cursor:default;animation:fadeInUp .5s var(--ease-smooth) both}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--blue)}.stat-icon{font-size:20px;margin-bottom:var(--s1);animation:iconBounce .5s var(--ease-spring) both}.stat-card:nth-child(1) .stat-icon{animation-delay:.1s}.stat-card:nth-child(2) .stat-icon{animation-delay:.15s}.stat-card:nth-child(3) .stat-icon{animation-delay:.2s}.stat-card:nth-child(4) .stat-icon{animation-delay:.25s}@keyframes iconBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.stat-value{font-size:var(--text-xl);font-weight:800;color:var(--text-1);letter-spacing:-.02em}.stat-label{font-size:var(--text-xs);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.security-banner{background:linear-gradient(135deg,var(--green-light),#dcfce7);border:1px solid rgba(22,163,74,.2);border-radius:var(--r-lg);padding:var(--s3) var(--s4);display:flex;align-items:center;justify-content:space-between}.security-status{display:flex;align-items:center;gap:var(--s2)}.security-icon{width:30px;height:30px;background:linear-gradient(135deg,var(--green),#15803d);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;animation:secureGlow 2s ease-in-out infinite;box-shadow:0 4px 12px #16a34a4d}@keyframes secureGlow{0%,to{box-shadow:0 4px 12px #16a34a4d}50%{box-shadow:0 4px 20px #16a34a80}}.security-status span{font-size:var(--text-sm);font-weight:600;color:var(--green)}.security-badge{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:#16a34a1f;border:1px solid rgba(22,163,74,.2);border-radius:var(--r-full);padding:3px 10px}.export-btn{display:flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;height:40px;font-size:var(--text-sm);font-weight:600;background:var(--text-1);color:#fff;border:none;border-radius:var(--r-md);cursor:pointer;transition:all var(--t-base) var(--ease-spring)}.export-btn:hover{background:#1e293b;transform:translateY(-1px);box-shadow:var(--shadow-md)}.export-btn svg{transition:transform var(--t-base)}.export-btn:hover svg{transform:translateY(2px)}.quick-tips{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4)}.quick-tips.hidden{display:none}.quick-tips h4{font-size:var(--text-sm);font-weight:700;color:var(--text-1);margin-bottom:var(--s3)}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.tip-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3);display:flex;align-items:center;gap:var(--s2);font-size:var(--text-xs);font-weight:500;color:var(--text-2);cursor:default;transition:all var(--t-fast) var(--ease-spring)}.tip-card:hover{border-color:var(--blue);background:var(--blue-light);transform:translateY(-1px)}.tip-icon{font-size:16px;flex-shrink:0}.recent-section{border-top:1px solid var(--border);padding-top:var(--s4)}.recent-section.hidden{display:none}.recent-section h4{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:var(--s3)}.recent-scroll{display:flex;gap:var(--s2);overflow-x:auto;padding-bottom:var(--s1);scrollbar-width:none}.recent-scroll::-webkit-scrollbar{display:none}.recent-item{display:flex;align-items:center;gap:var(--s2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s2) var(--s3);font-size:var(--text-xs);white-space:nowrap;cursor:pointer;transition:all var(--t-fast) var(--ease-spring);flex-shrink:0}.recent-item:hover{border-color:var(--blue);background:var(--blue-light);transform:translateY(-1px)}.recent-item span{max-width:100px;overflow:hidden;text-overflow:ellipsis}.toolbar{display:flex;gap:var(--s3);padding:var(--s4) var(--s6);border-bottom:1px solid var(--border);background:var(--surface);align-items:center;animation:slideDown .35s var(--ease-smooth) .05s both}.search-box{flex:1;position:relative}.search-icon-svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-2);pointer-events:none}.search-box .search-input{width:100%;height:42px;padding:0 var(--s4) 0 40px;font-size:var(--text-sm);font-family:var(--font);font-weight:500;border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);color:var(--text-1);outline:none;transition:all var(--t-fast)}.search-box .search-input:focus{border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 3px #2563eb14}.sort-select{height:42px;padding:0 var(--s4);font-size:var(--text-sm);font-family:var(--font);font-weight:600;border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--text-1);cursor:pointer;min-width:150px;outline:none;transition:all var(--t-fast)}.sort-select:hover{border-color:var(--border-2)}.sort-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb14}#secured-files-heading{display:flex;align-items:center;justify-content:space-between;padding:var(--s5) var(--s6) var(--s3);animation:fadeInUp .4s var(--ease-smooth) .15s both}.secured-heading-left{display:flex;align-items:center;gap:var(--s3)}.heading-icon{width:36px;height:36px;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 10px #0f172a33;animation:iconPop .5s var(--ease-spring) .25s both;flex-shrink:0}@keyframes iconPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}#secured-files-heading h2{font-size:var(--text-xl)!important;font-weight:800!important;color:var(--text-1)!important;letter-spacing:-.025em!important;-webkit-text-fill-color:unset!important}.bulk-actions{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s6);background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;flex-wrap:wrap;animation:slideDown .2s var(--ease-smooth)}.bulk-actions.hidden{display:none}#selected-count{font-size:var(--text-sm);font-weight:700;margin-right:auto}.bulk-actions button{height:34px;padding:0 var(--s3);font-size:var(--text-xs);font-weight:700;border-radius:var(--r-md);cursor:pointer;border:none;font-family:var(--font);transition:all var(--t-fast) var(--ease-spring)}.btn-select-all{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25)!important}.btn-select-all:hover{background:#ffffff40!important}.bulk-actions .btn-danger{background:var(--red);color:#fff;height:34px;padding:0 var(--s3);font-size:var(--text-xs)}.bulk-actions .btn-ghost{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.25)!important;height:34px;padding:0 var(--s3);font-size:var(--text-xs)}.bulk-actions .btn-ghost:hover{background:#ffffff1a!important}.file-grid{flex:1;padding:var(--s2) var(--s6) var(--s12);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s4);align-content:start;overflow-y:auto}.file-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:var(--s4) var(--s5);display:flex;flex-direction:column;gap:var(--s4);cursor:pointer;position:relative;overflow:hidden;transition:all var(--t-slow) var(--ease-spring);animation:cardIn .4s var(--ease-spring) both}.file-card:nth-child(1){animation-delay:.05s}.file-card:nth-child(2){animation-delay:.1s}.file-card:nth-child(3){animation-delay:.15s}.file-card:nth-child(4){animation-delay:.2s}.file-card:nth-child(5){animation-delay:.25s}.file-card:nth-child(6){animation-delay:.3s}.file-card:nth-child(7){animation-delay:.35s}.file-card:nth-child(8){animation-delay:.4s}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.file-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),#7c3aed);opacity:0;transition:opacity var(--t-base)}.file-card:hover{border-color:#bfcadf;box-shadow:0 8px 28px #00000017,0 4px 10px #0000000d;transform:translateY(-3px)}.file-card:hover:before{opacity:1}.file-card:active{transform:translateY(-1px) scale(.99);box-shadow:var(--shadow-sm)}.select-checkbox{width:18px;height:18px;accent-color:var(--blue);cursor:pointer;flex-shrink:0;transition:transform var(--t-fast)}.select-checkbox:hover{transform:scale(1.15)}.file-card-top{display:flex;align-items:center;gap:var(--s3);width:100%}.file-icon{width:48px;height:48px;background:#f1f3f5;border:1.5px solid var(--black);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;color:var(--black);flex-shrink:0;transition:all var(--t-base) var(--ease-spring)}.file-icon svg{width:22px;height:22px;transition:transform var(--t-base) var(--ease-spring)}.file-card:hover .file-icon{transform:scale(1.05) rotate(-4deg);box-shadow:var(--shadow-sm)}.file-card:hover .file-icon svg{transform:scale(1.08)}.file-details{flex:1;min-width:0}.file-details h3{font-size:var(--text-sm);font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;letter-spacing:-.015em}.file-meta{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}.file-meta span{font-size:var(--text-xs);color:var(--text-3);font-weight:500}.badge{display:inline-flex;align-items:center;padding:2px 7px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-3);border:1px solid var(--border)}.badge.view-once{background:var(--red-light);color:var(--red);border-color:#dc262633}.badge.persistent{background:var(--green-light);color:var(--green);border-color:#16a34a33}.file-card-actions{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;width:100%;border-top:1px solid #f1f3f5;padding-top:var(--s3)}.btn-highlight{height:32px;padding:0 var(--s3);font-size:var(--text-xs);font-weight:700;border-radius:var(--r-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.01em;box-shadow:var(--shadow-xs);transition:all var(--t-base) var(--ease-spring);font-family:var(--font)}.btn-highlight.share-btn{background:#2563eb0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(37,99,235,.2);color:var(--blue)}.btn-highlight.share-btn:hover{background:var(--blue);border-color:var(--blue-dark);color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #2563eb40}.btn-highlight.custom-share-btn{background:#7c3aed0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(124,58,237,.2);color:#7c3aed}.btn-highlight.custom-share-btn:hover{background:#7c3aed;border-color:#6d28d9;color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #7c3aed40}.btn-highlight:active{transform:translateY(0) scale(.97)}.btn-small{height:32px;padding:0 var(--s3);font-size:var(--text-xs);font-weight:600;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;font-family:var(--font);transition:all var(--t-fast) var(--ease-spring);display:inline-flex;align-items:center;gap:4px;box-shadow:var(--shadow-xs)}.btn-small:hover{background:var(--surface-2);border-color:var(--border-2);color:var(--text-1);transform:translateY(-1px)}.btn-small:active{transform:translateY(0) scale(.97)}.btn-small.delete-btn:hover{background:var(--red-light);border-color:#dc26264d;color:var(--red)}.btn-small.info-btn:hover,.btn-small.rename-btn:hover{background:var(--surface-2);border-color:var(--border-2)}.expired-overlay{position:absolute;inset:0;background:#dc2626ed;border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-sm);font-weight:700}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--s12) var(--s6);color:var(--text-3);animation:fadeInUp .5s var(--ease-smooth) .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.empty-icon{font-size:60px;margin-bottom:var(--s4);display:block;animation:emptyFloat 3.5s ease-in-out infinite;filter:grayscale(.2)}@keyframes emptyFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(-2deg)}66%{transform:translateY(-5px) rotate(2deg)}}.empty-state h3{font-size:var(--text-xl);font-weight:800;color:var(--text-2);letter-spacing:-.02em;margin-bottom:var(--s2)}.empty-state p{font-size:var(--text-sm);color:var(--text-3)}.empty-state small{display:block;margin-top:var(--s2);opacity:.7;font-size:var(--text-xs)}input[type=text],input[type=password],input[type=file],input[type=date],input[type=datetime-local],textarea,select{width:100%;height:46px;padding:0 var(--s4);font-size:var(--text-sm);font-family:var(--font);border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-1);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}textarea{height:auto;padding:var(--s3) var(--s4);resize:vertical;min-height:100px}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}input::placeholder,textarea::placeholder{color:var(--text-3)}.input-group{margin-bottom:var(--s4)}.input-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-2);margin-bottom:var(--s2)}.hint{font-size:var(--text-xs);color:var(--text-3);margin-top:var(--s1);line-height:1.5}.password-strength{margin-top:var(--s2)}.strength-bar{height:4px;background:var(--border);border-radius:var(--r-full);overflow:hidden;margin-bottom:var(--s1)}.strength-bar:after{content:"";display:block;height:100%;width:0;transition:all var(--t-base)}.strength-bar.weak:after{width:33%;background:var(--red)}.strength-bar.medium:after{width:66%;background:var(--amber)}.strength-bar.strong:after{width:100%;background:var(--green)}.strength-text{font-size:var(--text-xs);color:var(--text-3)}.btn-primary{height:46px;padding:0 var(--s6);font-size:var(--text-sm);font-weight:700;font-family:var(--font);background:var(--text-1);color:#fff;border:none;border-radius:var(--r-md);cursor:pointer;transition:all var(--t-base) var(--ease-spring);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);transition:transform .4s}.btn-primary:hover{background:#1e293b;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-ghost{height:46px;padding:0 var(--s6);font-size:var(--text-sm);font-weight:600;font-family:var(--font);background:var(--surface);color:var(--text-2);border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-base) var(--ease-spring)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-2);color:var(--text-1)}.btn-ghost:active{transform:scale(.98)}.btn-danger{height:46px;padding:0 var(--s6);font-size:var(--text-sm);font-weight:700;font-family:var(--font);background:var(--red);color:#fff;border:none;border-radius:var(--r-md);cursor:pointer;transition:all var(--t-base) var(--ease-spring)}.btn-danger:hover{background:var(--red-600);transform:translateY(-1px);box-shadow:0 4px 14px #dc26264d}.btn-text{background:none;border:none;font-size:var(--text-sm);color:var(--text-3);cursor:pointer;padding:var(--s2) var(--s4);border-radius:var(--r-md);font-family:var(--font);font-weight:500;transition:all var(--t-fast)}.btn-text:hover{background:var(--surface-2);color:var(--text-2)}.modal{position:fixed;inset:0;z-index:1000;border:none;background:transparent;padding:0;max-width:100%;max-height:100%;width:100%;height:100%}.modal::backdrop{background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:backdropIn .25s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-content{position:absolute;bottom:0;left:0;right:0;background:var(--surface);border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:var(--s8) var(--s6) var(--s8);max-height:90vh;overflow-y:auto;animation:modalSlideUp .4s var(--ease-spring) both;box-shadow:0 -8px 40px #0000001f}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(min-width:901px){.modal-content{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);max-width:480px;width:calc(100% - 32px);border-radius:var(--r-2xl);animation:modalCenterIn .35s var(--ease-spring) both}.modal-content:before{display:none}@keyframes modalCenterIn{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}}.modal-content:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:44px;height:5px;background:var(--border);border-radius:var(--r-full)}.modal-content h2{font-size:var(--text-xl)!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--text-1);margin:var(--s4) 0 var(--s5)}.modal-content h4{font-size:var(--text-sm);font-weight:700;color:var(--text-2);margin:var(--s5) 0 var(--s3)}.modal-actions{display:flex;gap:var(--s3);margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--border)}.modal-actions button{flex:1}.large-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:640px;width:calc(100% - 32px);max-height:85vh;padding:var(--s8) var(--s6);border-radius:var(--r-2xl);bottom:auto;animation:fadeInScale .3s var(--ease-smooth) both}.large-modal:before{display:none}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.security-options{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s4)}.radio-card{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast)}.radio-card:hover{border-color:var(--border-2);background:var(--surface-2)}.radio-card:has(input:checked){border-color:var(--blue);background:var(--blue-light)}.radio-card input[type=radio]{width:18px;height:18px;accent-color:var(--blue);margin:0}.card-content strong{display:block;font-size:var(--text-sm);font-weight:700;color:var(--text-1);margin-bottom:2px}.card-content span{font-size:var(--text-xs);color:var(--text-3)}.viewer-overlay{position:fixed;inset:0;background:var(--surface);z-index:2000;display:flex;flex-direction:column}.viewer-overlay.hidden{display:none}.viewer-header{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);background:var(--surface)}.viewer-header span{font-size:var(--text-sm);font-weight:600;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-1)}#viewer-timer{font-size:var(--text-xs);color:var(--red);font-weight:700}.viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--s4);overflow:auto;background:var(--bg)}.viewer-content img,.viewer-content video,.viewer-content audio{max-width:100%;max-height:100%;border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.viewer-content iframe{width:100%;height:100%;border:none;border-radius:var(--r-lg)}.settings-section{padding:var(--s4) 0;border-bottom:1px solid var(--border)}.settings-section:last-of-type{border-bottom:none}.settings-section h4{font-size:var(--text-sm)!important;font-weight:700!important;color:var(--text-1)!important;margin:0 0 var(--s3)!important}.setting-item{margin-bottom:var(--s4)}.switch-wrapper{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;cursor:pointer;padding:8px 0}.switch-label-text{font-size:var(--text-sm);font-weight:600;color:var(--text-1)}.switch-input{display:none!important}.switch-slider{display:inline-block;position:relative;width:44px;height:24px;background:var(--border-2);border-radius:var(--r-full);transition:background .3s;flex-shrink:0}.switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s var(--ease-spring);box-shadow:0 2px 4px #00000026}.switch-input:checked+.switch-slider{background:var(--green)}.switch-input:checked+.switch-slider:before{transform:translate(20px)}.info-grid{display:flex;flex-direction:column;gap:var(--s1)}.info-row{display:flex;justify-content:space-between;padding:var(--s2) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.info-row:last-child{border-bottom:none}.info-row strong{color:var(--text-3);font-weight:600}.info-row span{color:var(--text-1);font-weight:500}.access-log{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3);max-height:120px;overflow-y:auto;font-size:var(--text-xs);color:var(--text-3)}.access-log-item{padding:var(--s1) 0;border-bottom:1px solid var(--border)}.access-log-item:last-child{border-bottom:none}#app-lock-screen{position:fixed;inset:0;z-index:99999;background:#f4f6f9f5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center}#app-lock-screen.hidden{display:none}.lock-card{background:var(--surface);padding:var(--s8) var(--s8);border-radius:var(--r-2xl);border:1px solid var(--border);box-shadow:var(--shadow-xl);width:100%;max-width:420px;margin:var(--s4);display:flex;flex-direction:column;align-items:center;animation:lockIn .4s var(--ease-spring) both}@keyframes lockIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.lock-icon-large{font-size:64px;margin-bottom:var(--s5);animation:lockPop .6s var(--ease-spring) .1s both}@keyframes lockPop{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.lock-card h2{font-size:var(--text-2xl)!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--text-1);margin-bottom:var(--s2)!important}.lock-card p{color:var(--text-3);text-align:center;margin-bottom:var(--s6);font-size:var(--text-sm)}.lock-card input{text-align:center;font-size:var(--text-xl);letter-spacing:.15em;padding:var(--s4);border:2px solid var(--border);border-radius:var(--r-lg);width:100%;margin-bottom:var(--s4);height:auto!important}.lock-card input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2563eb1a}.lock-card button{width:100%;height:52px!important;font-size:var(--text-md)!important}.panic-trigger{color:var(--red)!important;border-color:#dc262640!important;background:#dc26260f!important}.panic-trigger:hover{background:#dc26261f!important;border-color:var(--red)!important;transform:translateY(-3px) scale(1.06)!important;box-shadow:0 6px 18px #dc262633!important}.panic-overlay{position:fixed;inset:0;z-index:99999;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:fadeIn .2s ease-out}.panic-overlay.blur-mode{background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.panic-message{font-size:var(--text-xl);font-weight:700;color:var(--text-2);max-width:80%}.fake-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--s4)}@keyframes spin{to{transform:rotate(360deg)}}.reload-icon-btn{width:64px;height:64px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);border:1px solid var(--border);color:var(--text-2);margin-bottom:var(--s4);transition:all var(--t-base) var(--ease-spring)}.reload-icon-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-lg);color:var(--blue)}.drop-zone{display:none;position:fixed;inset:var(--s4);border:3px dashed var(--border-2);border-radius:var(--r-xl);background:#fffffff7;backdrop-filter:blur(10px);z-index:1000;align-items:center;justify-content:center;flex-direction:column;gap:var(--s3);transition:all var(--t-base) var(--ease-spring)}.drop-zone.active{display:flex;border-color:var(--blue);box-shadow:0 20px 60px #2563eb1f}.drop-zone svg{width:64px;height:64px;color:var(--text-3)}.drop-zone span{font-size:var(--text-lg);font-weight:600;color:var(--text-2)}.help-content{text-align:left;margin:var(--s4) 0;max-height:60vh;overflow-y:auto;padding-right:var(--s2)}.help-content section{margin-bottom:var(--s5);padding-bottom:var(--s4);border-bottom:1px solid var(--border)}.help-content section:last-child{border-bottom:none}.help-content h3{font-size:var(--text-md);font-weight:700;color:var(--text-1);margin-bottom:var(--s3)}.help-content p{color:var(--text-2);line-height:1.7;margin-bottom:var(--s3);font-size:var(--text-sm)}.help-content ul,.help-content ol{color:var(--text-2);line-height:1.7;padding-left:var(--s5);font-size:var(--text-sm)}.help-content li{margin-bottom:var(--s2)}.help-content strong{color:var(--text-1)}.prompt-message,.confirm-message,.alert-message{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--s4);line-height:1.6;word-break:break-word}#custom-prompt-modal .modal-content,#custom-confirm-modal .modal-content,#custom-alert-modal .modal-content{text-align:center;padding-top:var(--s8)}#custom-alert-modal .modal-actions{justify-content:center}#custom-alert-modal .modal-actions button{max-width:200px}.logo-upload-zone{position:relative;display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border:2px dashed var(--border-2);border-radius:var(--r-lg);background:var(--surface-2);cursor:pointer;transition:all var(--t-fast);overflow:hidden}.logo-upload-zone:hover{background:var(--blue-light);border-color:#2563eb4d}.upload-icon-small{width:36px;height:36px;background:var(--surface);border-radius:var(--r-md);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-2);flex-shrink:0}#share-logo-text{font-size:var(--text-sm);font-weight:500;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.excel-viewer{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:var(--r-md);border:1px solid var(--border);overflow:hidden}.excel-header{display:flex;gap:8px;padding:8px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);overflow-x:auto}.excel-sheet-btn{padding:6px 12px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);transition:all var(--t-fast);white-space:nowrap}.excel-sheet-btn:hover{background:var(--surface-2)}.excel-sheet-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.excel-table-wrapper{overflow:auto;flex:1;background:#fff}.excel-table{border-collapse:collapse;min-width:100%;font-size:13px;font-family:var(--font-mono)}.excel-table th,.excel-table td{border:1px solid var(--border);padding:8px 12px;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.excel-table th{background:var(--surface-2);font-weight:700;color:var(--text-2);position:sticky;top:0;z-index:10}.excel-table tr:nth-child(2n){background:#fafbfd}.excel-table tr:hover{background:var(--blue-light)}.word-viewer{width:100%;height:100%;overflow-y:auto;background:var(--bg);display:flex;justify-content:center;padding:40px 20px}.word-document{width:100%;max-width:816px;min-height:1056px;background:#fff;padding:60px 72px;box-shadow:var(--shadow-lg);color:#000;font-family:Calibri,Cambria,Segoe UI,serif;line-height:1.5;font-size:16px}.word-document h1,.word-document h2,.word-document h3,.word-document h4{color:#2f5597;margin-top:24px;margin-bottom:8px}.word-document p{margin-bottom:12px;text-align:justify}.word-document a{color:#0563c1;text-decoration:underline}.word-document ul,.word-document ol{margin-bottom:12px;padding-left:40px}.word-document table{width:100%;border-collapse:collapse;margin:16px 0}.word-document td,.word-document th{border:1px solid #d1d5db;padding:8px 12px}.word-document img{max-width:100%;height:auto;margin:12px 0}.download-hero-btn{display:inline-block;background:var(--blue);color:#fff;padding:8px 16px;font-weight:700;border-radius:var(--r-md);text-decoration:none;font-size:12px;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:none;font-family:var(--font);transition:all var(--t-fast);margin:8px auto 12px}.download-hero-btn:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.bottom-add-btn{display:none}.file-grid.compact-view .file-card{padding:var(--s3);gap:var(--s2)}.file-grid.compact-view .file-icon{width:38px;height:38px}.file-grid.compact-view .file-details h3{font-size:var(--text-xs)}.file-grid.compact-view .file-meta{margin-bottom:var(--s1)}.file-grid.compact-view .file-card-actions{margin-top:var(--s1)}.file-grid.compact-view .btn-small{height:22px;padding:0 var(--s1);font-size:9px}.file-grid.hide-thumbnails .file-icon{opacity:.15}#privacy-curtain{display:none;position:fixed;inset:0;background:var(--black);z-index:99998}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:#b0b8c8}.hidden{display:none!important}.display-flex{display:flex}.gap-2{gap:var(--s2)}.mb-2{margin-bottom:var(--s2)}.text-center{text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inline-add-container{padding:var(--s4)}.danger-zone{background:var(--red-light);border:1px solid rgba(220,38,38,.15);border-radius:var(--r-lg);padding:var(--s4) var(--s5);margin-top:var(--s2)}.checkbox-item{display:flex;align-items:center;gap:var(--s3);cursor:pointer}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--blue)}.checkbox-item label{font-size:var(--text-sm);color:var(--text-1);cursor:pointer}.dest-option:has(input:checked){border-color:var(--red);background:var(--red-light)}@media(max-width:900px){#app{max-width:100%;box-shadow:none}.app-sidebar{display:none}.toolbar{padding:var(--s3) var(--s4)}.file-grid{padding:var(--s2) var(--s4) 100px;grid-template-columns:1fr}#secured-files-heading{padding:var(--s4) var(--s4) var(--s2)}.bulk-actions{padding:var(--s3) var(--s4)}.upload-section{padding:var(--s3) var(--s4) 0 var(--s4)}.header{padding:var(--s3) var(--s5)}}@media(max-width:540px){.stats-dashboard{grid-template-columns:repeat(2,1fr)}.large-modal{width:calc(100% - 24px);max-height:90vh;padding:var(--s5)}.help-content{max-height:55vh}.tips-grid,.file-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch;gap:var(--s2)}.sort-select{width:100%}}@media print{body{display:none!important}}