*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--white: #ffffff;--black: #000000;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--font-family: "Inter", system-ui, -apple-system, sans-serif;--transition: .2s ease}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--white);color:var(--black);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-100)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.logo-icon{width:32px;height:32px;background:var(--black);border-radius:8px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:18px;height:18px;color:var(--white)}.nav{display:flex;align-items:center;gap:32px;margin-left:auto}.nav-links{display:flex;gap:32px}.nav-link{font-size:.9rem;font-weight:500;color:var(--gray-600);transition:color var(--transition)}.nav-link:hover{color:var(--black)}.nav-buttons{display:flex;align-items:center;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:.9rem;font-weight:500;border-radius:8px;transition:all var(--transition)}.btn-outline{border:1px solid var(--gray-200);color:var(--black)}.btn-outline:hover{border-color:var(--gray-400);background:var(--gray-50)}.btn-primary{background:var(--black);color:var(--white)}.btn-primary:hover{background:var(--gray-800)}.btn-large{padding:14px 28px;font-size:1rem}.hero{padding:160px 0 100px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--gray-100);border-radius:50px;font-size:.85rem;font-weight:500;color:var(--gray-700);margin-bottom:32px}.hero-badge-dot{width:6px;height:6px;background:var(--black);border-radius:50%}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;margin-bottom:24px;max-width:800px;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:1.125rem;color:var(--gray-500);max-width:560px;margin:0 auto 40px;line-height:1.7}.hero-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hero-visual{margin-top:80px;padding:0 24px}.hero-image{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:16px;aspect-ratio:16/9;max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--gray-400)}.hero-image-placeholder svg{width:64px;height:64px}.features{padding:100px 0;border-top:1px solid var(--gray-100)}.section-header{text-align:center;margin-bottom:64px}.section-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500);margin-bottom:16px}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.section-description{font-size:1.05rem;color:var(--gray-500);max-width:500px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{padding:32px;border:1px solid var(--gray-200);border-radius:12px;transition:border-color var(--transition)}.feature-card:hover{border-color:var(--gray-400)}.feature-icon{width:48px;height:48px;background:var(--black);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon svg{width:24px;height:24px;color:var(--white)}.feature-title{font-size:1.125rem;font-weight:600;margin-bottom:10px}.feature-description{font-size:.95rem;color:var(--gray-500);line-height:1.6}.how-it-works{padding:100px 0;background:var(--gray-50)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:48px;counter-reset:step}.step{position:relative;counter-increment:step}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--black);color:var(--white);font-size:1rem;font-weight:600;border-radius:50%;margin-bottom:20px}.step-title{font-size:1.125rem;font-weight:600;margin-bottom:10px}.step-description{font-size:.95rem;color:var(--gray-500);line-height:1.6}.stats{padding:80px 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;text-align:center}.stat-value{font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.stat-label{font-size:.95rem;color:var(--gray-500)}.cta{padding:100px 0;text-align:center}.cta-box{background:var(--black);color:var(--white);padding:80px 48px;border-radius:20px}.cta-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.cta-description{font-size:1.05rem;color:var(--gray-400);max-width:480px;margin:0 auto 32px}.btn-white{background:var(--white);color:var(--black)}.btn-white:hover{background:var(--gray-100)}.footer{padding:48px 0;border-top:1px solid var(--gray-100)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.footer-logo{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:700}.footer-links{display:flex;gap:24px}.footer-link{font-size:.9rem;color:var(--gray-500);transition:color var(--transition)}.footer-link:hover{color:var(--black)}.footer-copyright{font-size:.85rem;color:var(--gray-400);width:100%;text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--gray-100)}.mobile-header-right{display:none}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:8px}.mobile-menu-btn span{width:20px;height:2px;background:var(--black);transition:all var(--transition)}.mobile-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1100;animation:fadeIn .2s ease}.mobile-sidebar{position:fixed;top:0;right:0;width:300px;max-width:85vw;height:100vh;background:var(--white);z-index:1101;display:flex;flex-direction:column;animation:slideIn .3s ease;box-shadow:-4px 0 24px #00000026}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-100)}.mobile-sidebar-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--gray-100);transition:background var(--transition)}.mobile-sidebar-close:hover{background:var(--gray-200)}.mobile-sidebar-close svg{width:20px;height:20px;color:var(--gray-600)}.mobile-sidebar-nav{flex:1;overflow-y:auto;padding:16px 0}.mobile-sidebar-section{padding:8px 24px;border-bottom:1px solid var(--gray-100)}.mobile-sidebar-section:last-child{border-bottom:none}.mobile-sidebar-link{display:flex;align-items:center;gap:12px;padding:14px 0;font-size:1rem;font-weight:500;color:var(--gray-700);transition:color var(--transition)}.mobile-sidebar-link:hover{color:var(--black)}.mobile-sidebar-link svg{width:20px;height:20px;color:var(--gray-500)}.mobile-sidebar-footer{padding:20px 24px;border-top:1px solid var(--gray-100);background:var(--gray-50)}.mobile-sidebar-language{margin-bottom:16px}.mobile-sidebar-user{display:flex;flex-direction:column;gap:12px}.mobile-sidebar-email{font-size:.9rem;color:var(--gray-600);word-break:break-all}.mobile-sidebar-auth{display:flex;flex-direction:column;gap:12px}.admin-badge-small{background:var(--black);color:var(--white);padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.search-demo{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px}.search-demo-bar{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--gray-300);border-radius:12px;padding:16px 24px;font-size:1rem;color:var(--gray-600);box-shadow:0 4px 20px #00000014}.search-demo-bar svg{width:20px;height:20px;color:var(--gray-400)}.search-demo-results{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.search-demo-card{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--gray-200);border-radius:8px;padding:12px 16px;font-size:.9rem;color:var(--gray-700)}.search-demo-card svg{width:18px;height:18px;color:var(--gray-400)}.example{padding:100px 0;border-top:1px solid var(--gray-100)}.example-box{text-align:center}.example-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.example-description{font-size:1.05rem;color:var(--gray-500);margin-bottom:32px}.example-searches{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.example-search{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:50px;padding:10px 20px;font-size:.9rem;color:var(--gray-700);font-weight:500}@media(max-width:768px){.nav-links,.nav-buttons{display:none}.mobile-header-right,.mobile-menu-btn{display:flex}.hero{padding:120px 0 60px}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:280px}.features,.how-it-works,.cta{padding:60px 0}.cta-box{padding:48px 24px}.footer-inner{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--gray-50)}.auth-container{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:inline-flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:var(--black)}.auth-card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:40px}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{font-size:.95rem;color:var(--gray-500);text-align:center;margin-bottom:32px}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:24px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:.9rem;font-weight:500;color:var(--gray-700)}.form-group input{padding:12px 16px;border:1px solid var(--gray-200);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color var(--transition)}.form-group input:focus{outline:none;border-color:var(--black)}.form-group input::placeholder{color:var(--gray-400)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:48px}.password-toggle-btn{position:absolute;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--gray-400);padding:0;transition:color var(--transition)}.password-toggle-btn:hover{color:var(--gray-600)}.password-toggle-btn svg{width:20px;height:20px}.btn-full{width:100%}.auth-footer{text-align:center;margin-top:24px;font-size:.9rem;color:var(--gray-500)}.auth-footer a{color:var(--black);font-weight:500;text-decoration:underline}.auth-footer a:hover{text-decoration:none}.dashboard{min-height:100vh;background:var(--gray-50)}.dashboard-main{padding:120px 0 60px}.dashboard-welcome{text-align:center;margin-bottom:48px}.dashboard-welcome h1{font-size:2rem;font-weight:700;margin-bottom:8px}.dashboard-welcome p{color:var(--gray-500)}.dashboard-placeholder{background:var(--white);border:2px dashed var(--gray-200);border-radius:16px;padding:80px 40px;text-align:center;max-width:600px;margin:0 auto}.placeholder-icon{width:64px;height:64px;background:var(--gray-100);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.placeholder-icon svg{width:32px;height:32px;color:var(--gray-400)}.dashboard-placeholder h2{font-size:1.25rem;font-weight:600;margin-bottom:8px}.dashboard-placeholder p{color:var(--gray-500);margin-bottom:24px}.user-email{font-size:.9rem;color:var(--gray-500)}@media(max-width:768px){.auth-card{padding:24px}.dashboard-main{padding:80px 0 40px}.dashboard-placeholder{padding:48px 24px}.search-bar{gap:8px}.search-bar .btn{padding:10px 16px;font-size:.85rem}.upload-label{padding:36px 20px}}.search-bar{display:flex;gap:12px;margin-bottom:24px}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:12px 16px;transition:border-color var(--transition)}.search-input-wrapper:focus-within{border-color:var(--black)}.search-input-wrapper svg{width:20px;height:20px;color:var(--gray-400);flex-shrink:0}.search-input-wrapper input{flex:1;border:none;outline:none;font-size:1rem;font-family:inherit;background:transparent}.search-input-wrapper input::placeholder{color:var(--gray-400)}.search-clear{padding:4px;color:var(--gray-400);transition:color var(--transition)}.search-clear:hover{color:var(--black)}.search-clear svg{width:16px;height:16px}.search-status{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--gray-100);border-radius:8px;font-size:.9rem;color:var(--gray-600);margin-bottom:24px}.search-clear-link{color:var(--black);text-decoration:underline;font-weight:500}.upload-zone{background:var(--white);border:2px dashed var(--gray-200);border-radius:16px;margin-bottom:32px;transition:all var(--transition)}.upload-zone.drag-active{border-color:var(--black);background:var(--gray-50)}.upload-zone.uploading{pointer-events:none;opacity:.7}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;cursor:pointer}.upload-icon{width:56px;height:56px;background:var(--gray-100);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.upload-icon svg{width:28px;height:28px;color:var(--gray-500)}.upload-text{font-size:1rem;font-weight:500;color:var(--black);margin-bottom:4px}.upload-hint{font-size:.85rem;color:var(--gray-400)}.upload-status{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--black);border-radius:50%;animation:spin .8s linear infinite}.dashboard-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:24px}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.file-card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;cursor:pointer;transition:all var(--transition);position:relative}.file-card:hover{border-color:var(--gray-400);box-shadow:0 4px 12px #00000014}.file-preview{aspect-ratio:16/10;background:var(--gray-100);position:relative;overflow:hidden}.file-preview img,.file-preview video{width:100%;height:100%;object-fit:cover}.file-type-badge{position:absolute;top:8px;left:8px;background:var(--black);color:var(--white);font-size:.7rem;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:4px}.file-info{padding:16px}.file-title{font-size:1rem;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-description{font-size:.85rem;color:var(--gray-500);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.file-tags{display:flex;flex-wrap:wrap;gap:6px}.file-tag{background:var(--gray-100);color:var(--gray-600);font-size:.75rem;padding:4px 8px;border-radius:4px}.file-tag-more{background:var(--gray-200)}.file-delete{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#0009;border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition)}.file-card:hover .file-delete{opacity:1}.file-delete svg{width:16px;height:16px;color:var(--white)}.file-delete:hover{background:#dc2626}.empty-state{text-align:center;padding:48px 24px;color:var(--gray-500)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal-content{background:var(--white);border-radius:16px;max-width:900px;max-height:90vh;width:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background:var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.modal-close svg{width:18px;height:18px;color:var(--white)}.modal-media{background:var(--black);max-height:50vh;display:flex;align-items:center;justify-content:center}.modal-media img,.modal-media video{max-width:100%;max-height:50vh;object-fit:contain}.modal-details{padding:24px;overflow-y:auto}.modal-details h2{font-size:1.5rem;font-weight:700;margin-bottom:8px}.modal-description{color:var(--gray-600);margin-bottom:24px;line-height:1.6}.modal-section{margin-bottom:20px}.modal-section h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:8px}.modal-section p{color:var(--gray-700);line-height:1.5}@media(max-width:768px){.search-bar{flex-direction:column}.files-grid{grid-template-columns:1fr}.modal-content{max-height:100vh;border-radius:0}}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;min-width:0}.admin-sidebar{width:240px;background:var(--white);border-right:1px solid var(--gray-200);padding:24px 16px;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:1001;transition:width .3s ease}.admin-sidebar.collapsed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding:0 8px}.sidebar-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500)}.admin-sidebar.collapsed .sidebar-title{display:none}.sidebar-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background var(--transition)}.sidebar-toggle:hover{background:var(--gray-100)}.sidebar-toggle svg{width:18px;height:18px;color:var(--gray-600)}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex-grow:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;font-size:.95rem;font-weight:500;color:var(--gray-600);transition:all var(--transition)}.sidebar-link:hover{background:var(--gray-100);color:var(--black)}.sidebar-link.active{background:var(--black);color:var(--white)}.sidebar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar-icon svg{width:20px;height:20px}.admin-sidebar.collapsed .sidebar-link{justify-content:center;padding:12px}.admin-sidebar.collapsed .sidebar-label{display:none}.app-layout .main-content{margin-left:240px}.app-layout .admin-sidebar.collapsed+.main-content{margin-left:72px}.storage-usage{padding:16px;border-top:1px solid var(--gray-200);margin-top:auto}.storage-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--gray-500);margin-bottom:8px}.storage-bar{height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.storage-bar-fill{height:100%;background:var(--black);border-radius:3px;transition:width .3s ease}.analyses-remaining{font-size:.7rem;color:var(--gray-400);margin-top:8px;text-align:center}.admin-panel{min-height:100vh;background:var(--gray-50)}.admin-main{padding:120px 0 60px}.admin-title{font-size:2rem;font-weight:700;margin-bottom:32px}.admin-badge{background:var(--black);color:var(--white);padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center}.user-email{font-size:.9rem;color:var(--gray-600);font-weight:500}.admin-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:24px}.admin-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:24px}.admin-loading{text-align:center;padding:60px;color:var(--gray-500)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:48px}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:24px;height:24px;color:var(--white)}.stat-icon.users-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.files-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-icon.error-icon{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;width:48px;height:48px}.stat-icon.links-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-content{display:flex;flex-direction:column}.stat-card .stat-value{font-size:1.75rem;font-weight:700;margin-bottom:0}.stat-card .stat-label{font-size:.9rem;color:var(--gray-500)}.admin-section{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:32px;margin-bottom:32px}.admin-section .section-title{font-size:1.25rem;font-weight:600;margin-bottom:24px;text-align:left}.referral-form{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.referral-input-group{display:flex;align-items:center;flex:1;min-width:250px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:0 16px}.referral-prefix{color:var(--gray-500);font-size:.9rem;white-space:nowrap}.referral-input{flex:1;background:none;border:none;padding:14px 8px;font-size:.95rem;font-family:inherit}.referral-input:focus{outline:none}.referral-form .btn{display:flex;align-items:center;gap:8px}.referral-form .btn svg{width:18px;height:18px}.referral-benefit-select{padding:12px 16px;font-size:.95rem;font-family:inherit;border:1px solid var(--gray-200);border-radius:10px;background:var(--gray-50);color:var(--gray-700);cursor:pointer;min-width:160px}.referral-benefit-select:focus{outline:none;border-color:var(--black)}.referrals-table,.users-table{display:flex;flex-direction:column;border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.table-header{display:grid;gap:16px;padding:14px 20px;background:var(--gray-50);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.referrals-table .table-header{grid-template-columns:2fr 1.5fr .8fr 1fr 100px}.users-table .table-header{grid-template-columns:2fr 1fr 1fr 1fr}.table-row{display:grid;gap:16px;padding:16px 20px;border-top:1px solid var(--gray-100);align-items:center}.referrals-table .table-row{grid-template-columns:2fr 1.5fr .8fr 1fr 100px}.users-table .table-row{grid-template-columns:2fr 1fr 1fr 1fr}.referral-link{font-family:SF Mono,Consolas,monospace;font-size:.85rem;color:var(--gray-700);word-break:break-all}.referral-visits,.user-files{font-weight:600}.referral-date,.user-date{color:var(--gray-500);font-size:.9rem}.referral-actions{display:flex;gap:8px}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all var(--transition)}.action-btn svg{width:18px;height:18px}.copy-btn{background:var(--gray-100);color:var(--gray-600)}.copy-btn:hover{background:var(--gray-200);color:var(--black)}.delete-btn{background:#fef2f2;color:#dc2626}.delete-btn:hover{background:#fecaca}.user-email-cell{font-size:.95rem}.user-referral{font-size:.85rem;font-weight:500;color:var(--gray-700);font-family:SF Mono,Consolas,monospace}.user-referral.admin-referral{color:#dc2626;font-weight:600}.user-referral.no-referral{color:var(--gray-400);font-style:italic;font-family:inherit}.empty-message{text-align:center;color:var(--gray-500);padding:32px}.referral-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-50);color:var(--gray-500)}@media(max-width:1024px){.admin-sidebar{width:72px}.admin-sidebar .sidebar-title,.admin-sidebar .sidebar-label{display:none}.admin-sidebar .sidebar-link{justify-content:center;padding:12px}.app-layout .main-content{margin-left:72px}}@media(max-width:768px){.admin-sidebar{display:none}.app-layout .main-content,.main-content{margin-left:0!important}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{flex-direction:column;text-align:center;padding:20px}.referral-form{flex-direction:column}.referrals-table .table-header,.referrals-table .table-row,.users-table .table-header,.users-table .table-row{grid-template-columns:1fr;gap:8px}.table-header{display:none}.table-row>span:before{content:attr(data-label);display:block;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.chart-card{background:var(--gray-50);border-radius:12px;padding:24px}.chart-title{font-size:1rem;font-weight:600;margin-bottom:20px;color:var(--black)}.chart-container{min-height:200px}.bar-chart{display:flex;flex-direction:column;gap:16px}.bar-item{display:flex;align-items:center;gap:12px}.bar-label{font-size:.85rem;font-weight:500;color:var(--gray-600);min-width:70px}.bar-wrapper{flex:1;height:32px;background:var(--gray-200);border-radius:8px;position:relative;display:flex;align-items:center;overflow:hidden}.bar-fill{height:100%;border-radius:8px;min-width:24px;transition:width .6s ease}.bar-users{background:linear-gradient(90deg,#374151,#1f2937)}.bar-files{background:linear-gradient(90deg,#6b7280,#4b5563)}.bar-referrals{background:linear-gradient(90deg,#9ca3af,#6b7280)}.bar-value{position:absolute;right:12px;font-size:.85rem;font-weight:600;color:var(--black)}.donut-chart{position:relative;width:140px;height:140px;margin:0 auto 20px}.donut-svg{width:100%;height:100%}.donut-track{stroke:var(--gray-200)}.donut-progress{stroke:var(--black);transition:stroke-dasharray .6s ease}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-value{display:block;font-size:1.5rem;font-weight:700}.donut-label{display:block;font-size:.75rem;color:var(--gray-500)}.health-stats{display:flex;justify-content:center;gap:32px}.health-stat{text-align:center}.health-stat-value{display:block;font-size:1.25rem;font-weight:600}.health-stat-value.good{color:var(--black)}.health-stat-label{display:block;font-size:.75rem;color:var(--gray-500);margin-top:4px}.line-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.line-chart-card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:24px;transition:all .3s ease}.line-chart-card:hover{box-shadow:0 8px 32px #00000014;transform:translateY(-2px)}.line-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.line-chart-info{display:flex;flex-direction:column;gap:4px}.line-chart-label{font-size:.9rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.line-chart-value{font-size:2.5rem;font-weight:700;color:var(--black);line-height:1}.line-chart-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.line-chart-icon svg{width:24px;height:24px;color:var(--white)}.line-chart-icon.users-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.line-chart-icon.files-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.line-chart-icon.links-icon{background:linear-gradient(135deg,#10b981,#059669)}.line-chart-container{position:relative}.line-chart-svg{width:100%;height:120px;display:block}.line-chart-area{opacity:1}.line-chart-line{stroke-linecap:round;stroke-linejoin:round}.line-chart-line.users-line{stroke:#3b82f6}.line-chart-line.files-line{stroke:#8b5cf6}.line-chart-line.referrals-line{stroke:#10b981}.line-chart-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.75rem;color:var(--gray-400)}@media(max-width:1200px){.line-charts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.line-charts-grid{grid-template-columns:1fr}.line-chart-value{font-size:2rem}.charts-grid{grid-template-columns:1fr}}.users-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.users-section-header .section-title{margin-bottom:0}.users-search-wrapper{position:relative;display:flex;align-items:center;min-width:280px;max-width:400px}.users-search-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--gray-400);pointer-events:none;display:flex;align-items:center;justify-content:center}.users-search-icon svg{width:18px;height:18px}.users-search-input{width:100%;padding:12px 40px 12px 44px;font-size:.9rem;font-family:inherit;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;transition:all var(--transition)}.users-search-input:focus{outline:none;border-color:var(--gray-400);background:var(--white);box-shadow:0 0 0 3px #0000000d}.users-search-input::placeholder{color:var(--gray-400)}.users-search-clear{position:absolute;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--gray-400);background:var(--gray-200);border-radius:50%;cursor:pointer;transition:all var(--transition)}.users-search-clear:hover{background:var(--gray-300);color:var(--gray-600)}.users-filter-info{font-size:.85rem;color:var(--gray-500);margin-bottom:16px;padding:8px 12px;background:var(--gray-50);border-radius:6px;display:inline-block}.sortable-header{-webkit-user-select:none;user-select:none}.sortable-column{display:flex;align-items:center;gap:6px;cursor:pointer;transition:color var(--transition)}.sortable-column:hover{color:var(--black)}.sortable-column.active{color:var(--black);font-weight:700}.sortable-column svg{flex-shrink:0}@media(max-width:768px){.users-section-header{flex-direction:column;align-items:flex-start}.users-search-wrapper{width:100%;min-width:unset;max-width:none}}.share-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--gray-200)}.share-section h4{display:flex;align-items:center;gap:8px}.share-section h4 svg{width:18px;height:18px}.share-form{display:flex;gap:12px;margin-top:12px}.share-input{flex:1;padding:10px 16px;border:1px solid var(--gray-200);border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color var(--transition)}.share-input:focus{outline:none;border-color:var(--black)}.share-input:disabled{background:var(--gray-100);cursor:not-allowed}.share-btn{padding:10px 20px;white-space:nowrap}.share-btn:disabled{opacity:.5;cursor:not-allowed}.share-error{margin-top:10px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;font-size:.9rem}.share-success{margin-top:10px;padding:10px 14px;background:#f0fdf4;border:1px solid #86efac;color:#16a34a;border-radius:8px;font-size:.9rem}.sent-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--gray-200)}.sent-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.sent-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--gray-100);border-radius:8px}.sent-email{font-size:.9rem;font-weight:500;color:var(--gray-800)}.sent-date{font-size:.8rem;color:var(--gray-500)}.no-shares{font-size:.9rem;color:var(--gray-500);font-style:italic;margin-top:8px}.received-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--gray-200)}.received-icon{width:48px;height:48px;background:var(--black);border-radius:12px;display:flex;align-items:center;justify-content:center}.received-icon svg{width:24px;height:24px;color:var(--white)}.received-header h1{font-size:1.75rem;font-weight:700;margin:0}.received-subtitle{font-size:.95rem;color:var(--gray-500);margin:4px 0 0}.received-card .share-meta{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-200)}.received-card .shared-by{font-size:.85rem;color:var(--gray-600)}.received-card .shared-by strong{color:var(--black);font-weight:600}.received-card .shared-date{font-size:.8rem;color:var(--gray-500)}.shared-info-section{background:var(--gray-100);border-radius:8px;padding:16px!important;margin-top:16px}.shared-info{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.sender-email{font-size:.95rem;font-weight:600;color:var(--black)}.shared-date{font-size:.85rem;color:var(--gray-500)}.empty-state .empty-icon{width:64px;height:64px;margin:0 auto 16px;background:var(--gray-200);border-radius:16px;display:flex;align-items:center;justify-content:center}.empty-state .empty-icon svg{width:32px;height:32px;color:var(--gray-500)}.empty-state h3{font-size:1.25rem;font-weight:600;margin-bottom:8px}@media(max-width:768px){.share-form{flex-direction:column}.share-btn{width:100%}.received-header{flex-direction:column;text-align:center}}.file-received-badge{position:absolute;top:8px;right:8px;background:#16a34a;color:var(--white);font-size:.65rem;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:4px;z-index:5}.add-to-collection-btn{position:absolute;bottom:8px;right:8px;width:36px;height:36px;background:var(--black);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition);z-index:10;border:none;cursor:pointer}.file-card:hover .add-to-collection-btn{opacity:1}.add-to-collection-btn svg{width:18px;height:18px;color:var(--white)}.add-to-collection-btn:hover{background:#16a34a;transform:scale(1.05)}.add-to-collection-btn.added{opacity:1;background:#16a34a}.add-to-collection-btn:disabled{cursor:not-allowed}.add-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .8s linear infinite}.add-collection-modal-btn{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center}.add-collection-modal-btn svg{width:18px;height:18px}.btn-success{background:#16a34a;color:var(--white);border:none}.btn-success:hover{background:#15803d}.file-card .file-received-badge{right:8px}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--white);position:relative;overflow:hidden;padding:24px}.error-page-dark{background:var(--gray-50)}.error-container{position:relative;z-index:10;text-align:center;max-width:600px;width:100%}.error-logo{display:inline-flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:var(--black);margin-bottom:48px}.error-content{position:relative}.error-code-wrapper{margin-bottom:24px}.error-code{font-size:clamp(6rem,20vw,12rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--black);display:inline-block;position:relative}.error-code.glitch{animation:glitch 2.5s ease-in-out infinite}.error-code.glitch:before,.error-code.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.error-code.glitch:before{animation:glitch-1 .3s ease-in-out infinite;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);color:var(--gray-700)}.error-code.glitch:after{animation:glitch-2 .3s ease-in-out infinite reverse;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);color:var(--gray-500)}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(3px)}60%{transform:translate(-3px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(-3px)}60%{transform:translate(3px)}}.error-code.shake{animation:shake .6s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-5px) rotate(-1deg)}20%{transform:translate(5px) rotate(1deg)}30%{transform:translate(-5px) rotate(-1deg)}40%{transform:translate(5px) rotate(1deg)}50%{transform:translate(-3px) rotate(0)}60%{transform:translate(3px) rotate(0)}70%,to{transform:translate(0) rotate(0)}}.error-code.slide-in{animation:slideIn .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.error-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:50%}.error-icon svg{width:40px;height:40px;color:var(--gray-600)}.float-animation{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-animation{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.bounce-animation{animation:bounce 2s ease infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.error-title{font-size:1.75rem;font-weight:700;color:var(--black);margin-bottom:12px}.error-description{font-size:1.05rem;color:var(--gray-500);max-width:400px;margin:0 auto 32px;line-height:1.6}.error-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.error-actions .btn{display:inline-flex;align-items:center;gap:8px}.error-actions .btn svg{width:18px;height:18px}.error-status{display:inline-flex;align-items:center;gap:8px;margin-top:48px;padding:10px 20px;background:var(--gray-100);border-radius:50px;font-size:.85rem;color:var(--gray-600)}.status-dot{width:8px;height:8px;background:var(--gray-400);border-radius:50%;animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.fade-in-up.delay-1{animation-delay:.1s}.fade-in-up.delay-2{animation-delay:.2s}.fade-in-up.delay-3{animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.error-particles{position:fixed;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:10px;height:10px;background:var(--gray-200);border-radius:50%;animation:particleFloat 15s ease-in-out infinite}.particle:nth-child(1){left:10%;top:20%;animation-delay:0s}.particle:nth-child(2){left:20%;top:80%;animation-delay:2s;width:15px;height:15px}.particle:nth-child(3){left:70%;top:30%;animation-delay:4s}.particle:nth-child(4){left:85%;top:70%;animation-delay:6s;width:8px;height:8px}.particle:nth-child(5){left:50%;top:10%;animation-delay:8s;width:12px;height:12px}@keyframes particleFloat{0%,to{transform:translate(0) rotate(0);opacity:.3}25%{transform:translate(30px,50px) rotate(90deg);opacity:.6}50%{transform:translate(-20px,80px) rotate(180deg);opacity:.4}75%{transform:translate(50px,30px) rotate(270deg);opacity:.5}}.error-circles{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.pulse-ring{position:absolute;width:400px;height:400px;border:1px solid var(--gray-200);border-radius:50%;animation:pulseRing 3s ease-out infinite}.pulse-ring.delay-1{animation-delay:1s}.pulse-ring.delay-2{animation-delay:2s}@keyframes pulseRing{0%{transform:scale(.5);opacity:.8}to{transform:scale(2);opacity:0}}.error-grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.3}.grid-line{position:absolute;background:var(--gray-200)}.grid-line.horizontal{width:100%;height:1px;animation:gridSlide 20s linear infinite}.grid-line.horizontal:nth-child(1){top:25%;animation-delay:0s}.grid-line.horizontal:nth-child(2){top:50%;animation-delay:3s}.grid-line.horizontal:nth-child(3){top:75%;animation-delay:6s}.grid-line.vertical{width:1px;height:100%;animation:gridSlideVertical 20s linear infinite}.grid-line.vertical:nth-child(4){left:25%;animation-delay:0s}.grid-line.vertical:nth-child(5){left:50%;animation-delay:4s}.grid-line.vertical:nth-child(6){left:75%;animation-delay:8s}@keyframes gridSlide{0%{transform:translate(-100%);opacity:0}50%{opacity:.5}to{transform:translate(100%);opacity:0}}@keyframes gridSlideVertical{0%{transform:translateY(-100%);opacity:0}50%{opacity:.5}to{transform:translateY(100%);opacity:0}}.error-decoration{position:fixed;inset:0;pointer-events:none}.decoration-line{position:absolute;width:200px;height:2px;background:linear-gradient(90deg,transparent,var(--gray-300),transparent);animation:decorationMove 10s linear infinite}.decoration-line:nth-child(1){top:20%;left:-200px;animation-delay:0s}.decoration-line:nth-child(2){top:50%;right:-200px;animation-delay:3s;animation-direction:reverse}.decoration-line:nth-child(3){top:80%;left:-200px;animation-delay:6s}@keyframes decorationMove{0%{transform:translate(0)}to{transform:translate(calc(100vw + 400px))}}@media(max-width:768px){.error-code{font-size:clamp(4rem,25vw,8rem)}.error-icon{width:60px;height:60px}.error-icon svg{width:30px;height:30px}.error-title{font-size:1.35rem}.error-description{font-size:.95rem}.error-actions{flex-direction:column;align-items:center}.error-actions .btn{width:100%;max-width:280px}.pulse-ring{width:250px;height:250px}}@media(max-width:480px){.container{padding:0 16px}.header-inner{height:64px}.logo{font-size:1.1rem;gap:8px}.logo-icon{width:28px;height:28px}.logo-icon svg{width:14px;height:14px}.hero{padding:100px 0 50px}.hero-title{font-size:1.8rem;margin-bottom:16px}.hero-subtitle{font-size:1rem;margin-bottom:32px}.hero-badge{font-size:.75rem;padding:4px 12px;margin-bottom:24px}.hero-buttons .btn{padding:12px 20px;font-size:.9rem}.search-demo{padding:24px 16px;gap:16px}.search-demo-bar{padding:12px 16px;font-size:.85rem;width:100%}.search-demo-results{flex-direction:column;width:100%;gap:8px}.search-demo-card{width:100%;padding:10px 14px;font-size:.8rem}.features,.how-it-works,.cta,.example{padding:48px 0}.section-header{margin-bottom:40px}.section-label{font-size:.75rem;margin-bottom:12px}.section-title{font-size:1.4rem;margin-bottom:12px}.section-description{font-size:.95rem}.features-grid{gap:20px}.feature-card{padding:24px}.feature-icon{width:40px;height:40px;margin-bottom:16px}.feature-icon svg{width:20px;height:20px}.feature-title{font-size:1rem}.feature-description{font-size:.85rem}.steps{gap:32px}.step-number{width:32px;height:32px;font-size:.85rem;margin-bottom:12px}.step-title{font-size:1rem}.step-description{font-size:.85rem}.stats{padding:48px 0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.stat-value{font-size:2rem}.stat-label{font-size:.8rem}.cta-box{padding:36px 20px;border-radius:16px}.cta-title{font-size:1.3rem}.cta-description{font-size:.9rem;margin-bottom:24px}.dashboard-main{padding:76px 0 32px}.dashboard-welcome h1{font-size:1.5rem}.upload-zone{margin-bottom:24px}.upload-label{padding:32px 16px}.upload-icon{width:48px;height:48px}.upload-icon svg{width:24px;height:24px}.upload-text{font-size:.9rem}.upload-hint{font-size:.75rem}.file-card .file-info{padding:12px}.file-title{font-size:.9rem}.file-description{font-size:.8rem;margin-bottom:8px}.file-tag{font-size:.7rem;padding:3px 6px}.modal-overlay{padding:0}.modal-content{max-height:100vh;height:100vh;border-radius:0}.modal-details{padding:20px 16px}.modal-details h2{font-size:1.25rem}.auth-card{padding:20px;border-radius:12px}.auth-title{font-size:1.3rem}.auth-subtitle{font-size:.85rem;margin-bottom:24px}.form-group label{font-size:.85rem}.form-group input{padding:10px 12px;font-size:.95rem}.footer{padding:32px 0}.footer-logo{font-size:1rem}.footer-links{gap:16px}.footer-link{font-size:.8rem}.footer-copyright{font-size:.75rem;margin-top:16px;padding-top:16px}.admin-main{padding:100px 0 40px}.admin-title{font-size:1.5rem;margin-bottom:24px}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-card .stat-value{font-size:1.4rem}.stat-card .stat-label{font-size:.75rem}.stat-icon{width:36px;height:36px}.stat-icon svg{width:18px;height:18px}.admin-section{padding:20px;margin-bottom:20px}.admin-section .section-title{font-size:1.1rem;margin-bottom:16px}.btn{min-height:44px;padding:12px 20px}.mobile-menu-btn{min-width:44px;min-height:44px;padding:12px}.action-btn{min-width:40px;min-height:40px}}@media(max-width:360px){.container{padding:0 12px;width:100%;max-width:100%}.header-inner{height:56px}.logo{font-size:1rem}.logo-icon{width:24px;height:24px}.logo-icon svg{width:12px;height:12px}.dashboard-main{padding:68px 0 24px}.hero{padding:80px 0 40px}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.section-title{font-size:1.25rem}.feature-card{padding:20px}.stats-grid{grid-template-columns:1fr;gap:16px;text-align:center}.cta-box{padding:28px 16px}.cta-title{font-size:1.15rem}.admin-stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{flex-direction:row;text-align:left}.mobile-sidebar{width:100%;max-width:100%}.search-bar{flex-direction:column;gap:8px}.search-input-wrapper{padding:10px 12px}.upload-label{padding:24px 12px}.upload-text{font-size:.85rem}.upload-hint{font-size:.7rem}.file-card{border-radius:10px}.btn{padding:10px 16px;font-size:.85rem}}.mobile-blocker{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--white);z-index:99999;padding:24px}.mobile-blocker-content{text-align:center;max-width:400px;animation:mobileBlockerFadeIn .6s ease-out}@keyframes mobileBlockerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-blocker-icon{width:100px;height:100px;margin:0 auto 32px;background:var(--black);border-radius:20px;display:flex;align-items:center;justify-content:center;animation:mobileBlockerPulse 2s ease-in-out infinite;box-shadow:0 20px 60px #00000026}@keyframes mobileBlockerPulse{0%,to{transform:scale(1);box-shadow:0 20px 60px #00000026}50%{transform:scale(1.03);box-shadow:0 25px 70px #0003}}.mobile-blocker-icon svg{width:50px;height:50px;color:var(--white)}.mobile-blocker h1{font-size:2rem;font-weight:700;color:var(--black);margin-bottom:16px;letter-spacing:-.02em}.mobile-blocker p{font-size:1.1rem;color:var(--gray-600);line-height:1.6;margin-bottom:12px}.mobile-blocker-hint{font-size:.95rem!important;color:var(--gray-400)!important;margin-top:24px!important}.settings-page{min-height:100vh;background:var(--gray-50)}.settings-page .header-left{display:flex;align-items:center;gap:16px}.settings-page .back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--gray-100);transition:background var(--transition)}.settings-page .back-btn:hover{background:var(--gray-200)}.settings-page .back-btn svg{width:20px;height:20px;color:var(--gray-600)}.settings-main{padding:100px 24px 48px;max-width:720px;margin:0 auto}.settings-container{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:32px}.settings-title{font-size:1.75rem;font-weight:700;margin-bottom:24px}.settings-error,.settings-success{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:.9rem}.settings-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.settings-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.settings-section{padding:24px 0;border-bottom:1px solid var(--gray-100)}.settings-section:last-of-type{border-bottom:none}.settings-section .section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;text-align:left}.settings-section .section-header svg{width:24px;height:24px;color:var(--gray-500)}.settings-section .section-header h2{font-size:1.125rem;font-weight:600}.settings-content{display:flex;flex-direction:column;gap:20px}.profile-pic-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:12px}.profile-pic-wrapper{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;cursor:pointer;transition:transform var(--transition)}.profile-pic-wrapper:hover{transform:scale(1.05)}.profile-pic{width:100%;height:100%;object-fit:cover}.profile-pic-placeholder{width:100%;height:100%;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.profile-pic-placeholder svg{width:40px;height:40px;color:var(--gray-400)}.profile-pic-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition)}.profile-pic-wrapper:hover .profile-pic-overlay{opacity:1}.profile-pic-overlay svg{width:24px;height:24px;color:var(--white)}.profile-pic-hint{font-size:.85rem;color:var(--gray-500)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:500;color:var(--gray-700);display:flex;align-items:center;gap:8px}.form-group label svg{width:18px;height:18px;color:var(--gray-500)}.form-group input,.form-group select{padding:12px 16px;border:1px solid var(--gray-200);border-radius:8px;font-size:.95rem;transition:border-color var(--transition)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--black)}.form-group .input-disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.input-with-prefix{display:flex;align-items:center;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;transition:border-color var(--transition)}.input-with-prefix:focus-within{border-color:var(--black)}.input-prefix{padding:12px 0 12px 12px;background:var(--gray-50);color:var(--gray-500);font-size:.95rem;font-weight:500;border-right:1px solid var(--gray-200)}.input-with-prefix input{border:none;flex:1;padding:12px 16px 12px 8px}.input-with-prefix input:focus{border:none}.input-hint{font-size:.8rem;color:var(--gray-500)}.theme-options{display:flex;gap:16px}.theme-option{flex:1;padding:16px;border:2px solid var(--gray-200);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all var(--transition)}.theme-option:hover{border-color:var(--gray-400)}.theme-option.active{border-color:var(--black);background:var(--gray-50)}.theme-option svg{width:20px;height:20px;color:var(--black)}.theme-preview{width:60px;height:40px;border-radius:8px;border:1px solid var(--gray-200)}.theme-preview.light-preview{background:linear-gradient(180deg,#fff,#f5f5f5)}.theme-preview.dark-preview{background:linear-gradient(180deg,#262626,#171717)}.settings-actions{margin-top:32px;display:flex;justify-content:flex-end}.save-btn{padding:12px 32px}.save-btn.disabled{opacity:.5;cursor:not-allowed}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--gray-600)}.profile-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.profile-modal{background:var(--white);border-radius:20px;width:100%;max-width:420px;padding:40px;text-align:center;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-modal-header{margin-bottom:32px}.profile-modal-logo{width:56px;height:56px;background:var(--black);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.profile-modal-logo svg{width:28px;height:28px;color:var(--white)}.profile-modal-header h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.profile-modal-subtitle{font-size:.9rem;color:var(--gray-500)}.profile-modal-content{margin-bottom:32px}.profile-modal-content h3{font-size:1.125rem;font-weight:600;margin-bottom:8px}.step-subtitle{font-size:.9rem;color:var(--gray-500);margin-bottom:24px}.profile-modal-error{background:#fef2f2;color:#dc2626;padding:10px 16px;border-radius:8px;font-size:.85rem;margin-bottom:16px}.profile-form-group{text-align:left}.profile-form-group input{width:100%;padding:14px 16px;border:1px solid var(--gray-200);border-radius:10px;font-size:1rem;transition:border-color var(--transition)}.profile-form-group input:focus{outline:none;border-color:var(--black)}.profile-form-group .input-with-prefix{border-radius:10px}.profile-form-group .input-with-prefix input{border:none}.profile-pic-upload{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-pic-wrapper.large{width:120px;height:120px}.profile-pic-wrapper.large .profile-pic-placeholder{flex-direction:column;gap:8px}.profile-pic-wrapper.large .profile-pic-placeholder span{font-size:.8rem;color:var(--gray-500)}.profile-modal-actions{display:flex;gap:12px;justify-content:center}.btn-skip{padding:12px 24px;color:var(--gray-500);font-size:.9rem;font-weight:500;transition:color var(--transition)}.btn-skip:hover{color:var(--gray-700)}.btn-continue{padding:12px 32px;background:var(--black);color:var(--white);border-radius:10px;font-size:.95rem;font-weight:500;transition:background var(--transition)}.btn-continue:hover{background:var(--gray-800)}.btn-continue:disabled{opacity:.6;cursor:not-allowed}.profile-modal-progress{display:flex;justify-content:center;gap:8px;margin-top:24px}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--gray-200);transition:background var(--transition)}.progress-dot.active{background:var(--black)}.user-detail-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.user-detail-modal{background:var(--white);border-radius:20px;width:100%;max-width:640px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .3s ease;position:relative}.modal-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--gray-100);transition:background var(--transition);z-index:10}.modal-close-btn:hover{background:var(--gray-200)}.modal-close-btn svg{width:18px;height:18px;color:var(--gray-600)}.modal-loading,.modal-error{padding:60px;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--gray-600)}.modal-success{background:#f0fdf4;color:#16a34a;padding:10px 16px;margin:0 24px;border-radius:8px;font-size:.85rem}.user-detail-header{padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--gray-100)}.user-avatar{width:56px;height:56px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar svg{width:28px;height:28px;color:var(--gray-400)}.user-header-info{flex:1;min-width:0}.user-header-info h2{font-size:1.125rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-username{font-size:.85rem;color:var(--gray-500)}.user-email{font-size:.85rem;color:var(--gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tier-badge{padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tier-badge.tier-free{background:var(--gray-100);color:var(--gray-600)}.tier-badge.tier-starter{background:#dbeafe;color:#1d4ed8}.tier-badge.tier-pro{background:#e9d5ff;color:#7c3aed}.tier-badge.tier-plus{background:#fef3c7;color:#d97706}.user-detail-tabs{display:flex;border-bottom:1px solid var(--gray-100);padding:0 24px}.user-detail-tabs .tab{display:flex;align-items:center;gap:8px;padding:16px 20px;font-size:.9rem;font-weight:500;color:var(--gray-500);border-bottom:2px solid transparent;transition:all var(--transition)}.user-detail-tabs .tab:hover{color:var(--gray-700)}.user-detail-tabs .tab.active{color:var(--black);border-bottom-color:var(--black)}.user-detail-tabs .tab svg{width:18px;height:18px}.user-detail-content{flex:1;overflow-y:auto;padding:24px}.info-tab .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--gray-50);border-radius:8px}.info-label{font-size:.8rem;color:var(--gray-500)}.info-value{font-size:.95rem;font-weight:500;word-break:break-all}.files-tab .files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.files-tab .file-card{border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.files-tab .file-thumb{aspect-ratio:1;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.files-tab .file-thumb img{width:100%;height:100%;object-fit:cover}.files-tab .video-icon{font-size:24px;color:var(--gray-400)}.files-tab .file-info{padding:10px;display:flex;flex-direction:column;gap:2px}.files-tab .file-title{font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-tab .file-meta{font-size:.7rem;color:var(--gray-500)}.empty-message{color:var(--gray-500);text-align:center;padding:24px}.referral-tab .referral-section{margin-bottom:24px}.referral-tab h4{font-size:.9rem;font-weight:600;margin-bottom:12px}.referral-code-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--gray-100);border-radius:8px;font-size:.9rem;font-weight:500}.referral-code-badge svg{width:16px;height:16px;color:var(--gray-500)}.admin-tag{background:var(--black);color:var(--white);padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600}.own-referral{display:flex;flex-direction:column;gap:12px}.referral-stats{display:flex;gap:24px}.referral-stats .stat{display:flex;flex-direction:column;gap:2px}.referral-stats .stat-value{font-size:1.25rem;font-weight:600}.referral-stats .stat-label{font-size:.8rem;color:var(--gray-500)}.plan-tab h4{font-size:.9rem;font-weight:600;margin-bottom:8px}.plan-subtitle{font-size:.85rem;color:var(--gray-500);margin-bottom:20px}.tier-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tier-option{padding:16px;border:2px solid var(--gray-200);border-radius:10px;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition)}.tier-option:hover:not(:disabled){border-color:var(--gray-400)}.tier-option.active{border-color:var(--black);background:var(--gray-50)}.tier-option:disabled{opacity:.5;cursor:not-allowed}.tier-name{font-weight:500}.current-tag{font-size:.7rem;color:var(--gray-500)}.tier-updating{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:var(--gray-500);font-size:.85rem}.loading-spinner.small{width:16px;height:16px}.clickable-row{cursor:pointer;transition:background var(--transition)}.clickable-row:hover{background:var(--gray-50)!important}.upgrade-alert{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:20px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upgrade-alert-storage{border-left:4px solid var(--black)}.upgrade-alert-fileSize{border-left:4px solid #dc2626}.upgrade-alert-analysis{border-left:4px solid #4f46e5}.upgrade-alert-info{border-left:4px solid var(--gray-400)}.upgrade-alert-icon{flex-shrink:0;width:24px;height:24px;color:var(--black)}.upgrade-alert-icon svg{width:100%;height:100%}.upgrade-alert-content{flex:1;min-width:0}.upgrade-alert-title{font-size:.95rem;font-weight:600;margin:0 0 4px;color:var(--black)}.upgrade-alert-message{font-size:.875rem;color:var(--gray-600);margin:0;line-height:1.5}.upgrade-alert-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.upgrade-alert-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--black);color:var(--white);font-size:.85rem;font-weight:500;border-radius:6px;text-decoration:none;transition:background .2s ease;white-space:nowrap}.upgrade-alert-btn:hover{background:var(--gray-800)}.upgrade-alert-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--gray-500);transition:all .2s ease}.upgrade-alert-close:hover{background:var(--gray-100);color:var(--black)}.upgrade-alert-close svg{width:16px;height:16px}.current-plan-badge{display:flex;align-items:center;gap:32px;padding:16px 24px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:24px;width:100%;max-width:700px}.plan-info{display:flex;flex-direction:column;gap:2px;min-width:100px}.plan-label{font-size:.75rem;color:var(--gray-500);letter-spacing:.02em}.plan-name{font-size:1rem;font-weight:600;color:var(--black)}.plan-name.plan-free{color:var(--gray-600)}.plan-name.plan-starter{color:var(--black)}.plan-name.plan-pro{background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-name.plan-plus{background:linear-gradient(135deg,#1a1a1a,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-upgrade-link{margin-left:auto;font-size:.85rem;color:var(--gray-500);text-decoration:none;transition:color .2s ease}.plan-upgrade-link:hover{color:var(--black)}.usage-stats{display:flex;gap:20px;flex-wrap:wrap}.usage-stat{display:flex;flex-direction:column;gap:4px}.usage-stat-label{font-size:.75rem;color:var(--gray-500)}.usage-stat-value{font-size:.9rem;font-weight:500;color:var(--black)}@media(max-width:600px){.upgrade-alert{flex-direction:column;gap:12px}.upgrade-alert-actions{width:100%}.upgrade-alert-btn{flex:1;justify-content:center}.current-plan-badge{flex-wrap:wrap}}.pricing-page{min-height:100vh;background:var(--white);color:var(--black);padding:120px 24px 80px;font-family:var(--font-family)}.pricing-container{max-width:1100px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:48px}.pricing-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.pricing-subtitle{color:var(--gray-500);font-size:1.05rem;max-width:480px;margin:0 auto;line-height:1.6}.pricing-section{margin-bottom:64px}.section-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:8px}.section-subtitle{color:var(--gray-500);text-align:center;margin-bottom:32px}.pricing-grid.subscriptions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.pricing-card-wrapper{border:1px solid var(--gray-200);border-radius:12px;transition:border-color .2s ease,transform .2s ease;height:100%}.pricing-card-wrapper:hover{border-color:var(--gray-400);transform:translateY(-4px)}.pricing-card-wrapper.recommended{border-color:var(--black);box-shadow:0 8px 24px #0000001a}.card-gradient{display:none}.pricing-card{padding:32px;height:100%;display:flex;flex-direction:column}.recommended-badge{display:inline-block;background:var(--black);color:var(--white);font-size:.7rem;font-weight:600;letter-spacing:.08em;padding:6px 12px;border-radius:4px;margin-bottom:16px;text-transform:uppercase;width:fit-content}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:16px}.card-price{display:flex;align-items:baseline;gap:6px;margin-bottom:32px}.amount{font-size:2.5rem;font-weight:700;line-height:1}.period{color:var(--gray-500);font-size:1rem}.feature-list{margin-bottom:32px;flex-grow:1;list-style:none;padding:0}.feature-item{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--gray-600);font-size:.95rem}.feature-icon{width:18px;height:18px;color:var(--black);flex-shrink:0}.btn-pricing{width:100%;padding:14px;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:center;border:none}.btn-pricing.primary{background:var(--black);color:var(--white)}.btn-pricing.primary:hover{background:var(--gray-800)}.btn-pricing.secondary{background:var(--white);color:var(--black);border:1px solid var(--gray-200)}.btn-pricing.secondary:hover{border-color:var(--gray-400);background:var(--gray-50)}.btn-pricing:disabled{opacity:.5;cursor:not-allowed}.storage-section{background:var(--gray-50);border-radius:16px;padding:40px;margin-top:48px}.storage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px;margin:0 auto}.storage-option-card{display:flex;align-items:center;justify-content:space-between;background:var(--white);border:1px solid var(--gray-200);padding:20px 24px;border-radius:12px;transition:border-color .2s ease}.storage-option-card:hover{border-color:var(--gray-400)}.storage-info h3{font-size:1rem;font-weight:600;margin-bottom:4px}.storage-info p{color:var(--gray-500);font-size:.85rem;margin:0}.storage-action{display:flex;align-items:center;gap:16px}.storage-price{font-size:1.25rem;font-weight:600}.btn-small{padding:10px 20px;border-radius:6px;font-size:.85rem;width:auto}.best-plan-banner{position:relative;background:var(--black);border-radius:16px;padding:48px;text-align:center;overflow:hidden;margin:0 auto;max-width:560px}.best-plan-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.1) 0%,transparent 60%);animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.best-plan-content{position:relative;z-index:1}.best-plan-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--white);border-radius:50%;margin-bottom:24px;animation:iconFloat 2.5s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.best-plan-icon svg{width:40px;height:40px;color:var(--black)}.best-plan-title{font-size:1.75rem;font-weight:700;color:var(--white);margin-bottom:12px;letter-spacing:-.02em}.best-plan-subtitle{font-size:1rem;color:var(--gray-400);margin-bottom:24px;line-height:1.6}.best-plan-subtitle strong{color:var(--white)}.best-plan-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:.85rem;color:var(--white);font-weight:500}.best-plan-badge .badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.8;box-shadow:0 0 0 6px #22c55e00}}.pricing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;color:var(--gray-500);font-size:.95rem}.pricing-spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--black);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-upgrades-message{text-align:center;padding:32px;color:var(--gray-500);font-size:1rem}@media(max-width:900px){.pricing-grid.subscriptions,.storage-grid{grid-template-columns:1fr}}@media(max-width:768px){.pricing-page{padding:100px 16px 60px}.pricing-header{margin-bottom:40px}.pricing-card{padding:24px}.card-title{font-size:1.25rem}.amount{font-size:2rem}.storage-section{padding:24px}.storage-option-card{flex-direction:column;align-items:flex-start;gap:12px}.storage-action{width:100%;justify-content:space-between}.best-plan-banner{padding:32px 24px}.best-plan-title{font-size:1.5rem}.best-plan-icon{width:64px;height:64px}.best-plan-icon svg{width:32px;height:32px}}.checkout-page{min-height:100vh;background:var(--gray-50);display:flex;align-items:center;justify-content:center;padding:24px}.checkout-container{width:100%;max-width:440px}.checkout-header{text-align:center;margin-bottom:32px}.checkout-header h1{font-size:1.5rem;font-weight:700;margin-bottom:16px}.checkout-product{display:flex;justify-content:space-between;align-items:center;background:var(--white);border:1px solid var(--gray-200);padding:16px 20px;border-radius:10px}.product-name{font-weight:600}.product-price{font-size:1.25rem;font-weight:700}.checkout-form{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:32px;margin-bottom:16px}.checkout-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:20px;text-align:center}.checkout-form .form-group{margin-bottom:20px}.checkout-form label{display:block;font-size:.85rem;font-weight:500;color:var(--gray-700);margin-bottom:8px}.checkout-form input{width:100%;padding:14px 16px;border:1px solid var(--gray-200);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s ease}.checkout-form input:focus{outline:none;border-color:var(--black)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkout-btn{width:100%;padding:16px;background:var(--black);color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease;margin-top:8px}.checkout-btn:hover{background:var(--gray-800)}.checkout-btn:disabled{opacity:.6;cursor:not-allowed}.checkout-note{text-align:center;font-size:.8rem;color:var(--gray-500);margin-top:16px;line-height:1.5}.demo-badge{display:inline-block;background:var(--gray-100);color:var(--gray-600);font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:4px 8px;border-radius:4px;margin-right:8px}.checkout-back{display:block;width:100%;text-align:center;color:var(--gray-500);font-size:.9rem;padding:12px;background:none;border:none;cursor:pointer;transition:color .2s ease}.checkout-back:hover{color:var(--black)}.checkout-success{min-height:100vh;background:var(--gray-50);display:flex;align-items:center;justify-content:center;padding:24px}.success-container{text-align:center;max-width:400px}.success-icon{width:64px;height:64px;background:var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.success-icon svg{width:32px;height:32px;color:var(--white)}.success-container h1{font-size:1.75rem;font-weight:700;margin-bottom:12px}.success-container p{color:var(--gray-500);margin-bottom:32px}.success-btn{display:inline-block;padding:14px 32px;background:var(--black);color:var(--white);border-radius:8px;font-weight:600;text-decoration:none;transition:background .2s ease}.success-btn:hover{background:var(--gray-800)}.referral-page{min-height:100vh;background:var(--gray-50);padding:120px 24px 60px}.referral-container{max-width:600px;margin:0 auto}.referral-container h1{font-size:2rem;font-weight:700;margin-bottom:12px}.referral-subtitle{color:var(--gray-500);margin-bottom:32px;line-height:1.6}.referral-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:24px}.create-referral{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:32px}.create-referral h2{font-size:1.25rem;font-weight:600;margin-bottom:20px}.code-input-wrapper{display:flex;align-items:center;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;margin-bottom:16px}.code-prefix{background:var(--gray-100);padding:12px 16px;color:var(--gray-500);font-size:.9rem;white-space:nowrap}.code-input-wrapper input{flex:1;border:none;padding:12px 16px;font-size:1rem;font-family:inherit}.code-input-wrapper input:focus{outline:none}.referral-dashboard{display:flex;flex-direction:column;gap:24px}.referral-link-box{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:24px}.referral-link-box label{display:block;font-size:.85rem;font-weight:500;color:var(--gray-500);margin-bottom:10px}.link-copy-row{display:flex;gap:8px}.link-copy-row input{flex:1;padding:12px 16px;border:1px solid var(--gray-200);border-radius:8px;font-size:.95rem;background:var(--gray-50);font-family:monospace}.copy-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-200);border-radius:8px;background:var(--white);cursor:pointer;position:relative;transition:all .2s ease}.copy-btn:hover{border-color:var(--black);background:var(--gray-50)}.copy-btn svg{width:20px;height:20px}.copied-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--black);color:var(--white);font-size:.75rem;padding:4px 8px;border-radius:4px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:20px;text-align:center}.stat-card.highlight{background:var(--black);border-color:var(--black)}.stat-card.highlight .stat-value,.stat-card.highlight .stat-label{color:var(--white)}.stat-value{display:block;font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{font-size:.8rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.progress-section{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:20px}.progress-label{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:12px}.progress-label span:last-child{color:var(--gray-500)}.progress-bar{height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--black);border-radius:4px;transition:width .3s ease}.claim-section{background:var(--white);border:2px solid var(--black);border-radius:12px;padding:24px;text-align:center}.claim-section h3{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.125rem;margin-bottom:8px}.claim-section h3 svg{width:24px;height:24px}.claim-section>p{color:var(--gray-500);margin-bottom:20px}.claim-buttons{display:flex;align-items:center;justify-content:center;gap:16px}.claim-btn{display:flex;flex-direction:column;align-items:center;padding:20px 32px;border:1px solid var(--gray-200);border-radius:12px;background:var(--white);cursor:pointer;transition:all .2s ease}.claim-btn:hover{border-color:var(--black);transform:scale(1.02)}.claim-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.claim-value{font-size:1.5rem;font-weight:700;margin-bottom:4px}.claim-type{font-size:.85rem;color:var(--gray-500)}.or{color:var(--gray-400);font-size:.9rem}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}.claim-buttons{flex-direction:column}.claim-btn{width:100%}.or{display:none}}.referral-used-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.referral-used-modal{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:2.5rem;max-width:420px;width:90%;text-align:center;box-shadow:0 25px 80px #0000004d;animation:slideUp .3s ease-out}.referral-used-icon{width:72px;height:72px;margin:0 auto 1.5rem;background:#0a0a0a;border-radius:50%;display:flex;align-items:center;justify-content:center}.referral-used-icon svg{width:36px;height:36px;color:#fff}.referral-used-modal h2{color:#0a0a0a;font-size:1.5rem;font-weight:600;margin:0 0 .75rem;letter-spacing:-.02em}.referral-used-modal p{color:#000000a6;font-size:1rem;line-height:1.6;margin:0 0 2rem}.referral-used-btn{background:#0a0a0a;color:#fff;border:none;padding:.875rem 3rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.referral-used-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000040}.referral-used-btn:active{transform:translateY(0)}