.auth-login-wrapper,.auth-login-wrapper *,.auth-login-wrapper *:before,.auth-login-wrapper *:after{box-sizing:border-box}.auth-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;padding:16px}.auth-login-card{width:100%;max-width:360px;background:#fff;border-radius:12px;padding:26px 22px;box-shadow:0 16px 32px #00000040}.auth-login-title{text-align:center;font-size:22px;font-weight:600;color:#111827;margin-bottom:18px}.auth-login-error{background:#fee2e2;color:#991b1b;font-size:13px;padding:8px 10px;border-radius:6px;margin-bottom:12px;text-align:center}.auth-login-field{width:100%;margin-bottom:14px}.auth-login-input{width:100%;padding:11px 13px;font-size:14px;border-radius:8px;border:1px solid #d1d5db;outline:none;display:block;transition:border-color .2s,box-shadow .2s}.auth-login-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.auth-login-button{width:100%;padding:12px;margin-top:6px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.auth-login-button:hover:not(:disabled){background:#1d4ed8}.auth-login-button:active:not(:disabled){transform:translateY(1px)}.auth-login-button:disabled{background:#9ca3af;cursor:not-allowed}.auth-login-footer{margin-top:14px;font-size:12px;color:#6b7280;text-align:center}@media (max-width: 480px){.auth-login-card{padding:22px 18px}.auth-login-title{font-size:20px}.auth-login-input,.auth-login-button{font-size:13px}}.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}}