.container{max-width:900px;margin:50px auto;padding:20px;font-family:Arial,sans-serif;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;box-shadow:0 4px 6px #0000001a}h1{text-align:center;color:#333}.upload-form{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.file-input{flex:1 1 auto;padding:10px;font-size:1rem;min-width:200px}.btn{padding:10px 3%;font-size:1rem;border:none;border-radius:4px;cursor:pointer;text-align:center}.upload-btn{background-color:#4caf50;color:#fff}.file-table{width:100%;border-collapse:collapse;margin-top:20px;display:table}.file-table th,.file-table td{border:1px solid #ddd;padding:10px;text-align:left;vertical-align:middle;word-break:break-word}.file-table th{background-color:#f4f4f4;font-weight:700}.file-table tr:nth-child(2n){background-color:#f9f9f9}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.download-btn{background-color:#2196f3;color:#fff}.delete-btn{background-color:#f44336;color:#fff}.rename-btn{background-color:#ff9800;color:#fff}.rename-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;box-shadow:0 4px 6px #0003;border-radius:8px;text-align:center;z-index:9999;max-width:480px;width:90vw}.rename-input{padding:8px;margin:10px 0;width:100%}.rename-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.rename-confirm-btn{background-color:#4caf50;color:#fff}.rename-cancel-btn{background-color:#f44336;color:#fff}.popup{position:fixed;bottom:20px;right:20px;background-color:#333;color:#fff;padding:10px 20px;border-radius:4px;box-shadow:0 4px 6px #0003}@media (max-width: 900px){.container{margin:24px 12px;padding:16px}h1{font-size:1.5rem}.file-input{min-width:160px}}@media (max-width: 768px){.upload-form{gap:12px}.btn{padding:12px 16px;min-height:44px}.file-table{display:block;overflow-x:auto;white-space:nowrap;border:1px solid #ddd;border-radius:6px}.file-table table{width:100%}.action-buttons{gap:8px}}@media (max-width: 600px){.upload-form{flex-direction:column;align-items:stretch}.file-input{width:100%;font-size:.95rem}.btn{width:100%;text-align:center}.popup{left:50%;right:auto;transform:translate(-50%);width:calc(100vw - 32px);bottom:12px;padding:12px 16px}}@media (max-width: 480px){.file-table{display:block;overflow:visible;white-space:normal;border:none}.file-table thead{display:none}.file-table tr{display:block;border:1px solid #ddd;border-radius:8px;margin:0 0 12px;background:#fff;box-shadow:0 2px 4px #0000000f}.file-table td{display:grid;grid-template-columns:120px 1fr;gap:8px;border:none;border-bottom:1px solid #eee;padding:10px 12px}.file-table td:last-child{border-bottom:none}.file-table td:before{content:attr(data-label);font-weight:600;color:#555}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.action-buttons .btn{flex:1 1 48%;min-width:120px}}