.wifi-share-container{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif}.wifi-share-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:40px;border-radius:20px;margin-bottom:30px;box-shadow:0 20px 60px rgba(0,0,0,.1)}.header-content h1{font-size:2.5rem;margin:0 0 10px;display:flex;align-items:center;gap:15px}.subtitle{font-size:1.1rem;opacity:.9;margin-bottom:20px}.network-status{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);padding:10px 20px;border-radius:50px;width:fit-content}.status-indicator{width:10px;height:10px;border-radius:50%;background:#4caf50;animation:pulse 2s infinite}.wifi-share-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}@media (max-width:1024px){.wifi-share-grid{grid-template-columns:1fr}}.share-section{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px rgba(0,0,0,.08);transition:transform .3s ease}.share-section:hover{transform:translateY(-5px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.section-header h2{margin:0;font-size:1.5rem;display:flex;align-items:center;gap:10px;color:#333}.section-actions{display:flex;gap:10px}.modern-textarea{width:100%;min-height:200px;padding:20px;border:2px solid #e0e0e0;border-radius:15px;font-size:16px;resize:vertical;transition:border-color .3s}.modern-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.text-actions{display:flex;gap:15px;margin:20px 0}.btn-primary,.btn-secondary,.btn-danger{padding:12px 25px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.upload-area{border:3px dashed #667eea;border-radius:20px;padding:60px 20px;text-align:center;background:#f8f9ff;transition:all .3s ease;margin-bottom:20px}.upload-area:hover{background:#edf0ff}.upload-area i{font-size:60px;color:#667eea;margin-bottom:20px}.btn-browse{background:#fff;color:#667eea;border:2px solid #667eea;padding:12px 30px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.btn-browse:hover{background:#667eea;color:white}.upload-progress{background:#f0f0f0;border-radius:10px;padding:15px;margin:20px 0;display:none}.progress-bar{height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);width:0%;transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;font-size:14px;color:#666}.file-management-section{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px rgba(0,0,0,.08)}.section-stats{display:flex;gap:30px}.stat-item{display:flex;align-items:center;gap:8px;background:#f8f9ff;padding:8px 15px;border-radius:10px;color:#667eea;font-weight:500}.file-management-actions{display:flex;gap:15px;margin:20px 0;align-items:center}.btn-danger{background:linear-gradient(135deg,#ff416c 0%,#ff4b2b 100%);color:white}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,65,108,.3)}.btn-refresh{background:#f0f0f0;color:#666;padding:12px 25px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.btn-refresh:hover{background:#e0e0e0}.files-table-container{overflow-x:auto;border-radius:15px;border:2px solid #f0f0f0}.modern-table{width:100%;border-collapse:collapse}.modern-table th{background:#f8f9ff;padding:15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.modern-table td{padding:15px;border-bottom:1px solid #f0f0f0}.modern-table tr:hover{background:#f8f9ff}.select-col{width:50px;text-align:center}.no-files{text-align:center;padding:60px 20px;color:#999}.no-files i{font-size:60px;margin-bottom:20px;opacity:.5}.files-summary{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0}.selected-summary{display:flex;align-items:center;gap:10px;color:#667eea;font-weight:500}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000}.toast{background:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);margin-bottom:10px;animation:slideIn .3s ease;display:flex;align-items:center;gap:10px;min-width:300px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:none;justify-content:center;align-items:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:5px solid #f0f0f0;border-top:5px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.file-preview{width:40px;height:40px;object-fit:cover;border-radius:8px;margin-right:10px}.btn-download{background:#4caf50;color:white;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px}.btn-download:hover{background:#45a049}