.file-manager{padding:20px;height:100vh;overflow-y:auto}.file-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.file-manager-header h1{margin:0;font-size:24px}.server-selector{display:flex;align-items:center;gap:10px}.server-selector label{font-weight:500}.server-selector select{padding:8px 12px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:inherit;font-size:14px;min-width:200px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px;border-radius:6px;margin-bottom:15px}.file-manager-content{display:flex;flex-direction:column;gap:15px}.toolbar{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.toolbar button{padding:6px 12px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:inherit;cursor:pointer;transition:all .2s}.toolbar button:hover:not(:disabled){background:#ffffff1a}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.current-path{flex:1;font-family:Courier New,monospace;font-size:14px;padding:6px 12px;background:#0003;border-radius:6px}.upload-section,.create-folder-section{display:flex;gap:10px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.upload-section input[type=file],.create-folder-section input[type=text]{flex:1;padding:8px 12px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:inherit}.upload-section button,.create-folder-section button{padding:8px 16px;border-radius:6px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#60a5fa;cursor:pointer;transition:all .2s}.upload-section button:hover:not(:disabled),.create-folder-section button:hover:not(:disabled){background:#3b82f64d}.upload-section button:disabled,.create-folder-section button:disabled{opacity:.5;cursor:not-allowed}.file-list{background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.file-list table{width:100%;border-collapse:collapse}.file-list thead{background:#ffffff0d}.file-list th{padding:12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.file-list tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s;cursor:pointer}.file-list tbody tr *{cursor:pointer!important}.file-list tbody tr:hover{background:#ffffff08}.file-list tbody tr.selected{background:#3b82f61a}.file-list td{padding:12px;font-size:14px;cursor:pointer!important}.file-name{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;cursor:pointer!important}.file-name:hover{color:#60a5fa}.file-icon{font-size:18px}.actions{display:flex;gap:6px;justify-content:flex-end}.actions button{padding:6px 10px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:inherit;cursor:pointer;font-size:13px;transition:all .2s;align-items:flex-end;display:flex;align-items:center;gap:6px}.actions button svg{flex-shrink:0;width:21px;height:21px}.actions button:hover{background:#ffffff1a}.actions button.delete-btn{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.actions button.delete-btn:hover{background:#ef444433}.loading{text-align:center;padding:40px;font-size:16px;color:#ffffff80}.empty-state{text-align:center;padding:40px;color:#ffffff4d;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;min-width:400px;max-width:600px;box-shadow:0 20px 60px #00000080}.modal-content.editor-modal{min-width:700px;max-width:900px}.modal-content h3{margin:0 0 16px;font-size:18px}.modal-content input[type=text],.modal-content textarea{width:100%;padding:10px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:inherit;font-family:Courier New,monospace;font-size:14px;margin-bottom:16px}.modal-content textarea{resize:vertical;min-height:400px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{padding:8px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s}.modal-actions button:first-child{background:#3b82f633;border-color:#3b82f64d;color:#60a5fa}.modal-actions button:first-child:hover:not(:disabled){background:#3b82f64d}.modal-actions button:last-child{background:#ffffff0d;color:inherit}.modal-actions button:last-child:hover{background:#ffffff1a}.modal-actions button:disabled{opacity:.5;cursor:not allowed}.file-manager .actions-bar{display:flex;align-items:center;gap:12px;width:100%}.file-manager .search-filter{flex:1;min-width:0;display:flex}.file-manager .search-box{min-width:300px;max-width:none!important;flex:1;position:relative;display:flex!important;align-items:center!important;gap:8px!important;width:100%;padding:10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:0!important;background:transparent}.file-manager .search-box svg{position:static!important;flex-shrink:0;min-width:18px;width:auto}.file-manager .search-box input[type=text]{flex:1;min-width:0;padding:0!important;background:transparent;border:none}.file-manager .btn-icon{flex-shrink:0;width:28px;height:28px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.file-manager .btn-icon:hover:not(:disabled){background:#ffffff1a}.file-manager .action-buttons{display:flex;gap:8px;flex-shrink:0;align-items:center}.file-manager .btn{display:flex;align-items:center;gap:6px;white-space:nowrap}
