:root{--primary-color:#2c3e50;--secondary-color:#54595f;--accent-color:#e74c3c;--success-color:#27ae60;--text-color:#2c3e50;--text-light:#7f8c8d;--border-color:#dfe6e9;--bg-light:#f8f9fa;--bg-white:#fff;--shadow-sm:0 2px 4px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.15);--radius:8px;--radius-lg:12px;--transition:all .3s cubic-bezier(.4,0,.2,1)}.ftp-manager-frontend *{box-sizing:border-box}.ftp-manager-frontend .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;vertical-align:middle;font-size:20px;line-height:1}.ftp-manager-frontend{max-width:1400px;margin:40px auto;padding:0 20px}.ftp-frontend-header{display:flex;align-items:center;gap:30px;padding:40px;background:linear-gradient(135deg,var(--primary-color) 0%,#34495e 100%);border-radius:var(--radius-lg);margin-bottom:40px;box-shadow:var(--shadow-md);color:#fff}.header-logos{display:flex;align-items:center;gap:20px}.header-logos img{max-height:60px;width:auto;object-fit:contain;background:#fff;padding:10px;border-radius:var(--radius)}.header-content h2{margin:0 0 8px;font-size:32px;font-weight:600;color:#fff}.header-content p{margin:0;font-size:16px;opacity:.9}.ftp-frontend-search{display:flex;gap:15px;align-items:center;margin-bottom:30px;padding:25px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap}.ftp-frontend-search .search-box{position:relative;flex:1;min-width:300px}.ftp-frontend-search .search-box .material-symbols-outlined{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:24px;pointer-events:none}.ftp-frontend-search .search-box input{width:100%;padding:14px 15px 14px 50px;border:2px solid var(--border-color);border-radius:var(--radius);font-size:15px;transition:var(--transition)}.ftp-frontend-search .search-box input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.ftp-frontend-search .filter-box{display:flex;align-items:center;gap:10px}.ftp-frontend-search .filter-box label{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-color);white-space:nowrap}.ftp-frontend-search .filter-box select{padding:12px 15px;border:2px solid var(--border-color);border-radius:var(--radius);font-size:14px;transition:var(--transition);cursor:pointer;background:#fff}.ftp-frontend-search .filter-box select:focus{outline:none;border-color:var(--secondary-color)}.ftp-frontend-search .view-toggle{display:flex;gap:5px;background:var(--bg-light);padding:4px;border-radius:var(--radius)}.ftp-frontend-search .view-toggle .view-btn{padding:10px 14px;border:none;background:0 0;border-radius:6px;cursor:pointer;transition:var(--transition);color:var(--text-light)}.ftp-frontend-search .view-toggle .view-btn:hover,.ftp-frontend-search .view-toggle .view-btn.active{background:var(--bg-white);color:var(--secondary-color);box-shadow:var(--shadow-sm)}.ftp-frontend-files.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-bottom:40px}.frontend-file-card{background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.frontend-file-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.file-card-preview{position:relative;background:linear-gradient(135deg,var(--secondary-color),#5dade2);padding:40px;display:flex;align-items:center;justify-content:center}.file-icon-large .material-symbols-outlined{font-size:80px;color:#fff}.file-type-badge{position:absolute;top:15px;right:15px;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.5px}.file-card-body{padding:20px;flex:1}.file-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.file-description{font-size:14px;color:var(--text-light);line-height:1.6;margin:0 0 15px}.file-metadata{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.file-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-light)}.file-meta-item .material-symbols-outlined{font-size:18px}.file-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.file-tags .tag{display:inline-block;padding:4px 10px;background:var(--bg-light);color:var(--text-color);border-radius:4px;font-size:11px;font-weight:600}.file-card-footer{display:flex;gap:10px;padding:15px 20px;background:var(--bg-light);border-top:2px solid var(--border-color)}.file-card-footer .button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:var(--radius);font-size:14px;font-weight:600;text-decoration:none;transition:var(--transition);border:none;cursor:pointer}.file-card-footer .button-primary{background:var(--secondary-color);color:#fff}.file-card-footer .button-primary:hover{background:#2980b9;transform:scale(1.05)}.file-card-footer .button:not(.button-primary){background:var(--bg-white);color:var(--text-color);border:2px solid var(--border-color)}.file-card-footer .button:not(.button-primary):hover{border-color:var(--secondary-color);color:var(--secondary-color)}.ftp-frontend-files.list-view{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.ftp-frontend-files.list-view .frontend-file-card{flex-direction:row}.ftp-frontend-files.list-view .frontend-file-card:hover{transform:translateX(6px)}.ftp-frontend-files.list-view .file-card-preview{width:120px;padding:20px}.ftp-frontend-files.list-view .file-icon-large .material-symbols-outlined{font-size:48px}.ftp-frontend-files.list-view .file-type-badge{top:10px;right:10px}.ftp-frontend-files.list-view .file-card-body{flex:1;display:flex;flex-direction:column;justify-content:center}.ftp-frontend-files.list-view .file-metadata{grid-template-columns:repeat(4,auto);justify-content:flex-start;gap:20px}.ftp-frontend-files.list-view .file-card-footer{flex-direction:column;width:200px;justify-content:center}.ftp-frontend-pagination{display:flex;align-items:center;justify-content:center;gap:15px;padding:30px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ftp-frontend-pagination .button{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius);color:var(--text-color);font-weight:600;cursor:pointer;transition:var(--transition)}.ftp-frontend-pagination .button:hover:not(:disabled){border-color:var(--secondary-color);color:var(--secondary-color);transform:scale(1.05)}.ftp-frontend-pagination .button:disabled{opacity:.4;cursor:not-allowed}.ftp-frontend-pagination .page-info{font-weight:600;color:var(--text-color)}.ftp-frontend-pagination .current-page{color:var(--secondary-color);font-size:18px}.ftp-admin-link{position:fixed;bottom:20px;right:20px;z-index:1000}.admin-link-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary-color);color:#fff;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;box-shadow:var(--shadow-lg);transition:var(--transition)}.admin-link-btn:hover{background:#34495e;transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.2)}.ftp-manager-frontend.login-required{display:flex;align-items:center;justify-content:center;min-height:400px}.login-message{text-align:center;padding:60px 40px;background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:500px}.login-message .material-symbols-outlined{font-size:80px;color:var(--text-light);margin-bottom:20px}.login-message h3{font-size:24px;color:var(--text-color);margin:0 0 12px}.login-message p{font-size:16px;color:var(--text-light);margin:0 0 24px}.login-message .button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--secondary-color);color:#fff;border-radius:var(--radius);text-decoration:none;font-weight:600;transition:var(--transition)}.login-message .button:hover{background:#2980b9;transform:scale(1.05)}.no-files{text-align:center;padding:80px 20px;background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-lg)}.no-files .material-symbols-outlined{font-size:100px;color:var(--text-light);margin-bottom:20px}.no-files p{font-size:18px;color:var(--text-light);margin:0}.ftp-manager-frontend .ftp-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100000;animation:fadeIn .2s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.ftp-manager-frontend .ftp-modal-content{background:var(--bg-white);border-radius:var(--radius-lg);max-width:700px;width:90%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.ftp-manager-frontend .ftp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:linear-gradient(135deg,var(--primary-color),#34495e);color:#fff}.ftp-manager-frontend .ftp-modal-header h2{margin:0;font-size:22px;color:#fff}.ftp-manager-frontend .ftp-modal-close{background:rgba(255,255,255,.2);border:none;font-size:28px;color:#fff;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.ftp-manager-frontend .ftp-modal-close:hover{background:rgba(255,255,255,.3)}.ftp-manager-frontend .ftp-modal-body{padding:30px;max-height:60vh;overflow-y:auto}.ftp-manager-frontend .ftp-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 30px;background:var(--bg-light);border-top:2px solid var(--border-color)}@media (max-width:1024px){.ftp-frontend-files.grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.ftp-frontend-header{flex-direction:column;text-align:center;padding:30px 20px}.header-logos{flex-direction:column}.ftp-frontend-search{flex-direction:column;align-items:stretch}.ftp-frontend-search .search-box{min-width:100%}.ftp-frontend-files.grid-view{grid-template-columns:1fr}.ftp-frontend-files.list-view .frontend-file-card{flex-direction:column}.ftp-frontend-files.list-view .file-card-preview{width:100%}.ftp-frontend-files.list-view .file-card-footer{width:100%;flex-direction:row}.ftp-frontend-files.list-view .file-metadata{grid-template-columns:repeat(2,1fr)}.ftp-admin-link{bottom:15px;right:15px}.admin-link-btn{padding:10px 16px;font-size:13px}}@media (max-width:480px){.file-card-footer{flex-direction:column}.file-metadata{grid-template-columns:1fr}}