.page-content{min-width:0;max-width:100%}.upload-section{margin-top:-15px;margin-bottom:var(--space-32)}.mobile-upload{display:none}.mobile-upload-card{position:relative;border-radius:var(--radius-lg);padding:var(--space-16) var(--space-20);background:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.mobile-upload-card:active{transform:scale(.985);border-color:var(--color-blue-primary);box-shadow:0 0 0 3px rgba(var(--color-blue-primary-rgb),.12)}.mobile-upload-glow{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-blue-primary) 0%,var(--color-cyan-accent) 50%,var(--color-blue-primary) 100%);opacity:.8;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.mobile-upload-inner{display:flex;align-items:center;gap:var(--space-12)}.mobile-upload-icon-wrap{width:40px;height:40px;border-radius:var(--radius-base);background:linear-gradient(135deg,rgba(var(--color-blue-primary-rgb),.12),rgba(var(--color-cyan-accent-rgb),.08));display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-blue-primary)}.mobile-upload-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-upload-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.mobile-upload-formats{font-size:var(--font-size-xs);color:var(--color-text-secondary);opacity:.6}.mobile-upload-chevron{flex-shrink:0;color:var(--color-text-secondary);opacity:.4}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-32);text-align:center;background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-standard),background var(--duration-normal) var(--ease-standard);cursor:pointer;height:185px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-sizing:border-box}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}.drop-zone.drag-over{border-style:solid}.drop-zone-content{pointer-events:none;width:100%}.upload-icon{margin-bottom:var(--space-12);display:flex;align-items:center;justify-content:center;color:var(--color-text)}.upload-icon svg{width:72px;height:72px}.drop-text-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--space-8);flex-wrap:wrap;margin:var(--space-16) 0}.drop-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.file-select-button{display:inline-block;padding:var(--space-8) var(--space-16);background:rgba(var(--color-blue-primary-rgb),.1);border:1px solid var(--color-blue-primary);border-radius:var(--radius-base);color:var(--color-blue-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);text-decoration:none;pointer-events:all}.file-select-button:hover{background:rgba(var(--color-blue-primary-rgb),.15);border-color:var(--color-blue-primary-hover);color:var(--color-blue-primary-hover)}.supported-formats{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-8)}.files-section{position:relative;padding-top:26px}.files-section>.segment-debug-badge{top:0;left:0}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-16);gap:var(--space-16)}.files-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.files-filters{display:flex;flex-wrap:wrap;gap:var(--space-12);align-items:flex-end;margin-left:auto}.user-filter{display:flex;flex-direction:column;gap:var(--space-4);min-width:220px}.user-filter-label,.date-range-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;margin:0}.user-filter-input{width:100%;height:40px;padding:var(--space-10) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface);color:var(--color-text)}.user-filter-input::placeholder{color:var(--color-text-secondary)}.user-filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:none}.date-range-picker{position:relative;min-width:220px}.date-range-wrapper{display:flex;align-items:center;gap:var(--space-12)}.date-range-input{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-10) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface);cursor:pointer;color:var(--color-text);min-height:40px}.date-range-input .placeholder{color:var(--color-text-secondary)}.date-range-input .chevron{font-size:10px;color:var(--color-text-secondary)}.filter-actions{display:flex;gap:var(--space-8)}.filter-reset-btn{width:34px;height:34px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text);cursor:pointer}.filter-reset-btn svg{width:18px;height:18px}.filter-reset-btn:hover:not(:disabled){background:var(--color-secondary)}.filter-reset-btn:disabled{opacity:.4;cursor:not-allowed}.bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-12)}.page-content .btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-16);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:500;line-height:1.5;cursor:pointer;transition:all var(--duration-normal) var(--ease-standard);border:none;text-decoration:none}.page-content .btn--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.page-content .btn--outline:hover{background:var(--color-secondary)}.page-content .btn--sm{padding:var(--space-4) var(--space-12);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.page-content .btn:disabled{opacity:.5;cursor:not-allowed}.files-list{display:flex;flex-direction:column;gap:var(--space-8)}.file-item{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-base);padding:var(--space-16);display:grid;grid-template-columns:48px 1fr 180px 140px 180px auto;align-items:center;gap:var(--space-16);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);cursor:default;position:relative;z-index:1;min-height:72px;box-sizing:border-box}.file-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.file-icon{display:flex;align-items:center;justify-content:center}.file-icon-wrapper{width:48px;height:48px;background:#d7e1ea;border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.file-icon-wrapper svg{width:24px;height:24px;color:var(--color-text)}html[data-theme=dark] .file-icon-wrapper svg{color:#000}html[data-theme=dark] .file-icon-wrapper svg path{stroke:#000}.file-info{min-width:0;display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.file-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text);text-align:left;text-decoration:none}.file-size,.file-date,.file-projects,.owner-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left}.file-date{white-space:nowrap}.file-projects{min-width:0;max-width:180px}.no-projects{color:var(--color-text-secondary)}.file-user{display:flex;align-items:center;gap:var(--space-8);text-align:left;min-width:0}.file-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:.02em}.owner-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.status-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-surface);box-shadow:0 1px 3px #00000026;flex-shrink:0;z-index:1;overflow:hidden}.status-badge-icon{font-size:10px;line-height:1;font-weight:var(--font-weight-bold)}.status-badge.status-completed{background:var(--color-success);color:#fff}.file-actions{display:flex;gap:var(--space-8);flex-shrink:0;position:relative;justify-content:flex-end;margin-left:auto}.file-actions-buttons{display:flex;gap:var(--space-8)}.file-item .icon-btn{width:32px;height:32px;border-radius:var(--radius-base);border:1px solid var(--color-border);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-standard);color:var(--color-text);cursor:pointer}.file-item .icon-btn svg{width:20px;height:20px}.file-item .icon-btn:hover{background:var(--color-secondary)}.file-item .icon-btn.danger{color:var(--color-error)}.file-item .icon-btn.danger:hover{background:rgba(var(--color-error-rgb),.1);border-color:var(--color-error)}.files-pagination{margin-top:var(--space-24);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-12);flex-wrap:wrap}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pagination-buttons{display:flex;gap:var(--space-8)}.pagination-btn{padding:var(--space-6) var(--space-12);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);min-width:40px}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background:var(--color-secondary)}@media(min-width:769px){.page-content{padding:var(--space-32)}}@media(max-width:1600px)and (min-width:1280px){.file-info{max-width:350px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:1280px)and (min-width:1200px){.file-info{max-width:300px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:1200px)and (min-width:769px){.files-header{flex-wrap:wrap}.files-filters{width:100%;margin-left:0;margin-top:var(--space-12)}}@media(max-width:1200px){.file-item{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);background:var(--color-surface);border-radius:var(--radius-base);border:1px solid var(--color-border);min-height:0;align-items:flex-start}.file-icon{align-self:flex-start}.file-info{width:100%;max-width:100%}.file-name{font-size:var(--font-size-base);margin-bottom:var(--space-4);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.file-projects,.file-date,.file-user{width:100%;max-width:100%;margin-top:var(--space-4)}.file-actions{width:100%;justify-content:flex-start;margin-left:0;margin-top:var(--space-8);padding-top:var(--space-12);border-top:1px solid var(--color-border)}}@media(max-width:768px){.mobile-upload{display:block;margin-bottom:var(--space-8)}.upload-section{margin-top:0;margin-bottom:var(--space-20)}.drop-zone{display:none!important}.files-header{flex-direction:column;align-items:flex-start;gap:var(--space-12)}.files-header h2{font-size:var(--font-size-lg)}.files-filters{width:100%;margin-left:0;flex-direction:column;align-items:stretch;gap:var(--space-8)}.user-filter,.date-range-picker{min-width:0;width:100%}.date-range-wrapper{flex-direction:column;align-items:stretch;gap:var(--space-4)}.files-pagination{flex-direction:column;align-items:stretch;gap:var(--space-8)}.pagination-info{text-align:center;order:2}.pagination-buttons{display:flex;justify-content:center;gap:var(--space-8);order:1}}