*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overscroll-behavior:none}.app{min-height:100vh}.login-container{align-items:center;background:#667eea;display:flex;justify-content:center;min-height:100vh}.login-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:60px 50px;text-align:center;width:90%}@media (max-width:480px){.login-box{border-radius:16px;padding:40px 30px}.login-box h1{font-size:28px}}.login-box h1{color:#1d1d1f;font-size:32px;font-weight:600;margin-bottom:10px}.login-box p{color:#86868b;font-size:17px;margin-bottom:30px}.input-group{margin-bottom:20px}.input-group input{border:1px solid #d2d2d7;border-radius:12px;font-size:17px;outline:none;padding:16px 20px;transition:all .3s;width:100%}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.btn-primary{background:#667eea;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:16px;transition:all .3s;width:100%}.btn-primary:hover{background:#5568d3;box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.dashboard{margin:0 auto;max-width:1400px;padding:40px 20px}@media (max-width:768px){.dashboard{padding:20px 16px}}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.dashboard-header h1{color:#1d1d1f;font-size:42px;font-weight:700}@media (max-width:768px){.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:32px}}@media (max-width:480px){.dashboard-header h1{font-size:28px}}.logout-btn{background:#f5f5f7;border:none;border-radius:20px;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s}.logout-btn:hover{background:#e8e8ed}.search-filter-container{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-input{background:#fff;border:1px solid #d2d2d7;border-radius:12px;flex:1 1;font-size:16px;min-width:250px;outline:none;padding:14px 20px;transition:all .3s}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.filter-select{background:#fff;border:1px solid #d2d2d7;border-radius:12px;cursor:pointer;font-size:16px;min-width:180px;outline:none;padding:14px 20px;transition:all .3s}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.files-count{color:#86868b;font-size:14px;margin-bottom:16px}@media (max-width:768px){.search-filter-container{gap:10px}.filter-select,.search-input{font-size:15px;min-width:100%;padding:12px 16px}.files-count{font-size:13px;margin-bottom:12px}}.upload-zone{background:#fff;border:2px dashed #d2d2d7;border-radius:20px;cursor:pointer;margin-bottom:40px;padding:60px;text-align:center;transition:all .3s}@media (max-width:768px){.upload-zone{border-radius:16px;padding:40px 20px}}@media (max-width:480px){.upload-zone{padding:30px 16px}.upload-zone h3{font-size:20px}.upload-zone p{font-size:15px}}.upload-zone.drag-over{background:#667eea0d;border-color:#667eea}.upload-zone:hover{border-color:#667eea}.upload-icon{color:#667eea;font-size:60px;margin-bottom:20px}.upload-zone h3{font-size:24px;font-weight:600;margin-bottom:10px}.upload-zone p{color:#86868b;font-size:17px}.files-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:30px}@media (max-width:768px){.files-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.files-grid{display:flex;flex-direction:column;gap:12px}}.file-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:20px;transition:all .3s}@media (max-width:768px){.file-card{padding:16px}}@media (max-width:480px){.file-card{align-items:center;border-radius:12px;display:flex;flex-direction:row;gap:12px;padding:12px}}.file-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.file-preview{background-color:#f5f5f7;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;height:180px;margin-bottom:15px;width:100%}.file-preview-icon{align-items:center;background:linear-gradient(135deg,#f5f5f7,#e8e8ed);display:flex;font-size:60px;justify-content:center}@media (max-width:480px){.file-preview{border-radius:8px;flex-shrink:0;height:60px;margin-bottom:0;width:60px}.file-preview-icon{font-size:32px}}.file-icon{font-size:50px;margin-bottom:15px;text-align:center}@media (max-width:480px){.file-icon{flex-shrink:0;font-size:32px;margin-bottom:0}}.file-name{word-wrap:break-word;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px;overflow-wrap:break-word;white-space:normal}.file-info{display:flex;flex:1 1;flex-direction:column;min-width:0}@media (max-width:480px){.file-name{font-size:14px;margin-bottom:4px}}.file-size{word-wrap:break-word;color:#86868b;flex:1 1;font-size:14px}@media (max-width:480px){.file-size{font-size:12px;margin-bottom:0}}.file-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}@media (max-width:480px){.file-actions{flex-direction:column;flex-shrink:0;gap:6px}}.btn-small{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-height:44px;min-width:120px;padding:8px 12px;touch-action:manipulation;transition:all .3s;white-space:nowrap}@media (max-width:768px){.btn-small{font-size:15px;padding:12px 16px}}@media (max-width:480px){.btn-small{flex:0 0 auto;font-size:13px;min-height:36px;min-width:80px;padding:8px 12px}}.btn-download{background:#667eea;color:#fff}.btn-download:hover{background:#5568d3}.btn-delete{background:#ff3b30;color:#fff}.btn-delete:hover{background:#e62e24}.no-files{color:#86868b;font-size:17px;padding:60px;text-align:center}@media (max-width:480px){.no-files{font-size:15px;padding:40px 20px}}.error-message{background:#ff3b30}.error-message,.success-message{border-radius:12px;color:#fff;font-size:15px;margin-bottom:20px;padding:12px 20px;text-align:center}.success-message{background:#34c759}@media (max-width:480px){.error-message,.success-message{font-size:14px;padding:14px 16px;word-break:break-word}}.loading{color:#86868b;font-size:17px;padding:40px;text-align:center}input[type=file]{display:none}
/*# sourceMappingURL=main.29a9cd1b.css.map*/