.app-container{display:flex;width:100vw;height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.sidebar{width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:24px 16px;flex-shrink:0}.main-content,.sidebar{height:100%;display:flex;flex-direction:column}.main-content{flex-grow:1;background-color:var(--bg-primary);overflow:hidden}.header{height:72px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background-color:var(--bg-secondary)}.search-bar-container{position:relative;width:100%;max-width:480px}.search-bar-container svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;height:42px;border-radius:9999px;border:1px solid var(--border-color);background-color:var(--bg-primary);padding:0 16px 0 46px;font-size:14px;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--accent-indigo);box-shadow:0 0 0 2px var(--accent-indigo-glow)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:32px;padding-left:8px}.brand-accent{color:var(--accent-indigo)}.btn-upload-trigger{width:100%;height:48px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-indigo));color:#fff;font-weight:600;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-glow);transition:transform var(--transition-fast),filter var(--transition-fast);margin-bottom:24px}.btn-upload-trigger:hover{transform:translateY(-1px);filter:brightness(1.1)}.nav-links{display:flex;flex-direction:column;gap:6px;flex-grow:1}.nav-link{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:10px;color:var(--text-secondary);font-weight:500;font-size:14px;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-link.active,.nav-link:hover{background-color:var(--border-color);color:var(--text-primary)}.nav-link.active{color:var(--accent-indigo);background-color:var(--accent-indigo-glow)}.project-sidebar-item{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px 0 24px;border-radius:10px;color:var(--text-secondary);font-weight:500;font-size:14px;transition:background-color var(--transition-fast),color var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none}.project-sidebar-item.active,.project-sidebar-item:hover{background-color:var(--border-color);color:var(--text-primary)}.project-sidebar-item.active{color:var(--accent-indigo);background-color:var(--accent-indigo-glow)}.project-sidebar-item-actions{display:none;align-items:center;gap:4px;flex-shrink:0}.project-sidebar-item:hover .project-sidebar-item-actions{display:flex}.sidebar-user{margin-top:auto;border-top:1px solid var(--border-color);padding-top:16px;justify-content:space-between;gap:12px}.sidebar-user,.user-avatar{display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--bg-tertiary);justify-content:center;font-weight:600;color:var(--accent-indigo)}.user-info{flex-grow:1;min-width:0}.user-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.btn-signout{color:var(--text-muted);padding:8px;border-radius:8px;transition:color var(--transition-fast),background-color var(--transition-fast)}.btn-signout:hover{color:var(--accent-danger);background-color:rgba(239,68,68,.1)}.explorer{flex-grow:1;padding:32px;overflow-y:auto}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:var(--text-secondary);font-size:14px}.breadcrumb-item{cursor:pointer;transition:color var(--transition-fast)}.breadcrumb-item.active,.breadcrumb-item:hover{color:var(--text-primary)}.breadcrumb-item.active{font-weight:600;cursor:default}.explorer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.explorer-title{font-size:24px;font-weight:700}.explorer-actions{display:flex;align-items:center;gap:12px}.btn-secondary{height:38px;padding:0 16px;border-radius:8px;border:1px solid var(--border-color);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.btn-secondary:hover{border-color:var(--border-hover);background-color:var(--border-color)}.section-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:40px}.folder-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.folder-card:hover{border-color:var(--border-hover);background-color:var(--bg-tertiary);transform:translateY(-1px)}.folder-icon{color:var(--accent-indigo);flex-shrink:0}.folder-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.table-header{padding:12px 24px;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.file-row,.table-header{display:grid;grid-template-columns:2fr 1fr 1.5fr 100px;border-bottom:1px solid var(--border-color)}.file-row{align-items:center;padding:16px 24px;font-size:14px;transition:background-color var(--transition-fast)}.file-row:last-child{border-bottom:none}.file-row:hover{background-color:var(--bg-tertiary)}.file-info{display:flex;align-items:center;gap:12px;min-width:0}.file-icon{color:var(--accent-blue);flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-date,.file-size{color:var(--text-secondary)}.file-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.btn-icon{padding:6px;border-radius:6px;color:var(--text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast)}.btn-icon:hover{color:var(--text-primary);background-color:var(--border-color)}.btn-icon.delete:hover{color:var(--accent-danger);background-color:rgba(239,68,68,.1)}.progress-drawer{position:fixed;bottom:24px;right:24px;width:360px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:100}.drawer-header{padding:16px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.drawer-title{font-size:14px;font-weight:600}.drawer-body{padding:16px;max-height:280px;overflow-y:auto;gap:16px}.drawer-body,.upload-item{display:flex;flex-direction:column}.upload-item{gap:8px}.upload-info{display:flex;justify-content:space-between;font-size:12px}.upload-name{font-weight:500;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-percentage{color:var(--text-secondary)}.progress-track{width:100%;height:6px;background-color:var(--border-color);border-radius:9999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-indigo));border-radius:9999px;transition:width .1s linear}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.admin-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase}.form-input,.form-select{width:100%;height:42px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:0 12px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus{border-color:var(--accent-indigo)}.btn-primary{height:42px;padding:0 24px;background-color:var(--accent-indigo);color:#fff;font-weight:600;border-radius:8px;transition:filter var(--transition-fast)}.btn-primary:hover{filter:brightness(1.1)}.btn-approve{background-color:var(--accent-success)}.btn-approve,.btn-suspend{padding:6px 12px;color:#fff;font-size:12px;font-weight:600;border-radius:6px}.btn-suspend{background-color:var(--accent-danger)}.badge{padding:4px 8px;border-radius:9999px;font-size:11px;font-weight:600;text-transform:uppercase}.badge.approved{background-color:rgba(16,185,129,.1);color:var(--accent-success)}.badge.pending{background-color:rgba(245,158,11,.1);color:var(--accent-warning)}.badge.suspended{background-color:rgba(239,68,68,.1);color:var(--accent-danger)}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200}.modal{width:100%;max-width:420px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:16px}.auth-wrapper{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:var(--bg-primary)}.auth-card{width:100%;max-width:400px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:var(--shadow-lg)}.auth-title{font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px;text-align:center}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px;margin:20px 0}.auth-divider:after,.auth-divider:before{content:"";flex-grow:1;height:1px;background-color:var(--border-color)}.btn-oauth{width:100%;height:42px;border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500;transition:background-color var(--transition-fast)}.btn-oauth:hover{background-color:var(--border-color)}.custom-context-menu{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-lg),0 0 0 1px rgba(0,0,0,.05);padding:6px;width:180px;display:flex;flex-direction:column;gap:2px;z-index:300}.context-menu-item{width:100%;display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-primary);transition:background-color var(--transition-fast),color var(--transition-fast);text-align:left}.context-menu-item:hover{background-color:var(--bg-tertiary)}.context-menu-item svg{color:var(--text-secondary);transition:color var(--transition-fast)}.context-menu-item:hover svg{color:var(--accent-indigo)}.context-menu-item.delete,.context-menu-item.delete svg{color:var(--accent-danger)}.context-menu-item.delete:hover{background-color:rgba(239,68,68,.1)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9999px;padding:12px 24px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-primary);z-index:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.toast.toast-success{border-color:rgba(16,185,129,.4);background-color:rgba(16,185,129,.08);box-shadow:0 10px 15px -3px rgba(16,185,129,.1),var(--shadow-lg)}.toast.toast-success svg{color:var(--accent-success)}.toast.toast-error{border-color:rgba(239,68,68,.4);background-color:rgba(239,68,68,.08);box-shadow:0 10px 15px -3px rgba(239,68,68,.1),var(--shadow-lg)}.toast.toast-error svg{color:var(--accent-danger)}.toast.toast-info{border-color:rgba(99,102,241,.4);background-color:rgba(99,102,241,.08);box-shadow:0 10px 15px -3px rgba(99,102,241,.1),var(--shadow-lg)}.toast.toast-info svg{color:var(--accent-indigo)}.animate-scale-up{animation:scaleUp .1s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-up{animation:fadeInUp .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.new-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;left:auto;min-width:220px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg),var(--shadow-glow);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;height:40px;padding:0 14px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--text-primary);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);text-align:left}.dropdown-item:hover{background-color:var(--bg-tertiary);transform:translateX(2px)}.dropdown-item svg{color:var(--text-secondary);transition:color var(--transition-fast)}.dropdown-item:hover svg{color:var(--accent-indigo)}.dropdown-divider{border:none;border-top:1px solid var(--border-color);margin:6px 0}.quill-editor-wrapper{border:1px solid var(--border-color);background-color:#ffffff!important;color:#1f2937!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.quill-editor-wrapper .ql-toolbar.ql-snow{border:none!important;border-bottom:1px solid rgba(0,0,0,.08)!important;background-color:#f9fafb!important;padding:10px 14px!important;border-top-left-radius:8px!important;border-top-right-radius:8px!important}.quill-editor-wrapper .ql-container.ql-snow{border:none!important;font-family:inherit!important;font-size:15px!important}.quill-editor-wrapper .ql-editor{padding:24px 32px!important;min-height:350px}.quill-editor-wrapper .ql-editor::-webkit-scrollbar{width:6px}.quill-editor-wrapper .ql-editor::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:9999px}.quill-editor-wrapper .ql-editor::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}.sheet-grid-wrapper{box-shadow:inset 0 2px 4px rgba(0,0,0,.2);scrollbar-gutter:stable}.spreadsheet-table{border-collapse:collapse;background-color:var(--bg-primary);color:var(--text-primary);table-layout:fixed}.spreadsheet-table th{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.5px;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.spreadsheet-table tr:hover th{background-color:var(--bg-tertiary)}.spreadsheet-table td,.spreadsheet-table th{border:1px solid rgba(255,255,255,.08)!important}.spreadsheet-table td input{transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.spreadsheet-table td input:focus{background-color:var(--bg-tertiary)!important;box-shadow:inset 0 0 0 2px var(--accent-indigo)}.spreadsheet-table td input::placeholder{color:var(--text-muted)}.mobile-top-header{display:none;height:64px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 20px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-menu-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.mobile-menu-btn:hover{background-color:var(--bg-tertiary)}.mobile-brand{gap:10px;font-size:16px;letter-spacing:-.3px;color:var(--text-primary)}.mobile-brand,.mobile-user-avatar{display:flex;align-items:center;font-weight:700}.mobile-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-brand);color:#ffffff;justify-content:center;font-size:13px;box-shadow:var(--shadow-sm)}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.item-select-checkbox{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color var(--transition-fast),transform var(--transition-fast);margin-right:12px;flex-shrink:0}.item-select-checkbox svg{stroke-width:2.2px}.item-select-checkbox:hover{color:var(--brand-accent);transform:scale(1.05)}.checkbox-unselected{color:var(--text-muted);opacity:.4;transition:opacity var(--transition-fast),color var(--transition-fast)}.folder-card{position:relative;overflow:hidden;padding-left:12px}@media (min-width:769px){.file-row .item-select-checkbox,.folder-card .item-select-checkbox{opacity:0;width:0;margin-right:0;overflow:hidden;transition:opacity .2s ease,width .2s ease,margin .2s ease}.file-row.selected .item-select-checkbox,.file-row:hover .item-select-checkbox,.folder-card.selected .item-select-checkbox,.folder-card:hover .item-select-checkbox{opacity:1;width:18px;margin-right:12px}}.folder-card.selected{background-color:rgba(99,102,241,.1)!important;border-color:rgba(99,102,241,.4)!important;box-shadow:0 0 12px rgba(99,102,241,.1)!important}.file-row.selected{background-color:rgba(99,102,241,.08)!important;border-color:rgba(99,102,241,.3)!important}.master-select-checkbox{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color var(--transition-fast)}.master-select-checkbox:hover{color:var(--brand-accent)}.floating-bulk-bar{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background-color:rgba(22,24,33,.85);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:var(--shadow-lg),0 0 30px rgba(99,102,241,.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100;padding:12px 24px;width:max-content;max-width:90vw;animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) forwards}.bulk-bar-content{display:flex;align-items:center;gap:24px}.bulk-selection-count{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-primary);border-right:1px solid var(--border-color);padding-right:20px}.count-badge{background:var(--gradient-brand);color:#ffffff;font-weight:700;font-size:12px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;justify-content:center;box-shadow:var(--shadow-sm)}.bulk-bar-actions,.count-badge{display:flex;align-items:center}.bulk-bar-actions{gap:12px}.btn-bulk{display:flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;font-size:13.5px;font-weight:600;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-bulk:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}.btn-bulk-copy:hover{color:var(--accent-indigo);border-color:rgba(99,102,241,.4)}.btn-bulk-move:hover{color:var(--brand-accent);border-color:rgba(59,130,246,.4)}.btn-bulk-delete{color:#ef4444;border-color:rgba(239,68,68,.2)}.btn-bulk-delete:hover{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.4)}.bulk-bar-divider{height:20px;width:1px;background-color:var(--border-color)}.bulk-bar-close{color:var(--text-secondary);transition:color var(--transition-fast),transform var(--transition-fast)}.bulk-bar-close:hover{color:var(--text-primary);transform:scale(1.1)}.picker-modal{box-shadow:var(--shadow-lg),0 0 40px rgba(0,0,0,.4)!important}.picker-dir-row:hover,.picker-modal{background-color:var(--bg-secondary)!important}.picker-dir-row:hover{box-shadow:var(--shadow-sm)}.picker-breadcrumb-item.active,.picker-breadcrumb-item:hover{color:var(--brand-accent)!important}.picker-breadcrumb-item.active{pointer-events:none}@media (max-width:1024px){.app-container{grid-template-columns:240px 1fr}.sidebar{width:240px}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.app-container{display:flex;flex-direction:column;grid-template-columns:none;height:100vh}.mobile-top-header{display:flex;flex-shrink:0}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:100;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:20px 0 30px rgba(0,0,0,.5);background-color:var(--bg-secondary)}.sidebar.sidebar-open{transform:translateX(0)}.main-content{flex:1 1;overflow-y:auto;padding:16px}.header{height:auto;border-bottom:none;padding:0;margin-bottom:16px}.search-bar-container{max-width:100%;margin-top:4px}.explorer{margin-top:8px}.explorer-header{margin-bottom:16px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.explorer-title{font-size:20px}.breadcrumbs{font-size:13px;margin-bottom:12px}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.folder-card{padding:12px;gap:8px}.folder-card .item-select-checkbox{width:18px;margin-right:4px}.files-container{background:none;border:none;padding:0;display:flex;flex-direction:column;gap:10px}.table-header{display:none}.file-row{grid-template-columns:1fr auto;padding:14px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:8px;position:relative}.file-info,.file-size{grid-column:1}.file-size{padding-left:30px;font-size:12px;color:var(--text-secondary)}.file-date{display:none}.file-actions{grid-column:2;grid-row:1/span 2;align-self:center;display:flex;align-items:center;gap:6px}.file-row .item-select-checkbox,.folder-card .item-select-checkbox{opacity:1;width:18px;margin-right:8px}.floating-bulk-bar{width:92vw;bottom:16px;padding:10px 16px;border-radius:14px}.bulk-bar-content{gap:12px;justify-content:space-between;width:100%}.bulk-selection-count{padding-right:8px;gap:6px;border:none;font-size:12px}.bulk-bar-actions{gap:6px}.btn-bulk{height:34px;padding:0 10px;font-size:12px;border-radius:8px;gap:4px}.btn-bulk span{display:none}.bulk-bar-divider{height:14px}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.view-mode-toggle{display:inline-flex;align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:4px;border-radius:30px;gap:2px;margin-right:12px;flex-shrink:0}.view-mode-toggle .toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.view-mode-toggle .toggle-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.view-mode-toggle .toggle-btn.active{color:#fff;background-color:var(--brand-accent,#6366f1);box-shadow:0 2px 8px rgba(99,102,241,.4)}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:40px}.file-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:all var(--transition-fast);aspect-ratio:1/1.1;justify-content:space-between}.file-card:hover{border-color:var(--border-hover);background-color:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.file-card.selected{background-color:rgba(99,102,241,.1)!important;border-color:rgba(99,102,241,.4)!important;box-shadow:0 0 12px rgba(99,102,241,.1)!important}.file-card .item-select-checkbox{position:absolute;top:12px;left:12px;opacity:0;width:0;overflow:hidden;transition:opacity .2s ease,width .2s ease;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--brand-accent,#6366f1);z-index:2}.file-card.selected .item-select-checkbox,.file-card:hover .item-select-checkbox{opacity:1;width:18px}.file-card .file-card-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;width:100%;margin-top:16px;margin-bottom:12px}.file-card .file-card-icon{color:var(--accent-blue,#3b82f6);margin-bottom:8px;transition:transform .2s ease}.file-card:hover .file-card-icon{transform:scale(1.1)}.file-card .file-card-info{width:100%;text-align:center;min-width:0}.file-card .file-card-name{display:block;font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.file-card .file-card-meta{font-size:11px;color:var(--text-secondary)}.file-card .file-card-actions{position:absolute;top:12px;right:12px;opacity:0;transition:opacity var(--transition-fast);display:flex;gap:4px;z-index:2}.file-card:hover .file-card-actions{opacity:1}@media (max-width:768px){.file-card .item-select-checkbox{opacity:1;width:18px}}