@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f0f4f9;--bg-tertiary: #e9eef6;--bg-hover: #f5f5f5;--bg-active: #c2e7ff;--border: #e0e0e0;--border-light: #f1f5f9;--text-primary: #1f1f1f;--text-secondary: #444746;--text-muted: #5f6368;--text-active: #001d35;--accent: #0b57d0;--accent-hover: #0842a0;--accent-light: #d3e3fd;--success: #0f9d58;--error: #ea4335;--warning: #f29900;--folder-color: #5f6368;--doc-color: #4285f4;--sheet-color: #0f9d58;--slide-color: #f4b400;--form-color: #7248b9;--pdf-color: #ea4335;--image-color: #ea4335;--video-color: #ea4335;--radius: 16px;--radius-sm: 8px;--shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);--shadow-hover: 0 1px 3px 0 rgba(60,64,67,.3), 0 4px 8px 3px rgba(60,64,67,.15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.global-loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.global-loader-spinner{display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--bg-secondary);padding:32px 48px;border-radius:16px;box-shadow:var(--shadow-hover);border:1px solid var(--border-light)}.global-loader-spinner span{font-size:16px;font-weight:500;color:var(--text-primary);letter-spacing:.5px}.icon-spin{animation:spin 1s linear infinite}.crizac-drive-root{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-primary);color:var(--text-primary)}.drive-header{display:flex;align-items:center;gap:16px;padding:0 16px;height:64px;background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0;z-index:100}.drive-header-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;width:212px}.drive-header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.user-profile{position:relative;display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;background:var(--bg-tertiary);border-radius:24px;cursor:pointer;transition:all .2s;border:1px solid var(--border)}.user-profile:hover{background:var(--bg-hover);box-shadow:0 2px 4px #0000000d}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;text-transform:uppercase}.user-name{font-size:14px;font-weight:500;color:var(--text-primary);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);visibility:hidden;opacity:0;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px);margin-top:8px;background-color:var(--text-primary);color:var(--bg-primary);padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:pre-wrap;width:max-content;max-width:250px;word-wrap:break-word;box-shadow:0 4px 6px -1px #0000001a;z-index:1000;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}[data-tooltip]:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%,2px);border-width:6px;border-style:solid;border-color:transparent transparent var(--text-primary) transparent;visibility:hidden;opacity:0;z-index:1000;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;opacity:1;transition-delay:.5s}[data-tooltip]:hover:after{transform:translate(-50%)}[data-tooltip-align=right]:after{left:auto;right:0;transform:translateY(-4px)}[data-tooltip-align=right]:hover:after{transform:translate(0)}[data-tooltip-align=right]:before{left:auto;right:20px;transform:translateY(2px)}.profile-popup-modal{background:var(--bg-primary);border-radius:20px;width:340px;max-width:90vw;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.profile-popup-content{display:flex;flex-direction:column;align-items:center;padding:32px 24px 24px;text-align:center}.profile-popup-image{width:120px;height:120px;border-radius:50%;border:4px solid var(--bg-secondary);box-shadow:0 4px 6px -1px #0000001a;margin-bottom:16px;overflow:hidden;background:var(--bg-secondary)}.profile-popup-image img{width:100%;height:100%;object-fit:cover}.profile-popup-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:48px;font-weight:600;text-transform:uppercase}.profile-popup-name{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.profile-popup-role{font-size:14px;color:var(--accent);font-weight:500;margin-bottom:8px}.profile-popup-desc{font-size:13px;color:var(--text-secondary);margin-bottom:2px}.drive-body{display:flex;flex:1;overflow:hidden;min-width:0;min-height:0}.drive-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.sidebar{width:240px;min-width:240px;background:var(--bg-secondary);display:flex;flex-direction:column;padding:16px 12px;flex-shrink:0;overflow-y:auto;box-sizing:border-box}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:24px;border:none;background:none;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:400;width:100%;margin-left:0;text-align:left;transition:background .2s;box-sizing:border-box}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.active{background:var(--accent-light);color:var(--accent);font-weight:500}.sidebar-item.active svg{color:var(--accent)}.sidebar-storage{margin-top:12px;padding:12px;border-top:1px solid var(--border)}.sidebar-storage{margin-top:auto;padding:16px 4px;border-top:1px solid var(--border)}.storage-header{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-size:14px;margin-bottom:12px}.storage-bar-track{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-bottom:8px}.storage-bar-fill{height:100%;border-radius:2px;transition:width .5s}.storage-label{font-size:13px;color:var(--text-secondary)}.search-bar-container{flex:1;max-width:720px;position:relative;margin:0 8px;z-index:100}.search-bar{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:24px;padding:0 16px;transition:background .2s,box-shadow .2s,border-radius .2s;height:48px}.search-bar.active{background:var(--bg-primary);border-radius:24px 24px 0 0;box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926}.search-icon{color:var(--text-secondary);margin-right:12px;flex-shrink:0}.search-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:16px;font-family:inherit;outline:none;height:100%}.search-bar:focus-within{background:var(--bg-primary);box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926}.search-bar-actions{display:flex;align-items:center;gap:4px}.search-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;display:flex;transition:background .15s}.search-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.search-action-btn.active{color:var(--accent);background:var(--accent-light)}.search-action-btn.has-filters{color:var(--accent)}.advanced-search-panel{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border-radius:0 0 12px 12px;box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 1px 3px #4145494d;padding:24px;display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--border)}.advanced-filter-row{display:flex;align-items:center;gap:24px}.advanced-filter-row label{width:120px;font-size:14px;color:var(--text-secondary);font-weight:500}.advanced-filter-row select{flex:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:8px 12px;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;cursor:pointer}.advanced-filter-row select:focus{border-color:var(--accent)}.advanced-filter-row.checkbox{padding-left:144px}.advanced-filter-row.checkbox label{width:auto;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--text-primary)}.advanced-search-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.btn-text{background:none;border:none;color:var(--text-secondary);font-weight:500;padding:8px 16px;cursor:pointer;border-radius:4px;transition:background .15s}.btn-text:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-primary{background:var(--accent);border:none;color:#fff;font-weight:500;padding:8px 24px;cursor:pointer;border-radius:4px;box-shadow:0 1px 2px #3c40434d;transition:background .15s,box-shadow .15s}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.storage-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.storage-bar{width:80px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.storage-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .5s}.file-manager{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b82f61a;border:2px dashed var(--accent);z-index:50;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);pointer-events:none}.drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--accent)}.drag-overlay-content p{font-size:16px;font-weight:500}.file-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);flex-shrink:0;gap:12px;flex-wrap:wrap}.breadcrumb{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow:hidden}.breadcrumb-back{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:all .15s}.breadcrumb-back:hover{background:var(--bg-hover);color:var(--text-primary)}.breadcrumb-item{display:flex;align-items:center;gap:4px;min-width:0}.breadcrumb-sep{color:var(--text-muted);flex-shrink:0}.breadcrumb-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:400;padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;transition:all .15s}.breadcrumb-link:hover{background:var(--bg-hover);color:var(--text-primary)}.breadcrumb-link.active{color:var(--text-primary);font-weight:500}.toolbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.selection-actions{display:flex;align-items:center;gap:4px;padding:4px 12px;background:var(--accent-light);border-radius:20px;border:1px solid rgba(59,130,246,.2)}.selection-count{font-size:14px;color:var(--accent);font-weight:500;margin-right:8px;white-space:nowrap}.selection-actions .btn-icon{border:1px solid rgba(59,130,246,.3);background:#ffffff80;padding:6px;color:var(--accent);border-radius:8px}.selection-actions .btn-icon:hover{background:#fff;border-color:var(--accent);color:var(--accent-hover)}.btn-icon{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;transition:all .15s}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-icon.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.btn-upload{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:13.5px;font-family:inherit;font-weight:500;transition:all .15s}.btn-upload:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-empty-trash{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);cursor:pointer;font-size:13.5px;font-family:inherit;font-weight:500;transition:all .15s}.btn-empty-trash:hover{background:var(--error);color:#fff}.new-btn-wrapper{position:relative}.btn-new{display:flex;align-items:center;gap:12px;padding:0 20px 0 16px;height:56px;background:var(--bg-primary);border:none;border-radius:16px;color:var(--text-primary);cursor:pointer;font-size:14px;font-family:inherit;font-weight:500;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;transition:background .15s,box-shadow .15s}.btn-new:hover{background:var(--bg-hover);box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.btn-new svg{color:var(--text-primary)}.file-list{flex:1;overflow-y:auto;padding:0}.file-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;grid-auto-rows:min-content;gap:16px;padding:24px}.file-list-header{display:grid;grid-template-columns:36px minmax(200px,2fr) 180px 160px 100px 140px 60px;padding:12px 16px;font-size:13px;color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-primary);z-index:10}.file-list-header div.sortable{cursor:pointer;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.file-list-header div.sortable:hover,.file-list-header div.sortable.active{color:var(--accent)}.file-list-header button{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex}.file-row{display:grid;grid-template-columns:36px minmax(200px,2fr) 180px 160px 100px 140px 60px;position:relative;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.file-row:hover{background:var(--bg-secondary)}.file-row.selected{background:var(--accent-light)}.file-row.selected:hover{background:#3b82f62e}.col-check{display:flex;align-items:center;color:var(--text-muted);cursor:pointer}.col-check:hover,.file-row:hover .col-check{color:var(--accent)}.col-check .check-empty{opacity:0}.file-row:hover .check-empty,.file-row.selected .check-empty{opacity:1}.col-name{display:flex;align-items:center;gap:10px;min-width:0}.file-icon{flex-shrink:0;color:var(--text-muted)}.folder-icon{color:var(--folder-color)}.icon-doc{color:var(--doc-color)}.icon-sheet{color:var(--sheet-color)}.icon-slide{color:var(--slide-color)}.icon-form{color:var(--form-color)}.icon-pdf{color:var(--pdf-color)}.icon-image{color:var(--image-color)}.icon-video{color:var(--video-color)}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:var(--text-primary)}.badge-shared{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;font-weight:500;flex-shrink:0;transition:all .2s ease}.badge-shared:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-hover)}.col-modified,.col-size{color:var(--text-secondary);font-size:13px}.col-owner{display:flex;align-items:center;gap:10px;min-width:0}.owner-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.owner-avatar img{width:100%;height:100%;object-fit:cover}.owner-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--text-secondary)}.col-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;opacity:0;transition:opacity .1s;position:absolute;right:16px;top:0;bottom:0;padding-left:48px;background:linear-gradient(to right,transparent,var(--bg-secondary) 30%);pointer-events:none}.file-row:hover .col-actions{opacity:1;pointer-events:auto}.file-row.selected .col-actions{opacity:1;pointer-events:auto;background:linear-gradient(to right,transparent,var(--accent-light) 30%)}.row-action{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:50%;display:flex;transition:all .1s}.row-action:hover{background:var(--bg-hover);color:var(--text-primary)}.row-action.active{color:var(--accent)}.file-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;position:relative;transition:all .15s}.file-card:hover{border-color:var(--border-light);background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow)}.file-card.selected{border-color:var(--accent);background:var(--accent-light)}.file-card-thumb{height:120px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);overflow:hidden;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.file-card-thumb img{width:100%;height:100%;object-fit:cover}.file-icon-large{color:var(--text-muted)}.file-card-info{padding:10px;display:flex;flex-direction:column;gap:2px}.file-card-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-date{font-size:11px;color:var(--text-muted)}.file-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:4px}.file-card-owner{display:flex;align-items:center;gap:4px}.file-card-owner img,.file-card-owner span:first-child{width:16px;height:16px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent);color:#fff;font-size:9px;font-weight:600}.owner-name-text{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-menu{position:absolute;top:8px;right:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:50%;padding:4px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:all .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.file-card-menu:hover{background:var(--bg-hover);color:var(--text-primary)}.file-card:hover .file-card-menu{opacity:1}.file-card-check{position:absolute;top:8px;left:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:50%;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a;opacity:0;transition:all .15s}.file-card:hover .file-card-check,.file-card.selected .file-card-check{opacity:1}.file-card-check .icon-checked{color:var(--accent)}.file-card-check .icon-unchecked{color:var(--text-muted)}.file-card-check:hover .icon-unchecked{color:var(--text-primary)}.state-container{padding:20px}.state-container.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;gap:12px;text-align:center}.empty-icon{color:var(--text-muted);opacity:.4;margin-bottom:8px}.state-title{font-size:18px;font-weight:500;color:var(--text-primary)}.state-sub{color:var(--text-muted);font-size:14px}.state-text.error{color:var(--error)}.btn-retry,.btn-upload-cta{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-family:inherit;margin-top:8px}.btn-retry:hover,.btn-upload-cta:hover{background:var(--accent-hover)}.skeleton-row{display:grid;grid-template-columns:36px 1fr 140px 100px;align-items:center;padding:12px 16px;gap:12px;border-bottom:1px solid var(--border);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton{background:var(--bg-tertiary);border-radius:4px}.skeleton-icon{width:18px;height:18px;border-radius:3px}.skeleton-name{height:14px;flex:1}.skeleton-date{height:12px;width:80px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.load-more-trigger{padding:32px 0;display:flex;justify-content:center;align-items:center;width:100%;grid-column:1 / -1}.loading-next-page{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:14px;font-weight:500;background:var(--bg-primary);padding:12px 24px;border-radius:24px;box-shadow:0 2px 8px #3c404326;border:1px solid var(--border)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.context-menu{position:fixed;background:var(--bg-primary);border:none;border-radius:8px;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003;padding:6px 0;min-width:250px;z-index:1000}.new-item-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:none;border-radius:8px;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003;padding:6px 0;min-width:250px;z-index:1000}.context-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 16px;width:100%;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;font-family:inherit;border-radius:0;transition:background .1s}.item-main,.item-secondary{display:flex;align-items:center;gap:12px}.item-shortcut{font-size:12px;color:var(--text-muted);opacity:.7}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-item.danger{color:var(--error)}.context-menu-item.danger:hover{background:#ef44441a}.context-menu-divider{height:1px;background:var(--border);margin:6px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.share-modal{background:var(--bg-primary);border:none;border-radius:8px;width:100%;max-width:520px;max-height:95vh;position:relative;box-shadow:0 24px 64px #00000080}.share-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.share-modal-title{display:flex;align-items:flex-start;gap:12px;color:var(--accent)}.share-modal-title h2{font-size:16px;font-weight:600;color:var(--text-primary)}.share-modal-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .12s}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.share-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 16px}.share-tab{display:flex;align-items:center;gap:8px;padding:12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:13.5px;font-family:inherit;transition:all .15s;margin-bottom:-1px}.share-tab:hover{color:var(--text-primary)}.share-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.share-tab-content{padding:20px 24px}.share-input-group{display:flex;gap:8px;margin-bottom:16px}.share-email-input{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 36px 9px 12px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.share-email-input:focus{border-color:var(--accent)}.share-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.share-option-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer}.share-option-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.share-message{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-family:inherit;font-size:13px;resize:vertical;outline:none}.share-date-input{margin-left:auto;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;color:var(--text-primary);font-family:inherit;font-size:12px;outline:none;color-scheme:dark}.btn-share-send{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s}.btn-share-send:hover:not(:disabled){background:var(--accent-hover)}.btn-share-send:disabled{opacity:.6;cursor:not-allowed}.role-select{position:relative}.role-select-btn{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13.5px;white-space:nowrap;transition:border-color .15s}.role-select-btn:hover{border-color:var(--border-light)}.role-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 16px #00000040;z-index:200;min-width:180px;padding:4px}.role-option{display:flex;align-items:center;gap:10px;padding:9px 12px;width:100%;background:none;border:none;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);text-align:left;transition:background .12s}.role-option:hover{background:var(--bg-hover)}.role-option.active{background:var(--accent-light);color:var(--accent)}.role-option div{display:flex;flex-direction:column}.role-option strong{font-size:13px}.role-option span{font-size:11px;color:var(--text-muted)}.permissions-list{margin-top:20px;max-height:300px;overflow-y:auto;padding-right:4px}.permissions-title{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.perm-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.perm-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.perm-info{flex:1;min-width:0;display:flex;flex-direction:column}.perm-name{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perm-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perm-expiry{font-size:11px;color:var(--warning);display:flex;align-items:center;gap:4px;margin-top:2px}.perm-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.perm-role-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:4px 6px;color:var(--text-primary);font-family:inherit;font-size:12px;cursor:pointer}.selection-toolbar{flex:1;max-width:720px;background:var(--bg-primary);border-radius:24px;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926;margin:0 8px}.selection-left,.selection-right{display:flex;align-items:center;gap:8px}.selection-text{font-size:14px;font-weight:500;color:var(--text-primary);margin-left:4px}.toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 8px}.btn-icon.circle{border-radius:50%;border:none;padding:10px}.btn-icon.circle:hover{background:var(--bg-hover)}.search-clear{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex}.btn-revoke{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:all .12s}.btn-revoke:hover{background:#ef44441a;color:var(--error)}.perm-owner-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.link-type-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.link-type-btn{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;text-align:left;transition:all .15s}.link-type-btn:hover{border-color:var(--border-light)}.link-type-btn.active{border-color:var(--accent);background:var(--accent-light)}.link-type-btn strong{font-size:13.5px;display:block;margin-bottom:2px}.link-type-btn span{font-size:12px;color:var(--text-muted)}.link-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.link-option-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.btn-create-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;margin-bottom:12px;transition:background .15s}.btn-create-link:hover:not(:disabled){background:var(--accent-hover)}.btn-create-link:disabled{opacity:.6;cursor:not-allowed}.created-link{display:flex;gap:8px;align-items:center}.link-input{flex:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-copy-link{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13px;white-space:nowrap;transition:all .15s}.btn-copy-link:hover{background:var(--bg-hover);border-color:var(--border-light)}.existing-link-perms{margin-top:16px;border-top:1px solid var(--border);padding-top:16px}.existing-link-perms h3{font-size:12px;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.link-perm-row{display:flex;align-items:center;gap:10px;padding:8px 0}.perm-role{font-size:12px;color:var(--text-muted);margin-left:auto}.perm-role-label{font-size:13px;color:var(--text-muted);padding:6px 12px;background:var(--bg-tertiary);border-radius:4px;min-width:80px;text-align:center}.role-select.disabled{opacity:.6;cursor:not-allowed}.role-select.disabled .role-select-btn{cursor:not-allowed;pointer-events:none;background:var(--bg-tertiary)}.advanced-sharing-settings{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-secondary);z-index:10;display:flex;flex-direction:column;padding:24px}.advanced-settings-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--text-primary)}.advanced-settings-header h3{font-size:16px;font-weight:500}.advanced-settings-list{display:flex;flex-direction:column;gap:20px;flex:1}.advanced-setting-item{display:flex;gap:16px;cursor:pointer}.advanced-setting-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}.setting-details{display:flex;flex-direction:column;gap:4px}.setting-details strong{font-size:14px;color:var(--text-primary);font-weight:500}.setting-details span{font-size:12px;color:var(--text-muted);line-height:1.4}.btn-settings-done{align-self:flex-end;padding:8px 24px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background .15s}.btn-settings-done:hover{background:var(--accent-hover)}.share-modal-header-actions{display:flex;align-items:center;gap:8px}.btn-settings{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-settings:hover,.btn-settings.active{background:var(--bg-hover);color:var(--text-primary)}.share-dropdown-icon.disabled{opacity:.3;cursor:not-allowed}.btn-revoke-link{display:flex;align-items:center;gap:6px;padding:5px 10px;background:none;border:1px solid var(--error);border-radius:4px;color:var(--error);cursor:pointer;font-family:inherit;font-size:12px;transition:all .12s}.btn-revoke-link:hover{background:#ef44441a}.upload-drawer{position:fixed;bottom:80px;right:20px;width:320px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:200}.upload-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:500}.btn-clear-uploads{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;font-family:inherit;transition:color .12s}.btn-clear-uploads:hover{color:var(--text-primary)}.upload-list{padding:8px;max-height:200px;overflow-y:auto}.upload-item{padding:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px}.upload-item-info{display:flex;align-items:center;gap:8px}.icon-success{color:var(--success)}.icon-error{color:var(--error)}.icon-spin{color:var(--accent);animation:spin 1s linear infinite}.upload-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.upload-error{font-size:11px;color:var(--error);padding-left:24px;word-wrap:break-word}.upload-progress-bar{height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-left:24px}.upload-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.preview-panel{position:relative;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;max-width:800px;min-width:250px}.preview-resize-handle{position:absolute;top:0;left:-2px;width:4px;height:100%;cursor:col-resize;z-index:100;background:transparent}.preview-resize-handle:hover,.preview-resize-handle:active{background:var(--accent);opacity:.5}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);gap:8px}.preview-title{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.preview-actions{display:flex;gap:4px}.preview-body{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.preview-image{max-width:100%;max-height:100%;object-fit:contain}.preview-iframe-container{width:100%;height:100%;display:flex}.preview-iframe,.preview-embed{width:100%;height:100%;border:none}.preview-unavailable{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted);text-align:center;padding:24px}.btn-download-preview{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:13px}.preview-header-info{flex:1;min-width:0}.preview-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 16px;background:var(--bg-secondary)}.preview-tab{flex:1;background:none;border:none;padding:12px 8px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;font-family:inherit}.preview-tab:hover{color:var(--text-primary)}.preview-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.preview-tab-content{flex:1;overflow-y:auto;overflow-x:hidden}.preview-details{display:flex;flex-direction:column}.preview-thumb-box{background:var(--bg-primary);display:flex;align-items:center;justify-content:center;min-height:160px;max-height:220px;overflow:hidden;border-bottom:1px solid var(--border)}.preview-thumb-img{max-width:100%;max-height:220px;object-fit:contain}.preview-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:160px;color:var(--text-muted)}.preview-section{padding:16px;border-bottom:1px solid var(--border)}.preview-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.preview-access-list{display:flex;flex-direction:column;gap:10px}.preview-access-avatars{display:flex;gap:-6px;align-items:center}.preview-access-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;border:2px solid var(--bg-secondary);margin-right:-6px;flex-shrink:0;overflow:hidden}.preview-access-avatar img{width:100%;height:100%;object-fit:cover}.preview-access-more{background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px}.preview-access-desc{font-size:12.5px;color:var(--text-secondary)}.btn-manage-access{display:inline-flex;align-items:center;padding:7px 16px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s;align-self:flex-start}.btn-manage-access:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.preview-detail-list{display:flex;flex-direction:column;gap:10px}.preview-detail-row{display:flex;flex-direction:column;gap:2px}.preview-detail-label{font-size:11px;color:var(--text-muted);font-weight:500}.preview-detail-value{font-size:13px;color:var(--text-primary);word-break:break-word}.preview-activity{padding:8px 0}.preview-activity-loading,.preview-activity-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;color:var(--text-muted);font-size:13px;text-align:center}.preview-activity-group{margin-bottom:8px}.preview-activity-day{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 16px 6px}.preview-activity-item{display:flex;gap:12px;align-items:flex-start;padding:8px 16px;transition:background .1s}.preview-activity-item:hover{background:var(--bg-primary)}.preview-activity-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.preview-activity-avatar img{width:100%;height:100%;object-fit:cover}.preview-activity-body{flex:1;min-width:0}.preview-activity-text{font-size:13px;color:var(--text-secondary);line-height:1.4}.preview-activity-resource{font-size:12px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-activity-time{font-size:11.5px;color:var(--text-muted);margin-top:2px}.preview-activity-file-card{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;margin-top:6px;border:1px solid var(--border);border-radius:16px;background:var(--bg-primary);max-width:100%}.preview-activity-file-name{font-size:12.5px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spin{animation:spin .8s linear infinite}.meta-row{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.sidebar{width:60px}.sidebar-item span,.sidebar-storage,.col-modified,.col-size{display:none}.preview-panel{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:50}.drive-header-title{display:none}}.conflict-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.conflict-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;width:480px;max-width:90vw;padding:24px 32px;box-shadow:var(--shadow)}.conflict-modal h2{margin:0 0 16px;font-size:20px;color:var(--text-primary);font-weight:500}.conflict-modal p{margin:0 0 24px;font-size:14px;color:var(--text-secondary);line-height:1.5}.conflict-options{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.conflict-options label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:var(--text-primary)}.conflict-options input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent)}.conflict-actions{display:flex;justify-content:flex-end;gap:12px}.conflict-actions button{padding:10px 24px;border-radius:20px;font-weight:500;font-size:14px;cursor:pointer;border:none;transition:.15s}.conflict-actions .btn-cancel{background:transparent;color:var(--accent)}.conflict-actions .btn-cancel:hover{background:var(--bg-hover)}.conflict-actions .btn-primary{background:var(--accent);color:#fff}.conflict-actions .btn-primary:hover{background:var(--accent-hover)}.rename-modal,.move-modal{background:var(--bg-secondary);border-radius:20px;width:400px;max-width:90vw;padding:24px;box-shadow:var(--shadow)}.rename-modal h2,.move-modal h2{margin:0 0 16px;font-size:18px;font-weight:500;color:var(--text-primary)}.rename-input{width:100%;padding:10px 14px;border:1px solid var(--accent);border-radius:8px;font-size:14px;margin-bottom:24px;outline:none}.move-folder-list{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;margin-bottom:24px}.move-folder-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .1s;font-size:14px}.move-folder-item:hover{background:var(--bg-hover)}.move-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-actions button{padding:8px 18px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:.15s}.modal-actions .btn-cancel{background:transparent;color:var(--accent)}.modal-actions .btn-cancel:hover{background:var(--bg-hover)}.modal-actions .btn-primary{background:var(--accent);color:#fff}.modal-actions .btn-primary:hover{background:var(--accent-hover)}.share-email-wrapper{position:relative;flex:1}.share-dropdown-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.share-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 24px #0000004d;border:1px solid var(--border);z-index:300;max-height:250px;overflow-y:auto}.suggestion-status{padding:12px;text-align:center;color:var(--text-muted);font-size:13px}.suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .1s}.suggestion-item:hover{background:var(--bg-hover)}.suggestion-item svg{color:var(--text-muted);flex-shrink:0}.suggestion-info{display:flex;flex-direction:column;min-width:0}.share-modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;background:var(--bg-primary);border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin-top:auto}.btn-done{padding:8px 24px;background:var(--accent);color:#fff;border:none;border-radius:18px;font-weight:500;cursor:pointer;transition:background .2s}.btn-done:hover{background:#0b57d0}.suggestion-email{font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-google{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;max-height:80px;overflow-y:auto}.share-chip{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:4px 8px 4px 10px;font-size:13px;color:var(--text-primary)}.share-chip button{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:50%;transition:.1s}.share-chip button:hover{background:var(--bg-hover);color:var(--text-primary)}.suggestion-item.selected{background:var(--accent-light)}.suggestion-item input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.disabled-drive-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.disabled-drive-modal{background:#fff;padding:48px;border-radius:24px;box-shadow:0 10px 50px #0000001a;text-align:center;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:20px}.disabled-icon{width:120px;height:120px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.disabled-drive-modal h1{font-size:28px;color:#111827;margin:0;font-weight:700}.disabled-drive-modal p{font-size:16px;color:#4b5563;line-height:1.5;margin:0}.disabled-drive-modal .sub-text{font-size:14px;color:#9ca3af}.disabled-drive-modal .btn-primary{margin-top:12px;padding:12px 32px;font-size:16px;border-radius:12px;width:100%}.auth-gate-wrapper{height:100vh;width:100vw;display:flex;background:#fff;overflow:hidden;font-family:Inter,Roboto,sans-serif}.auth-gate-content{display:flex;width:100%;height:100%}.auth-gate-visual{flex:1.2;position:relative;background:#0f172a;display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-hero-img{width:100%;height:100%;object-fit:cover;opacity:.8}.glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172a66,#0f172a1a);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-gate-form-panel{flex:1;background:#fff;display:flex;flex-direction:column;padding:64px;justify-content:center;min-width:480px;z-index:10;box-shadow:-20px 0 50px #0000000d}.auth-gate-brand{margin-bottom:48px;display:flex;align-items:center;justify-content:space-between}.auth-logo{height:48px;object-fit:contain}.badge-secure{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:20px;font-size:12px;font-weight:500}.auth-gate-header h1{font-size:32px;font-weight:700;color:#0f172a;margin-bottom:12px;letter-spacing:-.02em}.auth-gate-header p{font-size:16px;color:#64748b;line-height:1.6;max-width:400px}.auth-gate-card{margin-top:48px;padding:32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;text-align:center}.auth-card-icon{width:64px;height:64px;background:#eff6ff;color:#3b82f6;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.auth-gate-card h3{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:8px}.auth-gate-card p{font-size:14px;color:#64748b;margin-bottom:24px}.btn-auth-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;background:#1e293b;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-auth-primary:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.auth-gate-footer{margin-top:auto;padding-top:48px}.footer-links{display:flex;align-items:center;gap:12px;margin-bottom:12px}.footer-links a{font-size:13px;color:#64748b;text-decoration:none}.footer-links a:hover{color:#3b82f6}.footer-links .dot{width:4px;height:4px;background:#cbd5e1;border-radius:50%}.auth-gate-footer p{font-size:12px;color:#94a3b8}.app-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc}.loader-spin{width:40px;height:40px;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 960px){.auth-gate-visual{display:none}.auth-gate-form-panel{min-width:100%;padding:32px}}.auth-gate-visual{background:#f8fafc!important}.auth-hero-img{opacity:1!important;mix-blend-mode:multiply}.glass-overlay{background:linear-gradient(135deg,#fff6,#ffffff1a)!important}.redirect-notice{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;color:#3b82f6;font-weight:500;font-size:14px}.dot-pulse{width:10px;height:10px;background:#3b82f6;border-radius:50%;animation:pulse-ring 1.25s infinite cubic-bezier(.215,.61,.355,1)}@keyframes pulse-ring{0%{transform:scale(.33);opacity:1}80%,to{opacity:0;transform:scale(1.5)}}.dropzone-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#d3e3fdd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:3px dashed var(--accent);border-radius:var(--radius);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--accent);pointer-events:none;animation:fadeIn .2s ease-out}.dropzone-overlay h2{font-size:24px;font-weight:600;margin:0}.file-card.drag-over-folder,.file-row.drag-over-folder{background:var(--bg-active)!important;border:2px solid var(--accent)!important;transform:scale(1.02);transition:all .2s ease}.drag-ghost{position:absolute;top:-1000px;left:-1000px;background:var(--accent);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:9999;display:flex;align-items:center;gap:8px;pointer-events:none}.quick-filters{display:flex;gap:8px;padding:24px 16px 12px;border-bottom:1px solid var(--border)}.custom-filter-dropdown{position:relative}.custom-filter-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;border:1px solid var(--border);background:var(--bg-primary);font-size:13px;color:var(--text-primary);cursor:pointer;outline:none;transition:background .2s,border-color .2s}.custom-filter-btn:hover{background:var(--bg-hover)}.custom-filter-btn:focus{border-color:var(--accent)}.custom-filter-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:6px 0;min-width:160px;z-index:100;display:flex;flex-direction:column;overflow:visible}.custom-filter-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;text-align:left;font-size:13px;color:var(--text-primary);cursor:pointer;width:100%}.custom-filter-item:hover{background:var(--bg-hover)}.custom-filter-item.active{background:#3b82f614;color:var(--accent)}