:root{--primary-color:#3b82f6;--secondary-color:#64748b;--bg-color:#f8fafc;--sidebar-bg:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--success-color:#10b981;--danger-color:#ef4444}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-color);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{box-sizing:border-box}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{background-color:#fff;background-color:var(--sidebar-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;width:260px}.logo-container{align-items:center;color:#3b82f6;color:var(--primary-color);display:flex;gap:.75rem;margin-bottom:3rem}.logo-text{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.nav-menu{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.nav-item{align-items:center;border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:1rem;padding:.75rem 1rem;transition:all .2s}.nav-item.active,.nav-item:hover{background-color:#eff6ff;color:#3b82f6;color:var(--primary-color)}.storage-promo{margin-top:auto}.promo-card{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;color:#fff;padding:1.5rem;text-align:center}.promo-card p{font-weight:600;margin:0 0 1rem}.upgrade-btn{background:#fff;border:none;border-radius:6px;color:#3b82f6;color:var(--primary-color);cursor:pointer;font-weight:600;padding:.5rem 1rem;width:100%}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.header{background-color:#fff;background-color:var(--sidebar-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);height:80px;justify-content:space-between;padding:0 2rem}.header,.search-bar{align-items:center;display:flex}.search-bar{background-color:#f8fafc;background-color:var(--bg-color);border-radius:8px;padding:.5rem 1rem;width:400px}.search-icon{color:#64748b;color:var(--text-secondary);margin-right:.5rem}.search-bar input{background:#0000;border:none;flex:1 1;font-size:.95rem;outline:none}.header-actions{gap:1.5rem}.header-actions,.icon-btn{align-items:center;display:flex}.icon-btn{background:none;border:none;color:#64748b;color:var(--text-secondary);cursor:pointer;justify-content:center;position:relative}.notification-dot{background-color:#ef4444;background-color:var(--danger-color);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:0;top:0;width:8px}.avatar{align-items:center;background-color:#e2e8f0;border-radius:50%;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.wallet-wrapper button{font-size:.9rem;padding:.5rem 1rem}.content-scroll{flex:1 1;overflow-y:auto;padding:2rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{font-size:1.75rem;margin:0}.upload-btn{background-color:#3b82f6;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.upload-btn:hover{background-color:#2563eb}.stats-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.stats-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;gap:1.5rem;padding:1.5rem}.stats-card,.stats-icon{align-items:center;display:flex}.stats-icon{border-radius:12px;height:50px;justify-content:center;width:50px}.stats-icon.blue{background-color:#eff6ff;color:#3b82f6}.stats-icon.purple{background-color:#f3e8ff;color:#9333ea}.stats-icon.orange{background-color:#fff7ed;color:#f97316}.stats-info h3{color:#64748b;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0 0 .25rem}.stats-value{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.stats-subtext{color:#10b981;color:var(--success-color);font-size:.8rem;margin:.25rem 0 0}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.recent-files-widget{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.widget-header h3{margin:0}.view-all{background:none;border:none;color:#3b82f6;color:var(--primary-color);cursor:pointer;font-weight:600}.files-table{border-collapse:collapse;width:100%}.files-table th{color:#64748b;color:var(--text-secondary);font-weight:500;padding-bottom:1rem;text-align:left}.files-table td,.files-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}.files-table td{color:#1e293b;color:var(--text-primary);padding:1rem 0}.files-table tr:last-child td{border-bottom:none}.file-name{align-items:center;display:flex;font-weight:500;gap:.75rem}.file-icon{color:#64748b;color:var(--text-secondary)}.file-icon.doc{color:#3b82f6}.file-icon.img{color:#8b5cf6}.file-icon.video{color:#f43f5e}.action-btn{background:none;border:none;color:#64748b;color:var(--text-secondary);cursor:pointer;padding:.25rem}.action-btn:hover{background-color:#f8fafc;background-color:var(--bg-color);border-radius:4px}.storage-details-widget{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.storage-chart-placeholder{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.pie-chart{background:conic-gradient(#3b82f6 0 45%,#8b5cf6 45% 75%,#e2e8f0 75% 100%);border-radius:50%;height:150px;margin-bottom:2rem;width:150px}.legend{width:100%}.legend-item{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.dot{border-radius:50%;height:10px;width:10px}.dot.docs{background-color:#3b82f6}.dot.media{background-color:#8b5cf6}.dot.other{background-color:#e2e8f0}@media (max-width:1024px){.dashboard-grid,.stats-row{grid-template-columns:1fr}}.files-list-container{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.file-icon.folder{color:#f59e0b}.files-list-container.empty-state{align-items:center;display:flex;justify-content:center;min-height:400px}.empty-state-content{max-width:400px;text-align:center}.empty-icon{color:#64748b;color:var(--text-secondary);margin-bottom:1.5rem}.empty-state-content h3{color:#1e293b;color:var(--text-primary);margin:0 0 .5rem}.empty-state-content p{color:#64748b;color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem}.loading-state{color:#64748b;color:var(--text-secondary);font-weight:500;height:200px}.loading-state,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;max-width:500px;padding:1.5rem;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h3{font-size:1.25rem;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary);cursor:pointer;padding:.25rem}.close-btn:hover{background-color:#f8fafc;background-color:var(--bg-color)}.drop-zone{background-color:#fafafa;border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:3rem 1.5rem;text-align:center;transition:all .2s}.drop-zone.active,.drop-zone:hover{background-color:#eff6ff;border-color:#3b82f6;border-color:var(--primary-color)}.upload-icon{color:#3b82f6;color:var(--primary-color);margin-bottom:1rem}.drop-zone p{color:#64748b;color:var(--text-secondary);margin:.5rem 0}.browse-text{color:#3b82f6;color:var(--primary-color);font-weight:600;text-decoration:underline}.upload-hint{font-size:.85rem;opacity:.7}.selected-files-list{margin-top:1.5rem}.selected-files-list h4{color:#64748b;color:var(--text-secondary);font-size:.95rem;margin:0 0 .75rem}.files-scroll{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;max-height:150px;overflow-y:auto}.selected-file-item{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem}.selected-file-item:last-child{border-bottom:none}.file-info{align-items:center;display:flex;gap:.75rem;overflow:hidden}.file-item-icon{color:#3b82f6;color:var(--primary-color);flex-shrink:0}.file-item-name{font-size:.9rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-size{flex-shrink:0;font-size:.8rem;margin-left:.5rem}.file-item-size,.remove-file-btn{color:#64748b;color:var(--text-secondary)}.remove-file-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:.25rem}.remove-file-btn:hover{color:#ef4444;color:var(--danger-color)}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#64748b;color:var(--text-secondary)}.cancel-btn,.upload-submit-btn{cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.upload-submit-btn{background:#3b82f6;background:var(--primary-color);border:none;border-radius:8px;color:#fff}.upload-submit-btn:disabled{background-color:#64748b;background-color:var(--text-secondary);cursor:not-allowed;opacity:.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.a65d05e3.css.map*/