:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 8px oklch(0 0 0 / .08);--shadow-md: 0 6px 20px oklch(0 0 0 / .12);--shadow-lg: 0 16px 40px oklch(0 0 0 / .18);--ease-standard: cubic-bezier(.2, .6, .2, 1);--ease-emph: cubic-bezier(.2, .8, .2, 1);--duration-fast: .12s;--duration-std: .24s;--duration-slow: .42s;--ring-color: var(--color-info);--ring-offset: 2px;--ring-width: 2px;--glass-bg: color-mix(in oklch, var(--color-background), transparent 25%);--glass-stroke: color-mix( in oklch, var(--color-border-hover), transparent 45% );--glass-blur: 10px;color-scheme:light dark}.light,.app.light{--bg-dark: oklch(.94 .02 275);--bg: oklch(.99 .01 272);--bg-light: oklch(.97 .02 272);--text: oklch(.16 .09 278);--text-muted: oklch(.5 .05 272);--highlight: oklch(.98 .09 278);--border: oklch(.65 .05 274);--border-muted: oklch(.78 .03 274);--primary: oklch(.58 .2 278);--secondary: oklch(.66 .13 286);--danger: oklch(.58 .14 25);--warning: oklch(.86 .11 95);--success: oklch(.7 .12 155);--info: oklch(.63 .12 270);--color-background: var(--bg);--color-background-soft: var(--bg-light);--color-background-mute: var(--bg-dark);--color-border: var(--border-muted);--color-border-hover: var(--border);--color-heading: var(--text);--color-text: var(--text);--color-text-muted: var(--text-muted);--color-primary: var(--primary);--color-secondary: var(--secondary);--color-danger: var(--danger);--color-warning: var(--warning);--color-success: var(--success);--color-info: var(--info)}.dark,.app.dark{--bg-dark: oklch(.12 .05 276);--bg: oklch(.16 .05 276);--bg-light: oklch(.2 .05 276);--text: oklch(.97 .07 280);--text-muted: oklch(.78 .04 274);--highlight: oklch(.26 .06 282);--border: oklch(.42 .06 276);--border-muted: oklch(.32 .05 276);--primary: oklch(.8 .2 278);--secondary: oklch(.78 .13 286);--danger: oklch(.72 .12 25);--warning: oklch(.9 .12 95);--success: oklch(.76 .12 155);--info: oklch(.8 .12 270);--color-background: var(--bg);--color-background-soft: var(--bg-light);--color-background-mute: var(--bg-dark);--color-border: var(--border-muted);--color-border-hover: var(--border);--color-heading: var(--text);--color-text: var(--text);--color-text-muted: var(--text-muted);--color-primary: var(--primary);--color-secondary: var(--secondary);--color-danger: var(--danger);--color-warning: var(--warning);--color-success: var(--success);--color-info: var(--info)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;line-height:1.6;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s}.app{height:100%;padding-top:3.5rem;padding-left:10px;padding-right:10px;min-height:100vh;background:var(--color-background)}#app{font-weight:400;margin:0 auto}a{text-decoration:none;color:var(--color-primary);transition:.3s;padding:3px}@media (hover: hover){a:hover{color:var(--color-secondary);text-decoration:underline}}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:radial-gradient(1200px 800px at 10% -10%,color-mix(in oklch,var(--color-info),transparent 92%),transparent),radial-gradient(1000px 600px at 110% 10%,color-mix(in oklch,var(--color-secondary),transparent 92%),transparent),var(--color-background);color:var(--color-text);line-height:1.6}.container{width:min(1200px,92vw);margin-inline:auto}a{color:var(--color-info);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:var(--ring-width) solid color-mix(in oklch,var(--ring-color),transparent 10%);outline-offset:var(--ring-offset);border-radius:var(--radius-xs)}*{scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--color-border),transparent 30%) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--color-border),transparent 30%);border-radius:999px}*::-webkit-scrollbar-track{background:transparent}::selection{background:color-mix(in oklch,var(--color-info),transparent 70%)}.visually-hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.active{background-color:var(--color-background-soft)}.success{color:var(--color-success)}.error{color:var(--color-danger)}.section-header{color:var(--color-primary);margin:2rem 0 1rem;font-size:1.5rem;font-weight:600;border-bottom:2px solid var(--color-border);padding-bottom:.5rem;width:100%}.usage-text{color:var(--color-text)}.status-success{color:var(--color-success);font-weight:600}.status-error{color:var(--color-danger);font-weight:600}.no-data-message{text-align:center;font-size:1rem;color:var(--color-border-hover);margin:2rem 0;padding:1rem}.loading-message{text-align:center;color:var(--color-border-hover);padding:2rem;font-style:italic}.error{text-align:center;font-size:.9rem;color:var(--color-danger);background:var(--color-background-mute);padding:.5rem;border-radius:4px;margin:.5rem 0}.error-message{color:#e74c3c;background:#e74c3c1a;padding:.5rem;border-radius:4px;margin:.5rem 0}.mobile-hidden{display:block}.mobile-only{display:none}.arrow{border:solid var(--color-primary);border-width:0 3px 3px 0;display:inline-block;padding:3px}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.arrow-icon{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-primary);transition:transform .2s ease;cursor:pointer}.arrow-right{transform:rotate(-90deg)}.main-layout{display:flex;min-height:87vh}.left-sidebar{background-color:var(--color-background-soft);position:relative;display:flex;flex-direction:column;padding-right:1rem;max-width:600px;flex-shrink:0}.right-sidebar{background-color:var(--color-background-mute);position:relative;display:flex;flex-direction:column;height:100%;flex-shrink:0}.resize-handle-left{position:absolute;left:0;top:0;width:5px;height:100%;cursor:ew-resize;background:transparent;z-index:10}.resize-handle-left:hover,.resize-handle-left.active{background:var(--color-primary, #007bff)}.sidebar-header{display:flex;justify-content:flex-end;padding:4px}.collapse-btn{cursor:pointer;background:transparent;border:none;color:var(--color-primary);font-size:1rem;padding:4px}.collapse-btn:hover{color:var(--color-primary)}.resize-handle{position:absolute;top:0;right:-2px;width:4px;height:100%;margin-right:5px;background:transparent;cursor:col-resize;z-index:10;transition:background-color .2s ease}.resize-handle:hover,.resize-handle.active{background:var(--color-primary, #007bff)}.main-content{flex:1;display:flex;padding-right:1rem;min-width:0;justify-content:center;align-items:flex-start;background:var(--color-background, #f8f9fa)}.content-container{text-align:center;width:100%;margin:5px}.page-content{max-width:800px;line-height:1.7;font-size:1.05rem;text-align:left;padding:0 1rem;color:var(--color-text)}.page-section{margin-bottom:2rem}.page-section h2{color:var(--color-heading);font-size:1.5rem;margin-bottom:1rem;font-weight:600}.page-section p{color:var(--color-text-muted);margin-bottom:1rem}.page-section a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.page-section a:hover{color:var(--color-secondary);text-decoration:underline}.page-section ul{color:var(--color-text-muted);margin-bottom:1rem;padding-left:1.5rem}.page-section li{margin-bottom:.5rem}.page-section strong{color:var(--color-heading);font-weight:600}.nav-container img,.nav-container svg{height:20px}.nav-container{position:fixed;top:0;left:0;right:0;background-color:var(--color-background);display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .75rem;min-height:44px;height:auto;box-shadow:0 2px 4px var(--color-border-hover);z-index:1000;overflow:visible}.nav-container .left-section,.nav-container .right-section{display:flex;align-items:center;gap:.25rem}.nav-container .right-section{position:relative}.nav-container img,.nav-container svg{width:20px;height:20px}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;padding:.25rem 0;margin:0;list-style:none;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:1100}.dropdown-menu li{display:block}.dropdown-menu a,.dropdown-menu li{display:block;padding:.5rem .75rem;white-space:nowrap;cursor:pointer}@media (max-width: 768px){.nav-container{padding:.375rem .75rem;flex-wrap:wrap;row-gap:.25rem}.nav-container .left-section{flex:1 1 50%}.nav-container .right-section{flex:1 1 50%;justify-content:flex-end}.bp-action-button{padding:.35rem .5rem;min-height:32px}.nav-container img,.nav-container svg{width:18px;height:18px}}@media (max-width: 480px){.nav-container{flex-direction:column;align-items:stretch;padding:.5rem}.nav-container .left-section,.nav-container .right-section{justify-content:space-between}}:root{--nav-height: 5rem}.app{padding-top:var(--nav-height)}@media (max-width: 720px){:root{--nav-height: 128px}}.bp-action-button{margin:1rem 0;font-size:.9rem;font-weight:600;color:var(--color-primary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.bp-account-action-button{font-size:1.2rem;margin:0;padding:.5rem}.bp-action-button:hover{background-color:var(--color-background-soft)}.bp-action-button:active{transform:translateY(1px)}.small-icon-button{z-index:30;margin-top:6px;font-size:.78rem;color:var(--color-text-muted)}.small-icon-button:hover{box-shadow:0 2px 6px color-mix(in oklch,var(--color-border-hover),transparent 60%)}.small-icon-button:active{color:var(--color-text-muted);box-shadow:0 2px 6px color-mix(in oklch,var(--color-border-hover),transparent 60%)}.bp-button{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem;margin:3px;border:none;background:transparent;color:var(--color-text);cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);font-size:.9rem;background-color:var(--color-background-mute)}.bp-button-close{margin:1px}.bp-button:hover:not(:disabled){background-color:var(--highlight)}.bp-button:active{background-color:var(--highlight)}.bp-button:active:not(:disabled){transform:translateY(1px)}.bp-button:disabled{color:var(--color-border);border-color:var(--color-border);background-color:var(--color-background-mute);cursor:not-allowed;transform:none}.bp-button.disabled{color:var(--color-border);border-color:var(--color-border);background-color:var(--color-background-mute);cursor:not-allowed;transform:none}.button-group{display:flex;align-items:stretch;border-radius:6px;overflow:hidden;border-collapse:separate}.button-group .bp-button{margin-left:0;margin-right:0}.button-group .bp-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.button-group .bp-button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.button-group .bp-button:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.button-group .bp-button:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.form-row-button{padding:.4rem .8rem;font-size:.85rem;font-weight:600;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:4px;cursor:pointer;transition:all .2s ease}.form-row-button:hover{background-color:var(--color-background-soft)}.primary-button,.secondary-button{padding:1rem 2rem;border-radius:8px;margin:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-button{background:var(--color-primary);color:var(--color-background);border:none}.secondary-button{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.primary-button:hover{background:var(--color-secondary);transform:translateY(-2px)}.secondary-button:hover{background:var(--color-background-soft);transform:translateY(-2px)}.add-folder-btn{padding:.5rem 1rem;background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.add-folder-btn:hover:not(:disabled){background-color:var(--color-secondary)}.add-folder-btn:disabled{background-color:var(--color-border);cursor:not-allowed}.save-button{width:100%;padding:8px 16px}.login-form{background-color:var(--color-background);box-shadow:0 4px 12px var(--color-border-hover);border-radius:8px;padding:2rem;display:flex;flex-direction:column;align-items:center;border:1px solid var(--color-border)}.input-field{width:250px;padding:.75rem;margin:.5rem 0;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;background:var(--color-background);color:var(--color-text);transition:border-color .3s ease}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.add-folder-form{display:flex;gap:.5rem;align-items:center;margin:.5rem 0 .5rem 2rem}.add-folder-form input{width:200px;padding:.5rem;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;background:var(--color-background);color:var(--color-text)}.add-folder-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.password-form{margin-top:1.5rem}.password-form .form-group{margin-bottom:1rem}.password-form label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-primary)}.password-form input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;background:var(--color-background);color:var(--color-text);transition:border-color .3s ease}.password-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.password-form .error-message{color:var(--color-danger);margin-bottom:1rem;padding:.5rem;background-color:var(--color-background-mute);border-radius:4px}.password-form .button-group{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.table-container{text-align:center;width:100%;margin:1rem 0 2rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--color-border-hover);background:var(--color-background);color:var(--color-text)}.table-container table{width:100%;border-collapse:collapse}.table-container th,.table-container td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.table-container th{background:var(--color-primary);color:var(--color-background);font-weight:600;font-size:.9rem}.table-container tr:nth-child(2n){background:var(--color-background-soft)}.table-container tr:hover{background:var(--color-background-mute)}.table-container tr.form-row{background-color:var(--color-background-soft)}.table-container tr.form-row:hover{background-color:var(--color-background-mute)}.table-container tr.form-row td{padding:.5rem 1rem}.table-container select,.table-container input{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;background:var(--color-background);color:var(--color-text);transition:border-color .3s ease}.table-container select:focus,.table-container input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.table-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-background);color:var(--color-text);background-image:none;padding-right:2rem}.file-type-cell{position:relative}.folder-tree-container{padding:1rem}.folder-tree-header{margin-bottom:1rem}.folder-item{position:relative}.folder-content{position:relative;padding:.5rem 0}.folder-header{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem 0;border-radius:4px;-webkit-user-select:none;user-select:none;background:transparent}.folder-header:hover{background-color:var(--color-background-soft)}.folder-header.selected{background-color:var(--highlight)}.folder-header.selected .folder-name{color:var(--color-primary)}.folder-controls{display:flex;align-items:center;gap:.25rem}.folder-icon{color:var(--color-text)}.folder-name{color:var(--color-primary);font-size:.9rem;cursor:pointer}.folder-delete{color:var(--color-danger);float:right;margin-left:auto;opacity:0;transition:opacity .2s ease}.folder-share{color:var(--color-info);float:right;margin-left:1px;opacity:0;transition:opacity .2s ease}.folder-header:hover .folder-delete,.folder-header:hover .folder-share{opacity:1}.children{position:relative}.children:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background-color:var(--color-border)}.folders-section{margin:.75rem}.folders-grid.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.folders-grid.list-view{display:flex;flex-direction:column;gap:.5rem}.folder-card{display:flex;align-items:center;gap:.75rem;padding:.875rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.folder-card:hover{background-color:var(--glass-bg);transform:translateY(-1px)}.files-toolbar{display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:.5rem .75rem}.search-wrap{display:inline-flex;align-items:center;gap:.25rem;position:relative}.search-input{padding:.5rem .65rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);width:min(320px,52vw);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.search-input:focus{outline:none;border-color:var(--ring-color);box-shadow:0 0 0 var(--ring-width) color-mix(in oklch,var(--ring-color),transparent 75%)}.view-toggle{display:inline-flex;gap:.25rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2px}.toggle-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border:none;background:transparent;color:var(--color-text);cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);font-size:.9rem}.toggle-btn.active{background:var(--color-background);box-shadow:var(--shadow-sm)}.files-grid{padding:.75rem}.files-grid.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;align-items:stretch}.files-grid.list-view{display:grid;grid-template-columns:1fr;gap:.5rem}.file-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-standard)}.file-list{width:100%;border-top:1px solid var(--color-border)}.custom-file-upload{margin:1rem 0;border:2px dashed var(--color-border);border-radius:8px;overflow:hidden}.upload-area{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;background:var(--color-background)}.upload-area:hover{background-color:var(--color-background-soft)}.upload-area.drag-over{background-color:var(--color-background-mute);border-color:var(--color-primary)}.upload-icon{color:var(--color-primary);margin-bottom:1rem}.upload-text{color:var(--color-primary);font-size:1rem;margin:0}.progress-container{width:100%;height:20px;background-color:var(--color-background-soft);border-radius:4px;position:relative;overflow:hidden}.progress-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:var(--color-text);font-size:.8rem;font-weight:600;text-shadow:0 0 2px var(--color-border-hover)}.capacity-indicator{display:flex;align-items:center;gap:.5rem}.progress-bar{width:100px;height:8px;background-color:var(--color-background-soft);border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px var(--color-border-hover)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-info));transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-info)}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upload-indicator{position:fixed;bottom:20px;right:20px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;max-height:300px;overflow-y:auto;z-index:1000}.upload-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--color-border)}.upload-item:last-child{border-bottom:none}.upload-icon{flex-shrink:0;width:24px;height:24px}.upload-info{color:var(--color-text);flex:1;min-width:0}.save-section{padding:12px;border-top:1px solid var(--color-border)}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.download-indicator{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);gap:8px}.download-item{border-radius:8px;padding:12px 16px;display:flex;align-items:center;color:var(--color-text);gap:12px;min-width:250px}.download-item.error{color:var(--color-text);background:var(--color-danger)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.download-filename{font-weight:500;font-size:14px}.download-status{font-size:12px;color:var(--color-text)}.dropdown-menu{position:absolute;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 6px var(--color-border-hover);padding:.5rem 0;z-index:1000;list-style:none;top:100%;margin-top:.5rem;min-width:200px;max-height:300px;overflow-y:auto}.dropdown-menu-right{right:2rem}.dropdown-menu li{padding:.5rem 1rem;cursor:pointer;transition:background-color .2s;color:var(--color-primary)}.dropdown-menu li:hover{background-color:var(--color-background-soft)}.file-action-menu{position:fixed;z-index:1000;background-color:var(--color-background);border-radius:8px;box-shadow:0 4px 12px var(--color-border-hover);min-width:180px;overflow:hidden;border:1px solid var(--color-border)}.file-action-item{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;color:var(--color-primary)}.file-action-item:hover{background-color:var(--color-background-soft)}.file-action-item svg{margin-right:.75rem;color:var(--color-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:1100}.modal-content{background-color:var(--color-background);border-radius:8px;box-shadow:0 4px 20px var(--color-border-hover);width:90%;max-width:600px;max-height:90vh;overflow-y:scroll;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;color:var(--color-primary);font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-border-hover);padding:0;line-height:1}.modal-close:hover{color:var(--color-primary)}.modal-body{padding:1.5rem;flex:1}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.file-details-grid{display:grid;grid-template-columns:1fr;gap:1rem}.file-detail-item{display:grid;grid-template-columns:1fr 2fr;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.file-detail-label{font-weight:600;color:var(--color-primary)}.file-detail-value{word-break:break-word;color:var(--color-text)}.share-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.share-email-section{margin-top:2rem;padding:1.5rem;background:var(--color-background);border-radius:8px;box-shadow:0 2px 8px var(--color-border);max-width:600px;margin-left:auto;margin-right:auto}.share-email-section h3{color:var(--color-primary);margin-bottom:1rem}.email-form{display:flex;flex-direction:column;gap:1rem;background:var(--color-background)}.email-input-container{display:flex;gap:.5rem;align-items:flex-start;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;padding:.5rem;transition:all .2s ease}.email-input-container:focus-within{border-color:var(--color-border-hover);box-shadow:0 0 0 2px var(--color-border-hover)}.email-tags{display:flex;flex-wrap:wrap;gap:.5rem;flex:1;min-height:38px;align-items:center}.email-tag{display:inline-flex;align-items:center;background:var(--highlight);color:var(--color-text);padding:.25rem .5rem;border-radius:4px;font-size:.9rem;gap:.25rem}.remove-tag{background:none;border:none;color:var(--color-danger);cursor:pointer;padding:0;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%}.remove-tag:hover{background:#00808033}.email-input{border:none;outline:none;color:var(--color-text);background-color:var(--color-background);padding:.25rem;font-size:.9rem;flex:1;min-width:120px}.language-select{border:none;background:none;font-size:1.2rem;cursor:pointer;padding:.25rem;color:var(--color-info)}.language-select:focus{outline:none}.back-button{display:inline-flex;align-items:center;margin-bottom:1rem}.back-button svg{margin-right:.5rem}.share-password-prompt{max-width:400px;margin:2rem auto;padding:2rem;background-color:var(--color-background);border-radius:8px;box-shadow:0 4px 12px var(--color-border-hover);border:1px solid var(--color-border)}.share-password-prompt h3{color:var(--color-primary);margin-bottom:.5rem}.share-password-prompt p{color:var(--color-text-muted);margin-bottom:1.5rem}.add-group-popup{position:absolute;top:16rem;left:0;z-index:1000;display:flex;align-items:center;gap:.5rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;padding:1rem;box-shadow:0 2px 10px var(--color-border-hover);min-width:300px}.add-group-popup input{flex:1;padding:.5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;background:var(--color-background);color:var(--color-text)}.add-group-popup input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.group-selector-container{display:block;overflow-y:auto;overflow-x:hidden;max-height:70vh;padding-right:10px}.group-selector{text-align:left;width:100%;padding:1rem;margin:4px;border-radius:12px;background-color:var(--color-background-mute);position:relative;display:inline-block}.group-selector-crown{float:right;color:var(--color-text)}.group-selector:hover,.group-selector.active{background-color:var(--highlight)}.group-card{--hue: var(--group-hue, 260deg);display:grid;grid-template-columns:44px 1fr;gap:.9rem;align-items:center;width:100%;padding:.8rem .95rem;margin:6px 4px;border-radius:12px;background:var(--color-background-mute);border:1px solid var(--color-border);box-shadow:0 1px 0 var(--color-border-hover);cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.group-card:hover{background:var(--color-background-soft);border-color:var(--color-border-hover);box-shadow:0 2px 6px color-mix(in oklch,var(--color-border-hover),transparent 60%)}.group-card.active{outline:2px solid color-mix(in oklch,var(--highlight),transparent 60%);outline-offset:0;background:var(--color-background-soft);border-color:var(--color-border-hover)}.avatar{width:44px;height:44px;border-radius:999px;background:oklch(.78 .06 var(--hue));border:1px solid color-mix(in oklch,var(--color-border),transparent 20%);color:var(--color-heading);display:grid;place-items:center;font-weight:700;letter-spacing:.4px}.avatar span{text-transform:uppercase;font-size:.95rem}.details{min-width:0}.top-row{display:flex;align-items:center;gap:.5rem;min-width:0}.group-name{font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crown{margin-left:auto;color:var(--color-text);opacity:.9}.badge{font-size:.7rem;padding:2px 6px;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-background-mute)}.badge.pro{color:var(--color-primary);border-color:color-mix(in oklch,var(--color-primary),var(--color-border))}.capacity{margin-top:.45rem}.progress-track{height:8px;border-radius:8px;background:color-mix(in oklch,var(--color-background-mute),var(--color-border) 30%);border:1px solid var(--color-border);overflow:hidden}.progress-fill{height:100%;border-radius:8px;transition:width .16s ease;background:oklch(.7 .12 var(--hue))}.progress-fill.ok{background:var(--color-success)}.progress-fill.warning{background:var(--color-warning)}.progress-fill.danger{background:var(--color-danger)}.capacity-text{margin-top:6px;font-size:.78rem;color:var(--color-text-muted)}.folder-tree-box{margin-top:.6rem;max-height:35vh;overflow-y:auto;padding:.6rem;background:var(--color-background-mute);border-radius:8px;border:1px solid var(--color-border)}.add-button{margin:8px 4px 0}.auth-container{width:400px;border-radius:8px;box-shadow:0 4px 12px var(--color-border-hover);padding:1.5rem;margin:0 auto}.auth-container .input-field,.auth-container .phone-input-container,.auth-container .phone-input{width:100%;box-sizing:border-box}.auth-container .country-code-select{width:auto;min-width:100px}.country-code-select{flex:0 0 100px;padding:.75rem 2rem .75rem .75rem;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);background-color:var(--color-background);font-size:1rem;cursor:pointer;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right .5rem center;background-size:1em;line-height:1;display:flex;align-items:center}.country-code-select:focus{outline:none;background-color:var(--color-background);border-color:var(--border-muted)}.terms-checkbox{display:flex;align-items:center;gap:8px;margin:1rem 0;width:350px}.terms-checkbox label{font-size:.9rem;color:var(--color-text)}.terms-checkbox a{color:var(--color-primary);text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.forgot-password-container{max-width:400px;margin:2rem auto;padding:2rem;border-radius:8px;color:var(--text)}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-text);border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.verification-notice,.verification-status{color:var(--color-text);max-width:600px;margin:2rem auto;padding:2rem;text-align:center;border-radius:8px;box-shadow:0 2px 4px #0000001a}.landing-container{position:relative;z-index:1;min-height:100vh;background:transparent;isolation:isolate}.tech-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;opacity:.9}.tech-circle{position:absolute;border-radius:50%;filter:blur(18px);animation:float 20s infinite linear;opacity:.75;box-shadow:none}.tech-circle:nth-child(1){width:500px;height:500px;top:10%;left:5%;background:radial-gradient(circle,color-mix(in oklch,var(--color-primary),transparent 50%) 0%,transparent 70%);animation-duration:32s;animation-name:float1}.tech-circle:nth-child(2){width:450px;height:450px;top:60%;left:80%;background:radial-gradient(circle,color-mix(in oklch,var(--color-secondary),transparent 60%) 0%,transparent 70%);animation-duration:28s;animation-name:float2}.tech-circle:nth-child(3){width:350px;height:350px;top:30%;left:70%;background:radial-gradient(circle,color-mix(in oklch,var(--color-info),transparent 60%) 0%,transparent 70%);animation-duration:36s;animation-name:float3}.tech-circle:nth-child(4){width:400px;height:400px;top:80%;left:20%;background:radial-gradient(circle,color-mix(in oklch,var(--color-primary),transparent 60%) 0%,transparent 70%);animation-duration:26s;animation-name:float4}.tech-circle:nth-child(5){width:300px;height:300px;top:40%;left:40%;background:radial-gradient(circle,color-mix(in oklch,var(--color-secondary),transparent 60%) 0%,transparent 70%);animation-duration:42s;animation-name:float5}.tech-circle:nth-child(6){width:420px;height:420px;top:15%;left:60%;background:radial-gradient(circle,color-mix(in oklch,var(--color-info),transparent 60%) 0%,transparent 70%);animation-duration:30s;animation-name:float6}@keyframes float1{0%{transform:translate(0) rotate(0)}25%{transform:translate(100px,80px) rotate(90deg)}50%{transform:translate(200px) rotate(180deg)}75%{transform:translate(100px,-80px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes float2{0%{transform:translate(0) rotate(0)}25%{transform:translate(-80px,120px) rotate(90deg)}50%{transform:translate(-160px) rotate(180deg)}75%{transform:translate(-80px,-120px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes float3{0%{transform:translate(0) rotate(0)}25%{transform:translate(120px,-60px) rotate(90deg)}50%{transform:translate(240px) rotate(180deg)}75%{transform:translate(120px,60px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes float4{0%{transform:translate(0) rotate(0)}25%{transform:translate(-150px,50px) rotate(90deg)}50%{transform:translate(-300px) rotate(180deg)}75%{transform:translate(-150px,-50px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes float5{0%{transform:translate(0) rotate(0)}25%{transform:translate(70px,-100px) rotate(90deg)}50%{transform:translate(140px) rotate(180deg)}75%{transform:translate(70px,100px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes float6{0%{transform:translate(0) rotate(0)}25%{transform:translate(-60px,-90px) rotate(90deg)}50%{transform:translate(-120px) rotate(180deg)}75%{transform:translate(-60px,90px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}.hero-section{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem;padding:6rem 0 3rem;position:relative;z-index:1}.hero-content{max-width:700px}.eyebrow-gradient{display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.08em;padding:.35rem .7rem;border-radius:999px;color:var(--color-primary);background:color-mix(in oklch,var(--color-background-soft),transparent 10%);border:1px solid color-mix(in oklch,var(--color-border),transparent 10%);box-shadow:var(--shadow-sm)}.hero-title{font-size:clamp(2.4rem,4.5vw,3.6rem);font-weight:800;color:var(--color-heading);margin:1rem 0;line-height:1.15;letter-spacing:-.02em}.hero-title .animated-word{display:inline-block;background:linear-gradient(120deg,var(--color-primary),var(--color-info),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;transition:transform var(--duration-std) var(--ease-standard),opacity var(--duration-std) var(--ease-standard)}.animated-word:after{content:"";position:absolute;left:2px;right:2px;bottom:-2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-info),var(--color-secondary));opacity:.5}.hero-subtitle{color:var(--color-text-muted);padding-top:.5rem;font-size:clamp(1rem,2vw,1.25rem)}.auth-container{width:100%;display:flex;justify-content:center;padding-inline:clamp(8px,3vw,16px)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-stroke);box-shadow:var(--shadow-md)}.subtle-outline{border:1px solid color-mix(in oklch,var(--color-border),transparent 25%)}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.6rem;border-radius:var(--radius-md);background:color-mix(in oklch,var(--color-background-soft),transparent 15%);border:1px solid color-mix(in oklch,var(--color-border),transparent 20%);margin-bottom:.75rem}.auth-switch-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--color-text);font-weight:600;padding:.7rem .9rem;border-radius:calc(var(--radius-md) - 4px);cursor:pointer;transition:all var(--duration-std) var(--ease-standard)}.auth-switch-button:hover{background:color-mix(in oklch,var(--color-background-mute),transparent 70%)}.auth-switch-button.active{background:linear-gradient(180deg,color-mix(in oklch,var(--color-primary),transparent 84%),color-mix(in oklch,var(--color-primary),transparent 92%));color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-primary),transparent 75%)}.auth-form{padding:.4rem}.file-box{position:relative;width:420px;height:320px;perspective:800px;margin-top:1rem}.file-front{position:relative;width:100%;height:100%;border-radius:15px;box-shadow:var(--shadow-md);transition:transform .5s ease,box-shadow .5s ease;transform-style:preserve-3d;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-border),transparent 30%);background:color-mix(in oklch,var(--color-background),transparent 40%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.file-box:hover .file-front{transform:rotateY(8deg) scale(1.03);box-shadow:var(--shadow-lg)}.file-image{width:100%;height:100%;object-fit:cover}.file-content{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,oklch(0 0 0 / .5),transparent);color:var(--color-background);text-align:center}.file-content h3{font-size:22px;margin-bottom:6px;text-shadow:0 2px 4px oklch(0 0 0 / .3)}.features-section,.use-cases-section,.pricing-section{padding:3.5rem 0;background:transparent}.section-title{text-align:center;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--color-heading);margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.4rem}.feature-card{padding:1.6rem;border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:transform var(--duration-std) var(--ease-standard),box-shadow var(--duration-std) var(--ease-standard)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.feature-icon{width:80px;height:80px;display:grid;place-items:center;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-background);font-size:30px;box-shadow:var(--shadow-sm)}.feature-card h3{color:var(--color-heading);margin-bottom:.4rem;font-size:1.2rem}.feature-card p{color:var(--color-text-muted);line-height:1.6;font-size:.98rem}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.use-case-card{padding:1.6rem;border-radius:var(--radius-lg);transition:transform var(--duration-std) var(--ease-standard),box-shadow var(--duration-std) var(--ease-standard)}.use-case-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.use-case-icon{font-size:2rem;margin-bottom:.6rem;color:var(--color-info)}.use-case-card h3{color:var(--color-heading);margin-bottom:.4rem;font-size:1.2rem}.use-case-card p{color:var(--color-text-muted);margin-bottom:1rem;line-height:1.6;font-size:.98rem}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{color:var(--color-text-muted);margin-bottom:.5rem;padding-left:1.6rem;position:relative;font-size:.95rem}.feature-list li:before{content:"✓";color:var(--color-success);position:absolute;left:0;top:0}.pricing-subtitle{text-align:center;color:var(--color-text-muted);font-size:1.05rem;margin-bottom:2rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.pricing-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);padding:1.6rem;position:relative;transition:transform var(--duration-std) var(--ease-standard),box-shadow var(--duration-std) var(--ease-standard)}.pricing-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.pricing-card.recommended{border:1.5px solid color-mix(in oklch,var(--color-success),transparent 20%);transform:scale(1.02)}.pricing-card.recommended:hover{transform:scale(1.02) translateY(-6px)}.recommended-tag{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,var(--color-success),color-mix(in oklch,var(--color-success),var(--color-info) 30%));color:var(--color-background);font-size:.85rem;font-weight:700;padding:4px 14px;border-radius:999px;box-shadow:var(--shadow-sm);letter-spacing:.4px}.pricing-header{text-align:center;margin-bottom:1.2rem}.pricing-header h3{color:var(--color-heading);font-size:1.25rem;margin-bottom:.6rem}.price{font-size:2.2rem;font-weight:800;color:var(--color-success)}.period{font-size:.95rem;color:var(--color-text-muted)}.pricing-features{margin-bottom:1.2rem}.pricing-features ul{list-style:none;padding:0;margin:0}.pricing-features li{color:var(--color-text-muted);margin-bottom:.6rem;padding-left:1.5rem;position:relative;font-size:.96rem}.pricing-features li:before{content:"✓";color:var(--color-success);position:absolute;left:0}.pricing-button{width:100%;margin-top:auto;padding:.9rem 1rem;border-radius:var(--radius-md);font-size:1.05rem;font-weight:700;cursor:pointer;transition:all var(--duration-std) var(--ease-emph);background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.pricing-button:hover:not(:disabled){background:color-mix(in oklch,var(--color-background-soft),transparent 0%);transform:translateY(-2px)}.pricing-button:active:not(:disabled){transform:translateY(1px)}.pricing-button:disabled{color:var(--color-border);border-color:var(--color-border);background-color:var(--color-background-mute);cursor:not-allowed;transform:none}.pricing-button.primary{background:linear-gradient(180deg,color-mix(in oklch,var(--color-primary),transparent 0%),color-mix(in oklch,var(--color-secondary),transparent 20%));color:var(--color-background);border:0;box-shadow:0 8px 20px color-mix(in oklch,var(--color-primary),transparent 70%)}.pricing-button.primary:hover{color:var(--color-text)}.pricing-button.primary:hover:not(:disabled){filter:saturate(1.1)}.partnership-section{padding:3.5rem 0 4rem;background:linear-gradient(160deg,color-mix(in oklch,var(--color-info),transparent 30%),color-mix(in oklch,var(--color-primary),transparent 40%));color:var(--color-background);position:relative}.partnership-section h2{text-align:center;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1.6rem;color:var(--color-background)}.partnership-content{text-align:center}.partnership-text{font-size:1.1rem;margin-bottom:2rem;line-height:1.7;opacity:.92;color:color-mix(in oklch,var(--color-background),var(--bg-light) 22%)}.partnership-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.partnership-section{color:var(--color-background);position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;overflow:hidden}.stat-item{padding:1rem;border-radius:var(--radius-md);background:color-mix(in oklch,var(--color-heading),transparent 80%);border:1px solid color-mix(in oklch,var(--color-background),transparent 70%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.stat-number{display:block;font-size:2rem;font-weight:800;margin-bottom:.25rem;color:var(--color-background)}.stat-label{font-size:.95rem;color:color-mix(in oklch,var(--color-background),transparent 10%);opacity:.95}.feature-card,.use-case-card,.pricing-card,.testimonial-card,.detailed-feature{position:relative;overflow:hidden}.feature-card:after,.use-case-card:after,.pricing-card:after,.testimonial-card:after,.detailed-feature:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(120deg,var(--color-primary),var(--color-secondary),var(--color-info),var(--color-success),var(--color-primary));background-size:300% 300%;background-position:0% 50%;z-index:1;opacity:.12;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-move 1.4s linear infinite;transition:opacity var(--duration-std) var(--ease-standard)}.feature-card:hover:after,.use-case-card:hover:after,.pricing-card:hover:after,.testimonial-card:hover:after,.detailed-feature:hover:after{opacity:.8}@keyframes border-move{0%{background-position:0% 50%}to{background-position:100% 50%}}.feature-card>*,.use-case-card>*,.pricing-card>*,.testimonial-card>*,.detailed-feature>*{position:relative;z-index:2}.landing-container .bp-button,.landing-container .primary-button,.landing-container .secondary-button{border-radius:var(--radius-md);font-weight:700}.landing-container .bp-button{padding:.7rem 1rem;color:var(--color-background);background:linear-gradient(180deg,color-mix(in oklch,var(--color-primary),transparent 0%),color-mix(in oklch,var(--color-secondary),transparent 20%));box-shadow:0 8px 20px color-mix(in oklch,var(--color-primary),transparent 70%)}.landing-container .bp-button:hover:not(:disabled){filter:saturate(1.06);transform:translateY(-1px);background:linear-gradient(180deg,color-mix(in oklch,var(--color-primary),transparent 0%),color-mix(in oklch,var(--color-secondary),transparent 16%))}.landing-container .bp-button:disabled{color:var(--color-border);background:var(--color-background-mute);box-shadow:none}.animated-word{position:relative;white-space:nowrap}.animated-word .caret{display:inline-block;width:2px;height:.9em;margin-left:4px;background:var(--color-primary);vertical-align:-2px;animation:caret-blink 1.4s steps(1,start) infinite}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;padding:3rem 2rem;gap:1.5rem;text-align:center}}@media (max-width: 768px){.hero-section{grid-template-columns:1fr;padding:2rem 1.5rem;gap:2rem;text-align:center}.file-box{width:340px;height:260px;margin-inline:auto}}@media (max-width: 480px){.hero-section{grid-template-columns:1fr;padding:2rem 1rem}.file-box{width:280px;height:220px}}@media (prefers-reduced-motion: reduce){.feature-card:hover,.use-case-card:hover,.pricing-card:hover{transform:none}.feature-card:after,.use-case-card:after,.pricing-card:after,.testimonial-card:after,.detailed-feature:after{animation:none}}.consultation-card{margin:2.2rem auto 0;max-width:520px;border:1px dashed color-mix(in oklch,var(--color-info),transparent 30%);border-radius:var(--radius-lg);padding:1rem;text-align:center;font-size:1.05rem;color:var(--color-info)}.consultation-link{color:var(--color-info);font-weight:700;text-decoration:underline;cursor:pointer;transition:color var(--duration-std) var(--ease-standard)}.consultation-link:hover{color:var(--color-primary)}.group-chat-popup{display:flex;flex-direction:column;height:100%;width:100%;background:var(--color-background-soft);border-radius:0;box-shadow:none;font-family:Inter,Arial,sans-serif}.group-resize-handle{display:none}.group-resize-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--color-text-soft);border-bottom:2px solid var(--color-text-soft)}.header-row{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;border-bottom:1px solid var(--color-border)}.section-header{font-size:1.1rem;font-weight:600;margin:0;color:var(--color-text)}.members-popover{position:absolute;top:36px;right:0;z-index:10;background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 2px var(--highlight);min-width:220px;max-width:320px;padding:0;animation:fadeIn .18s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.popover-content{max-height:230px;overflow-y:auto;padding:12px}.members-popover table{width:100%;border-collapse:collapse;font-size:.97rem;color:var(--color-text)}.members-popover th,.members-popover td{padding:6px 8px;text-align:left}.members-popover th{background:var(--color-background);font-weight:600;border-bottom:1px solid var(--color-border)}.members-popover tr:not(:last-child) td{border-bottom:1px solid var(--color-border)}.chat-messages-container{background-color:var(--color-background-soft);flex:1 1 0;overflow-y:auto;padding:16px 10px 8px;display:flex;flex-direction:column;gap:8px;height:80vh;min-height:80vh;min-width:15vw}.chat-message-row{display:flex;align-items:flex-end;margin-bottom:2px}.chat-message-row.mine{justify-content:flex-end}.chat-message-row.theirs{justify-content:flex-start}.chat-bubble{max-width:75%;padding:8px 12px 6px;border-radius:16px;background:var(--color-secondary);color:var(--color-text);font-size:1rem;box-shadow:0 1px 2px var(--highlight);position:relative;word-break:break-word;display:flex;flex-direction:column}.chat-message-row.mine .chat-bubble{background:var(--color-background);color:var(--color-text);align-items:flex-end}.chat-message-row.theirs .chat-bubble{background:var(--color-background-mute);color:var(--color-text);align-items:flex-start}.chat-message-text{margin-bottom:2px;white-space:pre-line}.chat-meta{font-size:.82rem;color:#888;display:flex;gap:8px;margin-top:2px}.chat-author{font-weight:500}.chat-date{font-size:.8em}.chat-input-row{flex-shrink:0;position:relative;display:flex;align-items:center;padding:10px 12px 12px;border-top:1px solid var(--color-border);gap:8px}.content-editable-input{flex-grow:1;border:1px solid var(--color-border);padding:8px 10px;border-radius:4px;max-height:100px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.content-editable-input.disabled{background-color:var(--color-background-mute);cursor:not-allowed}.content-editable-input:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);cursor:text;opacity:.5}.suggestions-popover{position:absolute;bottom:100%;left:0;right:0;border:1px solid var(--color-border);background:var(--color-background-soft);color:var(--color-text);border-radius:4px;margin-bottom:2px;max-height:150px;overflow-y:auto;z-index:100;box-shadow:0 -2px 10px #0000001a}.suggestions-list{list-style:none;padding:0;margin:0}.suggestions-list li{padding:8px 12px;cursor:pointer}.suggestions-list li:hover,.suggestions-list li.highlighted{background-color:var(--highlight)}.mention-tag{background-color:var(--highlight);color:var(--color-text);font-weight:500;border-radius:3px;padding:1px 4px;display:inline-block;white-space:nowrap}.upgrade-page{padding:2rem;max-width:1200px;margin:0 auto;font-family:var(--font-sans);color:var(--color-text)}.payment-section{display:flex;gap:2rem;margin-top:2rem}.payment-options{width:300px}.payment-option{padding:1.25rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-std) var(--ease-standard),box-shadow var(--duration-std) var(--ease-standard);margin-bottom:1rem;background:var(--color-background-soft);border:1px solid var(--color-border)}.payment-option:hover{background:var(--color-background);box-shadow:var(--shadow-sm)}.payment-option.active{background:var(--glass-bg);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.payment-header{display:flex;align-items:center;gap:1rem}.payment-icon{font-size:1.5rem;color:var(--color-primary)}.payment-name{font-size:1.05rem;font-weight:600;color:var(--color-heading)}.payment-details{flex:1;display:flex;justify-content:center;align-items:center}.coming-soon{text-align:center;padding:2rem;border-radius:var(--radius-lg);background:var(--color-background-soft);border:1px dashed var(--color-border)}.clock-icon{font-size:3rem;color:var(--color-primary);margin-bottom:1rem}.coming-soon h2{color:var(--color-heading);margin-bottom:.5rem}.coming-soon p{color:var(--color-text-muted);margin-bottom:1.5rem}.selected-payment{margin-top:1rem;display:flex;gap:1rem;justify-content:center}.selected-payment-icon{font-size:2rem;color:var(--color-text-muted)}@media (max-width: 768px){.payment-section{flex-direction:column}.payment-options{width:100%}}.card-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.card{background:var(--color-background);border-radius:var(--radius-lg);padding:2rem 2.5rem;text-align:center;max-width:400px;width:100%;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.header{margin-bottom:1rem}.label{margin-bottom:.25rem;font-size:.95rem;color:var(--color-text)}.stat-label{display:block;font-size:.85rem;color:var(--color-text-muted)}.price{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--color-heading)}.amount{font-size:2rem;font-weight:700;color:var(--color-primary)}.payment-message{margin-top:1rem;color:var(--color-info);font-weight:500}.bp-button{margin-top:1rem;padding:.75rem 1.25rem}.bp-button:hover:not(:disabled){transform:translateY(-1px)}.bp-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.globe-animation{width:300px;height:300px}}@media (max-width: 768px){.cta-buttons{flex-direction:column;align-items:center;gap:.5rem}.primary-button,.secondary-button{width:100%;max-width:280px;margin:.5rem 0}.globe-animation{width:250px;height:250px}}@media (max-width: 480px){.globe-animation{width:200px;height:200px}}@media (max-width: 768px){.features-section,.use-cases-section,.detailed-features-section,.testimonials-section,.pricing-section{padding:3rem 1.5rem}.features-section h2,.use-cases-section h2,.detailed-features-section h2,.testimonials-section h2,.pricing-section h2{font-size:2rem;margin-bottom:2rem}.features-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.feature-card{padding:2rem 1.5rem;margin:0 .5rem}}@media (max-width: 768px){.detailed-features-container{padding:0 .5rem}.detailed-feature{flex-direction:column!important;gap:2rem;padding:2rem 1.5rem;margin:0 .5rem 2rem}.detailed-feature.reverse{flex-direction:column!important}.detailed-feature-content h3{font-size:1.5rem}.feature-image-placeholder{font-size:3rem}}@media (max-width: 768px){.use-cases-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.use-case-card{padding:2rem 1.5rem;margin:0 .5rem}.use-case-icon{font-size:2rem}}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.testimonial-card{padding:2rem 1.5rem;margin:0 .5rem}.testimonial-author{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.pricing-card{padding:2rem 1.5rem;margin:0 .5rem}.pricing-card.recommended{transform:none}.pricing-card.recommended:hover{transform:translateY(-5px)}.price{font-size:2rem}.consultation-card{margin:2rem 1rem 0;padding:1.5rem 1.2rem;font-size:1rem}}@media (max-width: 768px){.partnership-section{padding:3rem 1.5rem}.partnership-content{padding:0 .5rem}.partnership-section h2{font-size:2rem}.partnership-text{font-size:1.1rem;margin-bottom:2rem}.partnership-stats{flex-direction:column;gap:1.5rem}.stat-number{font-size:2rem}.stat-label{font-size:1rem}}@media (max-width: 768px){.cta-section{padding:3rem 1.5rem}.cta-content{padding:0 .5rem}.cta-content h2{font-size:2rem;margin-bottom:1rem}.cta-content p{font-size:1.1rem;margin-bottom:1.5rem}}@media (max-width: 480px){.app{padding-left:.5rem;padding-right:.5rem}.features-section,.use-cases-section,.detailed-features-section,.testimonials-section,.pricing-section,.partnership-section,.cta-section{padding:2rem 1rem}.features-grid,.use-cases-grid,.testimonials-grid,.pricing-grid{padding:0 .25rem}.feature-card,.use-case-card,.testimonial-card,.pricing-card{padding:1.5rem 1.2rem;margin:0 .25rem}.detailed-feature{padding:1.5rem 1.2rem;margin:0 .25rem 2rem}.consultation-card{margin:2rem .5rem 0;padding:1.2rem 1rem}.partnership-content,.cta-content{padding:0 .25rem}.features-section h2,.use-cases-section h2,.detailed-features-section h2,.testimonials-section h2,.pricing-section h2,.partnership-section h2,.cta-content h2{font-size:1.8rem}}@media (max-width: 768px){.nav-container{padding:.5rem 1rem;flex-wrap:wrap;gap:.5rem}.nav-container .left-section{gap:.5rem}.nav-container .right-section{gap:.25rem}}@media (max-width: 480px){.nav-container{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem}.nav-container .left-section,.nav-container .right-section{justify-content:center}}@media (max-width: 768px){.mobile-hidden{display:none}.mobile-only{display:block}}@media (hover: none) and (pointer: coarse){.feature-card,.use-case-card,.testimonial-card,.pricing-card{transition:none}.feature-card:hover,.use-case-card:hover,.testimonial-card:hover,.pricing-card:hover{transform:none}.primary-button,.secondary-button,.pricing-button{padding:1.2rem 2rem;font-size:1.2rem}}.share-viewer .files-grid[data-v-a5e7d2cc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;padding:.5rem;justify-items:center}.share-viewer .file-item[data-v-a5e7d2cc]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background)}.share-viewer .file-icon[data-v-a5e7d2cc]{color:var(--color-info)}.share-viewer .file-name[data-v-a5e7d2cc]{font-size:.9rem;color:var(--color-text);word-break:break-word;text-align:center;max-width:100%}.share-viewer .bp-button[data-v-a5e7d2cc]{display:inline-flex;align-items:center;gap:8px}.file-item[data-v-a5e7d2cc]{min-width:10rem}.payment-validation[data-v-d6270241]{display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center}.loading[data-v-d6270241],.error[data-v-d6270241],.success[data-v-d6270241]{padding:2rem;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000001a}.loading[data-v-d6270241]{color:teal}.error[data-v-d6270241]{color:#dc3545}.success[data-v-d6270241]{color:#28a745}.loading svg[data-v-d6270241],.error svg[data-v-d6270241],.success svg[data-v-d6270241]{font-size:2rem;margin-bottom:1rem}.dark .loading[data-v-d6270241],.dark .error[data-v-d6270241],.dark .success[data-v-d6270241]{background:#181818}.folder-header[data-v-97bf12f9]{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem 0;border-radius:4px;-webkit-user-select:none;user-select:none;transition:all .2s ease;border:2px solid transparent}.folder-header.drag-over[data-v-97bf12f9]{background-color:#00808033!important;border:2px dashed rgb(0,128,128)!important}.footer-wrapper{background:color-mix(in oklch,var(--color-background),transparent 0%);color:var(--color-text);padding:70px 0 30px;position:relative;z-index:1;border-top:1px solid var(--glass-stroke);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:50px}.logo{display:flex;align-items:center;font-size:24px;font-weight:700;color:var(--color-heading)}.footer-desc{color:var(--color-text-muted);margin-top:20px;max-width:320px}.footer-column h3{font-size:1.2rem;margin-bottom:16px;position:relative;padding-bottom:10px;color:var(--color-heading)}.footer-column h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--color-info)}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.footer-column ul li a:hover{color:var(--color-primary)}.social-icons{display:flex;gap:12px;margin-top:20px}.social-icons a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in oklch,var(--color-background-soft),transparent 10%);color:var(--color-text);transition:all var(--duration-fast) var(--ease-standard)}.social-icons a:hover{background:var(--color-info);color:var(--color-background);transform:translateY(-3px)}.copyright{text-align:center;padding-top:30px;border-top:1px solid var(--glass-stroke);color:var(--color-text-muted);font-size:.95rem}.container{max-width:1200px;margin:0 auto;padding-inline:20px}@media (max-width: 600px){.footer-wrapper{padding:40px 0 20px}}